chosen-rails-adding 1.0.2.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE +19 -0
- data/README.md +85 -0
- data/Rakefile +13 -0
- data/chosen-rails-adding.gemspec +26 -0
- data/lib/chosen-rails-adding.rb +17 -0
- data/lib/chosen-rails-adding/engine.rb +13 -0
- data/lib/chosen-rails-adding/engine3.rb +11 -0
- data/lib/chosen-rails-adding/railtie.rb +6 -0
- data/lib/chosen-rails-adding/source_file.rb +51 -0
- data/lib/chosen-rails-adding/tasks.rake +11 -0
- data/lib/chosen-rails-adding/version.rb +6 -0
- data/vendor/assets/images/chosen-sprite.png +0 -0
- data/vendor/assets/images/chosen-sprite@2x.png +0 -0
- data/vendor/assets/javascripts/chosen-jquery.js +3 -0
- data/vendor/assets/javascripts/chosen-prototype.js +3 -0
- data/vendor/assets/javascripts/chosen.jquery.coffee +521 -0
- data/vendor/assets/javascripts/chosen.proto.coffee +529 -0
- data/vendor/assets/javascripts/lib/abstract-chosen.coffee +282 -0
- data/vendor/assets/javascripts/lib/select-parser.coffee +66 -0
- data/vendor/assets/stylesheets/chosen.css.scss +411 -0
- metadata +164 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 00e7abb511cdea24c376e52968fddf09e4ed3399
|
4
|
+
data.tar.gz: d85dfad535dbfc9cb611e79b14859105a9b9b96d
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 718b969e82d5fba7550065e244af68b88f61349c967026e396ba5469988f733a545f84909e20d95ab0bb3f8e825f814fee5c8d93881f6232ca1e0ce6d6198645
|
7
|
+
data.tar.gz: f4630f7de81be963ddce127e2c7ad3af4773feeac8f496c162b3d28393e9fa176150477ac314a9c6e0f8bc4b8d30e1e0fe2ff79041582b3a3202dce7c511f53e
|
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
Copyright (C) 2011-2013 by Tse-Ching Ho
|
2
|
+
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
4
|
+
of this software and associated documentation files (the "Software"), to deal
|
5
|
+
in the Software without restriction, including without limitation the rights
|
6
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
7
|
+
copies of the Software, and to permit persons to whom the Software is
|
8
|
+
furnished to do so, subject to the following conditions:
|
9
|
+
|
10
|
+
The above copyright notice and this permission notice shall be included in
|
11
|
+
all copies or substantial portions of the Software.
|
12
|
+
|
13
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
14
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
15
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
16
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
17
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
18
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
19
|
+
SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,85 @@
|
|
1
|
+
# Chosen for rails asset pipeline
|
2
|
+
|
3
|
+
[Chosen](https://github.com/harvesthq/chosen) is a library for making long, unwieldy select boxes more user friendly.
|
4
|
+
|
5
|
+
The `chosen-rails` gem integrates the `Chosen` with the Rails asset pipeline.
|
6
|
+
|
7
|
+
## Usage
|
8
|
+
|
9
|
+
### Install chosen-rails gem
|
10
|
+
|
11
|
+
Include `chosen-rails` in Gemefile
|
12
|
+
|
13
|
+
gem 'chosen-rails'
|
14
|
+
|
15
|
+
Then run `bundle install`
|
16
|
+
|
17
|
+
### Include chosen javascript assets
|
18
|
+
|
19
|
+
Add to your `app/assets/javascripts/application.js` if use with jQuery
|
20
|
+
|
21
|
+
//= require chosen-jquery
|
22
|
+
|
23
|
+
Or with Prototype
|
24
|
+
|
25
|
+
//= require chosen-prototype
|
26
|
+
|
27
|
+
### Include chosen stylesheet assets
|
28
|
+
|
29
|
+
Add to your `app/assets/stylesheets/application.css`
|
30
|
+
|
31
|
+
*= require chosen
|
32
|
+
|
33
|
+
### Enable chosen javascript by specific css class
|
34
|
+
|
35
|
+
Add to one coffee script file, like `scaffold.js.coffee`
|
36
|
+
|
37
|
+
$ ->
|
38
|
+
# enable chosen js
|
39
|
+
$('.chosen-select').chosen
|
40
|
+
allow_single_deselect: true
|
41
|
+
no_results_text: 'No results matched'
|
42
|
+
width: '200px'
|
43
|
+
|
44
|
+
Notice: `width` option is required since `Chosen 0.9.15`.
|
45
|
+
|
46
|
+
And this file must be included in `application.js`
|
47
|
+
|
48
|
+
//= require chosen-jquery
|
49
|
+
//= require scaffold
|
50
|
+
|
51
|
+
Also add the class to your form field
|
52
|
+
|
53
|
+
<%= f.select :author,
|
54
|
+
User.all.map { |u| [u.name, u.id] },
|
55
|
+
{ include_blank: true },
|
56
|
+
{ class: 'chosen-select' }
|
57
|
+
%>
|
58
|
+
|
59
|
+
If you use simple form as form builder
|
60
|
+
|
61
|
+
<%= f.association :author,
|
62
|
+
collection: User.all,
|
63
|
+
include_blank: true,
|
64
|
+
input_html: { class: 'chosen-select' }
|
65
|
+
%>
|
66
|
+
|
67
|
+
### Deployment
|
68
|
+
|
69
|
+
Since version 0.13.0, non-digested assets of `chosen-rails` will simply be copied from digested assets.
|
70
|
+
|
71
|
+
## Gem maintenance
|
72
|
+
|
73
|
+
Maintain `chosen-rails` gem with `Rake` commands.
|
74
|
+
|
75
|
+
Update origin chosen source files.
|
76
|
+
|
77
|
+
rake update-chosen
|
78
|
+
|
79
|
+
Publish gem.
|
80
|
+
|
81
|
+
rake release
|
82
|
+
|
83
|
+
## License
|
84
|
+
|
85
|
+
use MIT license.
|
data/Rakefile
ADDED
@@ -0,0 +1,13 @@
|
|
1
|
+
#!/usr/bin/env rake
|
2
|
+
require 'bundler/gem_tasks'
|
3
|
+
require File.expand_path('../lib/chosen-rails-adding/source_file', __FILE__)
|
4
|
+
|
5
|
+
desc "Update with Harvest's Chosen Library"
|
6
|
+
task 'update-chosen', 'repository_url', 'branch' do |task, args|
|
7
|
+
remote = args['repository_url'] || 'https://github.com/koenpunt/chosen'
|
8
|
+
branch = args['branch'] || 'option_adding'
|
9
|
+
files = SourceFile.new
|
10
|
+
files.fetch remote, branch
|
11
|
+
files.eject_javascript_class_from_closure
|
12
|
+
files.cleanup
|
13
|
+
end
|
@@ -0,0 +1,26 @@
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
2
|
+
require File.expand_path('../lib/chosen-rails-adding/version', __FILE__)
|
3
|
+
|
4
|
+
Gem::Specification.new do |gem|
|
5
|
+
gem.authors = ['Tse-Ching Ho']
|
6
|
+
gem.email = ['tsechingho@gmail.com']
|
7
|
+
gem.description = %q{Chosen is a javascript library of select box enhancer for jQuery and Protoype. This gem integrates Chosen with Rails asset pipeline for easy of use.}
|
8
|
+
gem.summary = %q{Integrate Chosen javascript library with Rails asset pipeline}
|
9
|
+
gem.homepage = 'https://github.com/spizm/chosen-rails-adding'
|
10
|
+
|
11
|
+
gem.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
12
|
+
gem.files = `git ls-files`.split("\n")
|
13
|
+
gem.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
14
|
+
gem.name = 'chosen-rails-adding'
|
15
|
+
gem.require_paths = ['lib']
|
16
|
+
gem.version = Chosen::Rails::VERSION
|
17
|
+
|
18
|
+
gem.add_dependency 'railties', '~> 4.0'
|
19
|
+
gem.add_dependency 'coffee-rails', '~> 4.0'
|
20
|
+
gem.add_dependency 'sass-rails', '~> 4.0'
|
21
|
+
gem.add_dependency 'compass-rails', '~> 1.1'
|
22
|
+
|
23
|
+
gem.add_development_dependency 'bundler', '~> 1.0'
|
24
|
+
gem.add_development_dependency 'rails', '~> 4.0'
|
25
|
+
gem.add_development_dependency 'thor', '~> 0.14'
|
26
|
+
end
|
@@ -0,0 +1,17 @@
|
|
1
|
+
require 'chosen-rails-adding/version'
|
2
|
+
|
3
|
+
module Chosen
|
4
|
+
module Rails
|
5
|
+
end
|
6
|
+
end
|
7
|
+
|
8
|
+
case ::Rails.version.to_s
|
9
|
+
when /^4/
|
10
|
+
require 'chosen-rails/engine'
|
11
|
+
when /^3\.[12]/
|
12
|
+
require 'chosen-rails/engine3'
|
13
|
+
when /^3\.[0]/
|
14
|
+
require 'chosen-rails/railtie'
|
15
|
+
end
|
16
|
+
|
17
|
+
require 'compass-rails'
|
@@ -0,0 +1,51 @@
|
|
1
|
+
require 'thor'
|
2
|
+
require 'json'
|
3
|
+
|
4
|
+
class SourceFile < Thor
|
5
|
+
include Thor::Actions
|
6
|
+
|
7
|
+
desc 'fetch source files', 'fetch source files from GitHub'
|
8
|
+
def fetch remote, branch
|
9
|
+
self.destination_root = 'vendor/assets'
|
10
|
+
get "#{remote}/raw/#{branch}/public/chosen-sprite.png", 'images/chosen-sprite.png'
|
11
|
+
get "#{remote}/raw/#{branch}/public/chosen-sprite@2x.png", 'images/chosen-sprite@2x.png'
|
12
|
+
get "#{remote}/raw/#{branch}/sass/chosen.scss", 'stylesheets/chosen.css.scss'
|
13
|
+
get "#{remote}/raw/#{branch}/coffee/lib/abstract-chosen.coffee", 'javascripts/lib/abstract-chosen.coffee'
|
14
|
+
get "#{remote}/raw/#{branch}/coffee/lib/select-parser.coffee", 'javascripts/lib/select-parser.coffee'
|
15
|
+
get "#{remote}/raw/#{branch}/coffee/chosen.jquery.coffee", 'javascripts/chosen.jquery.coffee'
|
16
|
+
get "#{remote}/raw/#{branch}/coffee/chosen.proto.coffee", 'javascripts/chosen.proto.coffee'
|
17
|
+
get "#{remote}/raw/#{branch}/package.json", 'package.json'
|
18
|
+
bump_version
|
19
|
+
end
|
20
|
+
|
21
|
+
desc 'eject class from closure', 'eject javascript library class from closure'
|
22
|
+
def eject_javascript_class_from_closure
|
23
|
+
self.destination_root = 'vendor/assets'
|
24
|
+
inside destination_root do
|
25
|
+
append_to_file 'javascripts/lib/abstract-chosen.coffee' do
|
26
|
+
"\nwindow.AbstractChosen = AbstractChosen\n"
|
27
|
+
end
|
28
|
+
append_to_file 'javascripts/lib/select-parser.coffee' do
|
29
|
+
"\n\nwindow.SelectParser = SelectParser\n"
|
30
|
+
end
|
31
|
+
end
|
32
|
+
end
|
33
|
+
|
34
|
+
desc 'clean up useless files', 'clean up useless files'
|
35
|
+
def cleanup
|
36
|
+
self.destination_root = 'vendor/assets'
|
37
|
+
remove_file 'package.json'
|
38
|
+
end
|
39
|
+
|
40
|
+
protected
|
41
|
+
|
42
|
+
def bump_version
|
43
|
+
inside destination_root do
|
44
|
+
package_json = JSON.load(File.open('package.json'))
|
45
|
+
version = package_json['version']
|
46
|
+
gsub_file '../../lib/chosen-rails/version.rb', /CHOSEN_VERSION\s=\s'(\d|\.)+'$/ do |match|
|
47
|
+
%Q{CHOSEN_VERSION = '#{version}'}
|
48
|
+
end
|
49
|
+
end
|
50
|
+
end
|
51
|
+
end
|
@@ -0,0 +1,11 @@
|
|
1
|
+
require 'fileutils'
|
2
|
+
|
3
|
+
desc 'Create nondigest versions of all chosen digest assets'
|
4
|
+
task 'assets:precompile' do
|
5
|
+
fingerprint = /\-[0-9a-f]{32}\./
|
6
|
+
Dir['public/assets/chosen-*'].each do |file|
|
7
|
+
next unless file =~ fingerprint
|
8
|
+
nondigest = file.sub fingerprint, '.'
|
9
|
+
FileUtils.cp file, nondigest, verbose: true
|
10
|
+
end
|
11
|
+
end
|
Binary file
|
Binary file
|
@@ -0,0 +1,521 @@
|
|
1
|
+
$ = jQuery
|
2
|
+
|
3
|
+
$.fn.extend({
|
4
|
+
chosen: (options) ->
|
5
|
+
# Do no harm and return as soon as possible for unsupported browsers, namely IE6 and IE7
|
6
|
+
# Continue on if running IE document type but in compatibility mode
|
7
|
+
return this unless AbstractChosen.browser_is_supported()
|
8
|
+
this.each (input_field) ->
|
9
|
+
$this = $ this
|
10
|
+
chosen = $this.data('chosen')
|
11
|
+
if options is 'destroy' && chosen
|
12
|
+
chosen.destroy()
|
13
|
+
else unless chosen
|
14
|
+
$this.data('chosen', new Chosen(this, options))
|
15
|
+
|
16
|
+
return
|
17
|
+
|
18
|
+
})
|
19
|
+
|
20
|
+
class Chosen extends AbstractChosen
|
21
|
+
|
22
|
+
setup: ->
|
23
|
+
@form_field_jq = $ @form_field
|
24
|
+
@current_selectedIndex = @form_field.selectedIndex
|
25
|
+
@is_rtl = @form_field_jq.hasClass "chosen-rtl"
|
26
|
+
|
27
|
+
set_up_html: ->
|
28
|
+
container_classes = ["chosen-container"]
|
29
|
+
container_classes.push "chosen-container-" + (if @is_multiple then "multi" else "single")
|
30
|
+
container_classes.push @form_field.className if @inherit_select_classes && @form_field.className
|
31
|
+
container_classes.push "chosen-rtl" if @is_rtl
|
32
|
+
|
33
|
+
container_props =
|
34
|
+
'class': container_classes.join ' '
|
35
|
+
'style': "width: #{this.container_width()};"
|
36
|
+
'title': @form_field.title
|
37
|
+
|
38
|
+
container_props.id = @form_field.id.replace(/[^\w]/g, '_') + "_chosen" if @form_field.id.length
|
39
|
+
|
40
|
+
@container = ($ "<div />", container_props)
|
41
|
+
|
42
|
+
if @is_multiple
|
43
|
+
@container.html '<ul class="chosen-choices"><li class="search-field"><input type="text" value="' + @default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>'
|
44
|
+
else
|
45
|
+
@container.html '<a class="chosen-single chosen-default" tabindex="-1"><span>' + @default_text + '</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>'
|
46
|
+
|
47
|
+
@form_field_jq.hide().after @container
|
48
|
+
@dropdown = @container.find('div.chosen-drop').first()
|
49
|
+
|
50
|
+
@search_field = @container.find('input').first()
|
51
|
+
@search_results = @container.find('ul.chosen-results').first()
|
52
|
+
this.search_field_scale()
|
53
|
+
|
54
|
+
@search_no_results = @container.find('li.no-results').first()
|
55
|
+
|
56
|
+
if @is_multiple
|
57
|
+
@search_choices = @container.find('ul.chosen-choices').first()
|
58
|
+
@search_container = @container.find('li.search-field').first()
|
59
|
+
else
|
60
|
+
@search_container = @container.find('div.chosen-search').first()
|
61
|
+
@selected_item = @container.find('.chosen-single').first()
|
62
|
+
|
63
|
+
this.results_build()
|
64
|
+
this.set_tab_index()
|
65
|
+
this.set_label_behavior()
|
66
|
+
@form_field_jq.trigger("chosen:ready", {chosen: this})
|
67
|
+
|
68
|
+
register_observers: ->
|
69
|
+
@container.bind 'mousedown.chosen', (evt) => this.container_mousedown(evt); return
|
70
|
+
@container.bind 'mouseup.chosen', (evt) => this.container_mouseup(evt); return
|
71
|
+
@container.bind 'mouseenter.chosen', (evt) => this.mouse_enter(evt); return
|
72
|
+
@container.bind 'mouseleave.chosen', (evt) => this.mouse_leave(evt); return
|
73
|
+
|
74
|
+
@search_results.bind 'mouseup.chosen', (evt) => this.search_results_mouseup(evt); return
|
75
|
+
@search_results.bind 'mouseover.chosen', (evt) => this.search_results_mouseover(evt); return
|
76
|
+
@search_results.bind 'mouseout.chosen', (evt) => this.search_results_mouseout(evt); return
|
77
|
+
@search_results.bind 'mousewheel.chosen DOMMouseScroll.chosen', (evt) => this.search_results_mousewheel(evt); return
|
78
|
+
|
79
|
+
@search_results.bind 'touchstart.chosen', (evt) => this.search_results_touchstart(evt); return
|
80
|
+
@search_results.bind 'touchmove.chosen', (evt) => this.search_results_touchmove(evt); return
|
81
|
+
@search_results.bind 'touchend.chosen', (evt) => this.search_results_touchend(evt); return
|
82
|
+
|
83
|
+
@form_field_jq.bind "chosen:updated.chosen", (evt) => this.results_update_field(evt); return
|
84
|
+
@form_field_jq.bind "chosen:activate.chosen", (evt) => this.activate_field(evt); return
|
85
|
+
@form_field_jq.bind "chosen:open.chosen", (evt) => this.container_mousedown(evt); return
|
86
|
+
@form_field_jq.bind "chosen:close.chosen", (evt) => this.input_blur(evt); return
|
87
|
+
|
88
|
+
@search_field.bind 'blur.chosen', (evt) => this.input_blur(evt); return
|
89
|
+
@search_field.bind 'keyup.chosen', (evt) => this.keyup_checker(evt); return
|
90
|
+
@search_field.bind 'keydown.chosen', (evt) => this.keydown_checker(evt); return
|
91
|
+
@search_field.bind 'focus.chosen', (evt) => this.input_focus(evt); return
|
92
|
+
|
93
|
+
if @is_multiple
|
94
|
+
@search_choices.bind 'click.chosen', (evt) => this.choices_click(evt); return
|
95
|
+
else
|
96
|
+
@container.bind 'click.chosen', (evt) -> evt.preventDefault(); return # gobble click of anchor
|
97
|
+
|
98
|
+
destroy: ->
|
99
|
+
$(document).unbind "click.chosen", @click_test_action
|
100
|
+
if @search_field[0].tabIndex
|
101
|
+
@form_field_jq[0].tabIndex = @search_field[0].tabIndex
|
102
|
+
|
103
|
+
@container.remove()
|
104
|
+
@form_field_jq.removeData('chosen')
|
105
|
+
@form_field_jq.show()
|
106
|
+
|
107
|
+
search_field_disabled: ->
|
108
|
+
@is_disabled = @form_field_jq[0].disabled
|
109
|
+
if(@is_disabled)
|
110
|
+
@container.addClass 'chosen-disabled'
|
111
|
+
@search_field[0].disabled = true
|
112
|
+
@selected_item.unbind "focus.chosen", @activate_action if !@is_multiple
|
113
|
+
this.close_field()
|
114
|
+
else
|
115
|
+
@container.removeClass 'chosen-disabled'
|
116
|
+
@search_field[0].disabled = false
|
117
|
+
@selected_item.bind "focus.chosen", @activate_action if !@is_multiple
|
118
|
+
|
119
|
+
container_mousedown: (evt) ->
|
120
|
+
if !@is_disabled
|
121
|
+
if evt and evt.type is "mousedown" and not @results_showing
|
122
|
+
evt.preventDefault()
|
123
|
+
|
124
|
+
if not (evt? and ($ evt.target).hasClass "search-choice-close")
|
125
|
+
if not @active_field
|
126
|
+
@search_field.val "" if @is_multiple
|
127
|
+
$(document).bind 'click.chosen', @click_test_action
|
128
|
+
this.results_show()
|
129
|
+
else if not @is_multiple and evt and (($(evt.target)[0] == @selected_item[0]) || $(evt.target).parents("a.chosen-single").length)
|
130
|
+
evt.preventDefault()
|
131
|
+
this.results_toggle()
|
132
|
+
|
133
|
+
this.activate_field()
|
134
|
+
|
135
|
+
container_mouseup: (evt) ->
|
136
|
+
this.results_reset(evt) if evt.target.nodeName is "ABBR" and not @is_disabled
|
137
|
+
|
138
|
+
search_results_mousewheel: (evt) ->
|
139
|
+
delta = -evt.originalEvent.wheelDelta or evt.originalEvent.detail if evt.originalEvent
|
140
|
+
if delta?
|
141
|
+
evt.preventDefault()
|
142
|
+
delta = delta * 40 if evt.type is 'DOMMouseScroll'
|
143
|
+
@search_results.scrollTop(delta + @search_results.scrollTop())
|
144
|
+
|
145
|
+
blur_test: (evt) ->
|
146
|
+
this.close_field() if not @active_field and @container.hasClass "chosen-container-active"
|
147
|
+
|
148
|
+
close_field: ->
|
149
|
+
$(document).unbind "click.chosen", @click_test_action
|
150
|
+
|
151
|
+
@active_field = false
|
152
|
+
this.results_hide()
|
153
|
+
|
154
|
+
@container.removeClass "chosen-container-active"
|
155
|
+
this.clear_backstroke()
|
156
|
+
|
157
|
+
this.show_search_field_default()
|
158
|
+
this.search_field_scale()
|
159
|
+
|
160
|
+
activate_field: ->
|
161
|
+
@container.addClass "chosen-container-active"
|
162
|
+
@active_field = true
|
163
|
+
|
164
|
+
@search_field.val(@search_field.val())
|
165
|
+
@search_field.focus()
|
166
|
+
|
167
|
+
|
168
|
+
test_active_click: (evt) ->
|
169
|
+
if @container.is($(evt.target).closest('.chosen-container'))
|
170
|
+
@active_field = true
|
171
|
+
else
|
172
|
+
this.close_field()
|
173
|
+
|
174
|
+
results_build: ->
|
175
|
+
@parsing = true
|
176
|
+
@selected_option_count = null
|
177
|
+
|
178
|
+
@results_data = SelectParser.select_to_array @form_field
|
179
|
+
|
180
|
+
if @is_multiple
|
181
|
+
@search_choices.find("li.search-choice").remove()
|
182
|
+
else if not @is_multiple
|
183
|
+
this.single_set_selected_text()
|
184
|
+
if @disable_search or @form_field.options.length <= @disable_search_threshold and not @create_option
|
185
|
+
@search_field[0].readOnly = true
|
186
|
+
@container.addClass "chosen-container-single-nosearch"
|
187
|
+
else
|
188
|
+
@search_field[0].readOnly = false
|
189
|
+
@container.removeClass "chosen-container-single-nosearch"
|
190
|
+
|
191
|
+
this.update_results_content this.results_option_build({first:true})
|
192
|
+
|
193
|
+
this.search_field_disabled()
|
194
|
+
this.show_search_field_default()
|
195
|
+
this.search_field_scale()
|
196
|
+
|
197
|
+
@parsing = false
|
198
|
+
|
199
|
+
result_do_highlight: (el) ->
|
200
|
+
if el.length
|
201
|
+
this.result_clear_highlight()
|
202
|
+
|
203
|
+
@result_highlight = el
|
204
|
+
@result_highlight.addClass "highlighted"
|
205
|
+
|
206
|
+
maxHeight = parseInt @search_results.css("maxHeight"), 10
|
207
|
+
visible_top = @search_results.scrollTop()
|
208
|
+
visible_bottom = maxHeight + visible_top
|
209
|
+
|
210
|
+
high_top = @result_highlight.position().top + @search_results.scrollTop()
|
211
|
+
high_bottom = high_top + @result_highlight.outerHeight()
|
212
|
+
|
213
|
+
if high_bottom >= visible_bottom
|
214
|
+
@search_results.scrollTop if (high_bottom - maxHeight) > 0 then (high_bottom - maxHeight) else 0
|
215
|
+
else if high_top < visible_top
|
216
|
+
@search_results.scrollTop high_top
|
217
|
+
|
218
|
+
result_clear_highlight: ->
|
219
|
+
@result_highlight.removeClass "highlighted" if @result_highlight
|
220
|
+
@result_highlight = null
|
221
|
+
|
222
|
+
results_show: ->
|
223
|
+
if @is_multiple and @max_selected_options <= this.choices_count()
|
224
|
+
@form_field_jq.trigger("chosen:maxselected", {chosen: this})
|
225
|
+
return false
|
226
|
+
|
227
|
+
@container.addClass "chosen-with-drop"
|
228
|
+
@form_field_jq.trigger("chosen:showing_dropdown", {chosen: this})
|
229
|
+
|
230
|
+
@results_showing = true
|
231
|
+
|
232
|
+
@search_field.focus()
|
233
|
+
@search_field.val @search_field.val()
|
234
|
+
|
235
|
+
this.winnow_results()
|
236
|
+
|
237
|
+
update_results_content: (content) ->
|
238
|
+
@search_results.html content
|
239
|
+
|
240
|
+
results_hide: ->
|
241
|
+
if @results_showing
|
242
|
+
this.result_clear_highlight()
|
243
|
+
|
244
|
+
@container.removeClass "chosen-with-drop"
|
245
|
+
@form_field_jq.trigger("chosen:hiding_dropdown", {chosen: this})
|
246
|
+
|
247
|
+
@results_showing = false
|
248
|
+
|
249
|
+
|
250
|
+
set_tab_index: (el) ->
|
251
|
+
if @form_field.tabIndex
|
252
|
+
ti = @form_field.tabIndex
|
253
|
+
@form_field.tabIndex = -1
|
254
|
+
@search_field[0].tabIndex = ti
|
255
|
+
|
256
|
+
set_label_behavior: ->
|
257
|
+
@form_field_label = @form_field_jq.parents("label") # first check for a parent label
|
258
|
+
if not @form_field_label.length and @form_field.id.length
|
259
|
+
@form_field_label = $("label[for='#{@form_field.id}']") #next check for a for=#{id}
|
260
|
+
|
261
|
+
if @form_field_label.length > 0
|
262
|
+
@form_field_label.bind 'click.chosen', (evt) => if @is_multiple then this.container_mousedown(evt) else this.activate_field()
|
263
|
+
|
264
|
+
show_search_field_default: ->
|
265
|
+
if @is_multiple and this.choices_count() < 1 and not @active_field
|
266
|
+
@search_field.val(@default_text)
|
267
|
+
@search_field.addClass "default"
|
268
|
+
else
|
269
|
+
@search_field.val("")
|
270
|
+
@search_field.removeClass "default"
|
271
|
+
|
272
|
+
search_results_mouseup: (evt) ->
|
273
|
+
target = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first()
|
274
|
+
if target.length
|
275
|
+
@result_highlight = target
|
276
|
+
this.result_select(evt)
|
277
|
+
@search_field.focus()
|
278
|
+
|
279
|
+
search_results_mouseover: (evt) ->
|
280
|
+
target = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first()
|
281
|
+
this.result_do_highlight( target ) if target
|
282
|
+
|
283
|
+
search_results_mouseout: (evt) ->
|
284
|
+
this.result_clear_highlight() if $(evt.target).hasClass "active-result" or $(evt.target).parents('.active-result').first()
|
285
|
+
|
286
|
+
choice_build: (item) ->
|
287
|
+
choice = $('<li />', { class: "search-choice" }).html("<span>#{item.html}</span>")
|
288
|
+
|
289
|
+
if item.disabled
|
290
|
+
choice.addClass 'search-choice-disabled'
|
291
|
+
else
|
292
|
+
close_link = $('<a />', { class: 'search-choice-close', 'data-option-array-index': item.array_index })
|
293
|
+
close_link.bind 'click.chosen', (evt) => this.choice_destroy_link_click(evt)
|
294
|
+
choice.append close_link
|
295
|
+
|
296
|
+
@search_container.before choice
|
297
|
+
|
298
|
+
choice_destroy_link_click: (evt) ->
|
299
|
+
evt.preventDefault()
|
300
|
+
evt.stopPropagation()
|
301
|
+
this.choice_destroy $(evt.target) unless @is_disabled
|
302
|
+
|
303
|
+
choice_destroy: (link) ->
|
304
|
+
if this.result_deselect( link[0].getAttribute("data-option-array-index") )
|
305
|
+
this.show_search_field_default()
|
306
|
+
|
307
|
+
this.results_hide() if @is_multiple and this.choices_count() > 0 and @search_field.val().length < 1
|
308
|
+
|
309
|
+
link.parents('li').first().remove()
|
310
|
+
|
311
|
+
this.search_field_scale()
|
312
|
+
|
313
|
+
results_reset: ->
|
314
|
+
this.reset_single_select_options()
|
315
|
+
@form_field.options[0].selected = true
|
316
|
+
this.single_set_selected_text()
|
317
|
+
this.show_search_field_default()
|
318
|
+
this.results_reset_cleanup()
|
319
|
+
@form_field_jq.trigger "change"
|
320
|
+
this.results_hide() if @active_field
|
321
|
+
|
322
|
+
results_reset_cleanup: ->
|
323
|
+
@current_selectedIndex = @form_field.selectedIndex
|
324
|
+
@selected_item.find("abbr").remove()
|
325
|
+
|
326
|
+
result_select: (evt) ->
|
327
|
+
if @result_highlight
|
328
|
+
high = @result_highlight
|
329
|
+
|
330
|
+
if high.hasClass "create-option"
|
331
|
+
this.select_create_option(@search_field.val())
|
332
|
+
return this.results_hide()
|
333
|
+
|
334
|
+
this.result_clear_highlight()
|
335
|
+
|
336
|
+
if @is_multiple and @max_selected_options <= this.choices_count()
|
337
|
+
@form_field_jq.trigger("chosen:maxselected", {chosen: this})
|
338
|
+
return false
|
339
|
+
|
340
|
+
if @is_multiple
|
341
|
+
high.removeClass("active-result")
|
342
|
+
else
|
343
|
+
this.reset_single_select_options()
|
344
|
+
|
345
|
+
item = @results_data[ high[0].getAttribute("data-option-array-index") ]
|
346
|
+
item.selected = true
|
347
|
+
|
348
|
+
@form_field.options[item.options_index].selected = true
|
349
|
+
@selected_option_count = null
|
350
|
+
|
351
|
+
if @is_multiple
|
352
|
+
this.choice_build item
|
353
|
+
else
|
354
|
+
this.single_set_selected_text(item.text)
|
355
|
+
|
356
|
+
this.results_hide() unless (evt.metaKey or evt.ctrlKey) and @is_multiple
|
357
|
+
|
358
|
+
@search_field.val ""
|
359
|
+
|
360
|
+
@form_field_jq.trigger "change", {'selected': @form_field.options[item.options_index].value} if @is_multiple || @form_field.selectedIndex != @current_selectedIndex
|
361
|
+
@current_selectedIndex = @form_field.selectedIndex
|
362
|
+
this.search_field_scale()
|
363
|
+
|
364
|
+
single_set_selected_text: (text=@default_text) ->
|
365
|
+
if text is @default_text
|
366
|
+
@selected_item.addClass("chosen-default")
|
367
|
+
else
|
368
|
+
this.single_deselect_control_build()
|
369
|
+
@selected_item.removeClass("chosen-default")
|
370
|
+
|
371
|
+
@selected_item.find("span").text(text)
|
372
|
+
|
373
|
+
result_deselect: (pos) ->
|
374
|
+
result_data = @results_data[pos]
|
375
|
+
|
376
|
+
if not @form_field.options[result_data.options_index].disabled
|
377
|
+
result_data.selected = false
|
378
|
+
|
379
|
+
@form_field.options[result_data.options_index].selected = false
|
380
|
+
@selected_option_count = null
|
381
|
+
|
382
|
+
this.result_clear_highlight()
|
383
|
+
this.winnow_results() if @results_showing
|
384
|
+
|
385
|
+
@form_field_jq.trigger "change", {deselected: @form_field.options[result_data.options_index].value}
|
386
|
+
this.search_field_scale()
|
387
|
+
|
388
|
+
return true
|
389
|
+
else
|
390
|
+
return false
|
391
|
+
|
392
|
+
single_deselect_control_build: ->
|
393
|
+
return unless @allow_single_deselect
|
394
|
+
@selected_item.find("span").first().after "<abbr class=\"search-choice-close\"></abbr>" unless @selected_item.find("abbr").length
|
395
|
+
@selected_item.addClass("chosen-single-with-deselect")
|
396
|
+
|
397
|
+
get_search_text: ->
|
398
|
+
if @search_field.val() is @default_text then "" else $('<div/>').text($.trim(@search_field.val())).html()
|
399
|
+
|
400
|
+
winnow_results_set_highlight: ->
|
401
|
+
selected_results = if not @is_multiple then @search_results.find(".result-selected.active-result") else []
|
402
|
+
do_high = if selected_results.length then selected_results.first() else @search_results.find(".active-result").first()
|
403
|
+
|
404
|
+
this.result_do_highlight do_high if do_high?
|
405
|
+
|
406
|
+
no_results: (terms) ->
|
407
|
+
no_results_html = $('<li class="no-results">' + @results_none_found + ' "<span></span>"</li>')
|
408
|
+
no_results_html.find("span").first().html(terms)
|
409
|
+
@search_results.append no_results_html
|
410
|
+
|
411
|
+
show_create_option: (terms) ->
|
412
|
+
create_option_html = $('<li class="create-option active-result"><a>' + @create_option_text + '</a>: "' + terms + '"</li>')
|
413
|
+
@search_results.append create_option_html
|
414
|
+
|
415
|
+
create_option_clear: ->
|
416
|
+
@search_results.find(".create-option").remove()
|
417
|
+
|
418
|
+
select_create_option: (terms) ->
|
419
|
+
if $.isFunction(@create_option)
|
420
|
+
@create_option.call this, terms
|
421
|
+
else
|
422
|
+
this.select_append_option( {value: terms, text: terms} )
|
423
|
+
|
424
|
+
select_append_option: ( options ) ->
|
425
|
+
option = $('<option />', options ).attr('selected', 'selected')
|
426
|
+
@form_field_jq.append option
|
427
|
+
@form_field_jq.trigger "chosen:updated"
|
428
|
+
@form_field_jq.trigger "change"
|
429
|
+
@search_field.trigger "focus"
|
430
|
+
|
431
|
+
no_results_clear: ->
|
432
|
+
@search_results.find(".no-results").remove()
|
433
|
+
|
434
|
+
keydown_arrow: ->
|
435
|
+
if @results_showing and @result_highlight
|
436
|
+
next_sib = @result_highlight.nextAll("li.active-result").first()
|
437
|
+
this.result_do_highlight next_sib if next_sib
|
438
|
+
else if @results_showing and @create_option
|
439
|
+
this.result_do_highlight(@search_results.find('.create-option'))
|
440
|
+
else
|
441
|
+
this.results_show()
|
442
|
+
|
443
|
+
keyup_arrow: ->
|
444
|
+
if not @results_showing and not @is_multiple
|
445
|
+
this.results_show()
|
446
|
+
else if @result_highlight
|
447
|
+
prev_sibs = @result_highlight.prevAll("li.active-result")
|
448
|
+
|
449
|
+
if prev_sibs.length
|
450
|
+
this.result_do_highlight prev_sibs.first()
|
451
|
+
else
|
452
|
+
this.results_hide() if this.choices_count() > 0
|
453
|
+
this.result_clear_highlight()
|
454
|
+
|
455
|
+
keydown_backstroke: ->
|
456
|
+
if @pending_backstroke
|
457
|
+
this.choice_destroy @pending_backstroke.find("a").first()
|
458
|
+
this.clear_backstroke()
|
459
|
+
else
|
460
|
+
next_available_destroy = @search_container.siblings("li.search-choice").last()
|
461
|
+
if next_available_destroy.length and not next_available_destroy.hasClass("search-choice-disabled")
|
462
|
+
@pending_backstroke = next_available_destroy
|
463
|
+
if @single_backstroke_delete
|
464
|
+
@keydown_backstroke()
|
465
|
+
else
|
466
|
+
@pending_backstroke.addClass "search-choice-focus"
|
467
|
+
|
468
|
+
clear_backstroke: ->
|
469
|
+
@pending_backstroke.removeClass "search-choice-focus" if @pending_backstroke
|
470
|
+
@pending_backstroke = null
|
471
|
+
|
472
|
+
keydown_checker: (evt) ->
|
473
|
+
stroke = evt.which ? evt.keyCode
|
474
|
+
this.search_field_scale()
|
475
|
+
|
476
|
+
this.clear_backstroke() if stroke != 8 and this.pending_backstroke
|
477
|
+
|
478
|
+
switch stroke
|
479
|
+
when 8
|
480
|
+
@backstroke_length = this.search_field.val().length
|
481
|
+
break
|
482
|
+
when 9
|
483
|
+
this.result_select(evt) if this.results_showing and not @is_multiple
|
484
|
+
@mouse_on_container = false
|
485
|
+
break
|
486
|
+
when 13
|
487
|
+
evt.preventDefault()
|
488
|
+
break
|
489
|
+
when 38
|
490
|
+
evt.preventDefault()
|
491
|
+
this.keyup_arrow()
|
492
|
+
break
|
493
|
+
when 40
|
494
|
+
evt.preventDefault()
|
495
|
+
this.keydown_arrow()
|
496
|
+
break
|
497
|
+
|
498
|
+
search_field_scale: ->
|
499
|
+
if @is_multiple
|
500
|
+
h = 0
|
501
|
+
w = 0
|
502
|
+
|
503
|
+
style_block = "position:absolute; left: -1000px; top: -1000px; display:none;"
|
504
|
+
styles = ['font-size','font-style', 'font-weight', 'font-family','line-height', 'text-transform', 'letter-spacing']
|
505
|
+
|
506
|
+
for style in styles
|
507
|
+
style_block += style + ":" + @search_field.css(style) + ";"
|
508
|
+
|
509
|
+
div = $('<div />', { 'style' : style_block })
|
510
|
+
div.text @search_field.val()
|
511
|
+
$('body').append div
|
512
|
+
|
513
|
+
w = div.width() + 25
|
514
|
+
div.remove()
|
515
|
+
|
516
|
+
f_width = @container.outerWidth()
|
517
|
+
|
518
|
+
if( w > f_width - 10 )
|
519
|
+
w = f_width - 10
|
520
|
+
|
521
|
+
@search_field.css({'width': w + 'px'})
|