gunghogeoduck/osem-fcy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace add userby email textinput in admin/roles#show with searchable combobox

Browse source
This commit is contained in:
Nishanth Vijayan 2016-03-09 17:41:28 +05:30
parent 877402e837
commit 2f1052df1a
7 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Gemfile
View file

@ -91,6 +91,8 @@ source 'https://rails-assets.org' do
gem 'rails-assets-bootstrap-markdown' gem 'rails-assets-bootstrap-markdown'
gem 'rails-assets-to-markdown' gem 'rails-assets-to-markdown'
gem 'rails-assets-markdown' gem 'rails-assets-markdown'
# for searchable selects
gem 'rails-assets-bootstrap-select'
end end
# as date picker # as date picker

3
Gemfile.lock
View file

@ -335,6 +335,8 @@ GEM
rails-assets-jquery (>= 1.9.1, < 3) rails-assets-jquery (>= 1.9.1, < 3)
rails-assets-bootstrap-markdown (2.10.0) rails-assets-bootstrap-markdown (2.10.0)
rails-assets-bootstrap (~> 3) rails-assets-bootstrap (~> 3)
rails-assets-bootstrap-select (1.10.0)
rails-assets-jquery (>= 1.8)
rails-assets-date.format (1.2.3) rails-assets-date.format (1.2.3)
rails-assets-holderjs (2.9.1) rails-assets-holderjs (2.9.1)
rails-assets-jquery (2.2.0) rails-assets-jquery (2.2.0)
@ -547,6 +549,7 @@ DEPENDENCIES
quiet_assets quiet_assets
rails (~> 4.2) rails (~> 4.2)
rails-assets-bootstrap-markdown! rails-assets-bootstrap-markdown!
rails-assets-bootstrap-select!
rails-assets-date.format! rails-assets-date.format!
rails-assets-holderjs! rails-assets-holderjs!
rails-assets-jquery-smooth-scroll! rails-assets-jquery-smooth-scroll!

2
app/assets/javascripts/application.js
View file

@ -40,6 +40,8 @@
//= require osem-commercials //= require osem-commercials
//= require unobtrusive_flash //= require unobtrusive_flash
//= require unobtrusive_flash_bootstrap //= require unobtrusive_flash_bootstrap
//= require bootstrap-select
//= require osem-selectpicker
$(document).ready(function() { $(document).ready(function() {
$('a[disabled=disabled]').click(function(event){ $('a[disabled=disabled]').click(function(event){

3
app/assets/javascripts/osem-selectpicker.js Normal file
View file

@ -0,0 +1,3 @@
$(function () {
$('.selectpicker').selectpicker();
});

2
app/assets/stylesheets/application.css
View file

@ -14,4 +14,6 @@
*= require bootstrap-datetimepicker *= require bootstrap-datetimepicker
*= require leaflet *= require leaflet
*= require bootstrap3-switch *= require bootstrap3-switch
*= require bootstrap-select
*= require osem-selectpicker
*/ */

2
app/assets/stylesheets/osem-selectpicker.css Normal file
View file

@ -0,0 +1,2 @@
/* Align bootstrap-select with the Add button */
.add-user-role > .select { display: inline; }

4
app/views/admin/roles/show.html.haml
View file

@ -16,8 +16,8 @@
= semantic_form_for :user, url: toggle_user_admin_conference_role_path(@conference.short_title, @role.name), method: :post do |u| = semantic_form_for :user, url: toggle_user_admin_conference_role_path(@conference.short_title, @role.name), method: :post do |u|
= u.label 'Add user by email: ' = u.label 'Add user by email: '
.input-group .input-group.add-user-role
= u.input :email, label: false, placeholder: "User's email" = u.input :email, label: false, :collection => User.pluck(:email), :input_html => { class: "selectpicker", data: { live_search: "true", size: "10" } ,title: "Select User's email" }
.input-group-btn .input-group-btn
= u.submit 'Add', id: 'user-add', class: 'btn btn-primary' = u.submit 'Add', id: 'user-add', class: 'btn btn-primary'