[Pkg-javascript-commits] [libjs-chosen] 01/04: Imported Upstream version 0.9.15
Gianfranco Costamagna
locutusofborg at moszumanska.debian.org
Mon Dec 19 15:29:29 UTC 2016
This is an automated email from the git hooks/post-receive script.
locutusofborg pushed a commit to annotated tag debian/0.9.15-1
in repository libjs-chosen.
commit 26bd29822d9cd09ae4ecdb2539a7bf8dbb34ce6e
Author: Gianfranco Costamagna <locutusofborg at debian.org>
Date: Mon Dec 19 16:25:54 2016 +0100
Imported Upstream version 0.9.15
---
Cakefile | 43 +-
LICENSE.md | 9 +-
README.md | 45 +-
VERSION | 2 +-
chosen.jquery.json | 38 ++
chosen/chosen-sprite.png | Bin 559 -> 646 bytes
chosen/chosen-sprite at 2x.png | Bin 0 -> 872 bytes
chosen/chosen.css | 111 ++--
chosen/chosen.jquery.js | 1082 ------------------------------------
chosen/chosen.jquery.min.js | 10 -
chosen/chosen.proto.js | 1090 -------------------------------------
chosen/chosen.proto.min.js | 10 -
coffee/chosen.jquery.coffee | 176 +++---
coffee/chosen.proto.coffee | 144 +++--
coffee/lib/abstract-chosen.coffee | 39 +-
contributing.md | 188 +++++++
example.jquery.html | 137 ++++-
example.proto.html | 157 +++++-
package.json | 12 +-
19 files changed, 797 insertions(+), 2496 deletions(-)
diff --git a/Cakefile b/Cakefile
index 8d59639..d2a6615 100644
--- a/Cakefile
+++ b/Cakefile
@@ -48,9 +48,9 @@ version_tag = ->
#
write_chosen_javascript = (filename, body, trailing='') ->
fs.writeFileSync filename, """
-// Chosen, a Select Box Enhancer for jQuery and Protoype
+// Chosen, a Select Box Enhancer for jQuery and Prototype
// by Patrick Filler for Harvest, http://getharvest.com
-//
+//
// Version #{version()}
// Full source at https://github.com/harvesthq/chosen
// Copyright (c) 2011 Harvest http://getharvest.com
@@ -78,10 +78,11 @@ task 'build', 'build Chosen from source', build = (cb) ->
uglify.gen_code uglify.ast_squeeze uglify.ast_mangle parser.parse code
), ';'
package_npm () ->
- cb() if typeof cb is 'function'
+ package_jquery () ->
+ cb() if typeof cb is 'function'
catch e
print_error e, file_name, file_contents
-
+
task 'watch', 'watch coffee/ for changes and build Chosen', ->
console.log "Watching for changes in coffee/"
for file in source_files()
@@ -106,6 +107,17 @@ task 'package_npm', 'generate the package.json file for npm', package_npm = (cb)
catch e
print_error e, package_file
+task 'package_jquery', 'generate the chosen.jquery.json file for the jQuery plugin website', package_jquery = (cb) ->
+ try
+ package_file = 'chosen.jquery.json'
+ package_obj = JSON.parse("#{fs.readFileSync package_file}")
+ package_obj['version'] = version()
+ fs.writeFileSync package_file, JSON.stringify(package_obj, null, 2)
+ console.log "Wrote #{package_file}"
+ cb() if typeof cb is 'function'
+ catch e
+ print_error e, package_file
+
run = (cmd, args, cb, err_cb) ->
exec "#{cmd} #{args.join(' ')}", (err, stdout, stderr) ->
if err isnt null
@@ -140,27 +152,16 @@ push_repo = (args=[], cb, cb_err) ->
run 'git', ['push'].concat(args), cb, cb_err
print_error = (error, file_name, file_contents) ->
- line = error.message.match /line ([0-9]+):/
- if line && line[1] && line = parseInt(line[1])
- contents_lines = file_contents.split "\n"
- first = if line-4 < 0 then 0 else line-4
- last = if line+3 > contents_lines.size then contents_lines.size else line+3
- console.log "Error compiling #{file_name}. \"#{error.message}\"\n"
- index = 0
- for line in contents_lines[first...last]
- index++
- line_number = first + 1 + index
- console.log "#{(' ' for [0..(3-(line_number.toString().length))]).join('')} #{line}"
+ if error.location
+ console.log CoffeeScript.helpers.prettyErrorMessage(error, file_name, file_contents, true)
else
console.log """
Error compiling #{file_name}:
-
+
#{error.message}
"""
-
-
task 'release', 'build, tag the current release, and push', ->
console.log "Trying to tag #{version_tag()}..."
with_clean_repo ->
@@ -171,6 +172,6 @@ task 'release', 'build, tag the current release, and push', ->
push_repo ['--tags'], ->
console.log "Successfully tagged #{version_tag()}: https://github.com/harvesthq/chosen/tree/#{version_tag()}"
- , untag_release
- , untag_release
- , untag_release
+ , untag_release ('push repo with tags')
+ , untag_release ('push repo')
+ , untag_release ('tag release')
diff --git a/LICENSE.md b/LICENSE.md
index 80109bb..fa5cb1f 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,10 +1,9 @@
-# Chosen, a Select Box Enhancer for jQuery and Protoype
-## by Patrick Filler for [Harvest](http://getharvest.com)
+#### Chosen
+- by Patrick Filler for [Harvest](http://getharvest.com)
+- Copyright (c) 2011-2013 by Harvest
Available for use under the [MIT License](http://en.wikipedia.org/wiki/MIT_License)
-Copyright (c) 2011 by Harvest
-
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
@@ -21,4 +20,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
\ No newline at end of file
+THE SOFTWARE.
diff --git a/README.md b/README.md
index a5039ef..ab6cc7a 100644
--- a/README.md
+++ b/README.md
@@ -6,45 +6,20 @@ Chosen is a library for making long, unwieldy select boxes more user friendly.
- Prototype support: 1.7+
For documentation, usage, and examples, see:
-http://harvesthq.github.com/chosen
+http://harvesthq.github.io/chosen/
-### Contributing to Chosen
+### Contributing to this project
-Contributions and pull requests are very welcome. Please follow these guidelines when submitting new code.
-
-1. Make all changes in Coffeescript files, **not** JavaScript files.
-2. For feature changes, update both jQuery *and* Prototype versions
-3. Use `npm install -d` to install the correct development dependencies.
-4. Use `cake build` or `cake watch` to generate Chosen's JavaScript file and minified version.
-5. Don't touch the `VERSION` file
-6. Submit a Pull Request using GitHub.
-
-### Using CoffeeScript & Cake
-
-First, make sure you have the proper CoffeeScript / Cake set-up in place. We have added a package.json that makes this easy:
-
-```
-npm install -d
-```
-
-This will install `coffee-script` and `uglifyjs`.
-
-Once you're configured, building the JavasScript from the command line is easy:
-
- cake build # build Chosen from source
- cake watch # watch coffee/ for changes and build Chosen
-
-If you're interested, you can find the recipes in Cakefile.
+We welcome all to participate in making Chosen the best software it can be. The repository is maintained by only a few people, but has accepted contributions from over 50 authors after reviewing hundreds of pull requests related to thousands of issues. You can help reduce the maintainers' workload (and increase your chance of having an accepted contribution to Chosen) by following the
+[guidelines for contributing](contributing.md).
+* [Bug reports](contributing.md#bugs)
+* [Feature requests](contributing.md#features)
+* [Pull requests](contributing.md#pull-requests)
### Chosen Credits
-- Built by [Harvest](http://www.getharvest.com/). Want to work on projects like this? [We’re hiring](http://www.getharvest.com/careers)!
-- Concept and development by [Patrick Filler](http://www.patrickfiller.com/)
+- Concept and development by [Patrick Filler](http://patrickfiller.com) for [Harvest](http://getharvest.com/).
- Design and CSS by [Matthew Lettini](http://matthewlettini.com/)
-
-### Notable Forks
-
-- [Chosen for MooTools](https://github.com/julesjanssen/chosen), by Jules Janssen
-- [Chosen Drupal 7 Module](http://drupal.org/project/chosen), by Pol Dell'Aiera, Arshad Chummun, Bart Feenstra, Kálmán Hosszu, etc.
-- [Chosen CakePHP Plugin](https://github.com/paulredmond/chosen-cakephp), by Paul Redmond
+- Repository maintained by [@pfiller](http://github.com/pfiller), [@kenearley](http://github.com/kenearley) and [@stof](http://github.com/stof).
+- Chosen includes [contributions by many fine folks](https://github.com/harvesthq/chosen/contributors).
diff --git a/VERSION b/VERSION
index 8225a4b..5d11b14 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-0.9.11
+0.9.15
diff --git a/chosen.jquery.json b/chosen.jquery.json
new file mode 100644
index 0000000..a7a39b1
--- /dev/null
+++ b/chosen.jquery.json
@@ -0,0 +1,38 @@
+{
+ "name": "chosen",
+ "title": "Chosen",
+ "description": "Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.",
+ "keywords": [
+ "select",
+ "multiselect",
+ "dropdown"
+ ],
+ "version": "0.9.15",
+ "author": {
+ "name": "harvest",
+ "url": "http://getharvest.com"
+ },
+ "maintainers": [
+ {
+ "name": "Patrick Filler"
+ },
+ {
+ "name": "Christophe Coevoet"
+ },
+ {
+ "name": "Ken Earley"
+ }
+ ],
+ "licenses": [
+ {
+ "type": "MIT",
+ "url": "https://github.com/harvesthq/chosen/blob/master/LICENSE.md"
+ }
+ ],
+ "homepage": "https://github.com/harvesthq/chosen",
+ "docs": "https://github.com/harvesthq/chosen",
+ "bugs": "https://github.com/harvesthq/chosen/issues",
+ "dependencies": {
+ "jquery": ">=1.4.4"
+ }
+}
\ No newline at end of file
diff --git a/chosen/chosen-sprite.png b/chosen/chosen-sprite.png
index 113dc98..3611ae4 100644
Binary files a/chosen/chosen-sprite.png and b/chosen/chosen-sprite.png differ
diff --git a/chosen/chosen-sprite at 2x.png b/chosen/chosen-sprite at 2x.png
new file mode 100644
index 0000000..ffe4d7d
Binary files /dev/null and b/chosen/chosen-sprite at 2x.png differ
diff --git a/chosen/chosen.css b/chosen/chosen.css
index 7895721..17793ed 100644
--- a/chosen/chosen.css
+++ b/chosen/chosen.css
@@ -3,6 +3,7 @@
font-size: 13px;
position: relative;
display: inline-block;
+ vertical-align: middle;
zoom: 1;
*display: inline;
}
@@ -11,13 +12,24 @@
border: 1px solid #aaa;
border-top: 0;
position: absolute;
- top: 29px;
- left: 0;
+ top: 100%;
+ left: -9999px;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
box-shadow : 0 4px 5px rgba(0,0,0,.15);
z-index: 1010;
+ width: 100%;
+ -moz-box-sizing : border-box;
+ -ms-box-sizing : border-box;
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing : border-box;
+ box-sizing : border-box;
+}
+
+.chzn-container.chzn-with-drop .chzn-drop {
+ left: 0;
}
+
/* @end */
/* @group Single Chosen */
@@ -67,15 +79,15 @@
right: 26px;
top: 6px;
width: 12px;
- height: 13px;
+ height: 12px;
font-size: 1px;
- background: url('chosen-sprite.png') right top no-repeat;
+ background: url('chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
- background-position: right -11px;
+ background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
- background-position: right top;
+ background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
position: absolute;
@@ -86,7 +98,7 @@
width: 18px;
}
.chzn-container-single .chzn-single div b {
- background: url('chosen-sprite.png') no-repeat 0 0;
+ background: url('chosen-sprite.png') no-repeat 0px 2px;
display: block;
width: 100%;
height: 100%;
@@ -99,20 +111,27 @@
z-index: 1010;
}
.chzn-container-single .chzn-search input {
- background: #fff url('chosen-sprite.png') no-repeat 100% -22px;
- background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
- background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
- background: url('chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
- background: url('chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
- background: url('chosen-sprite.png') no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: #fff url('chosen-sprite.png') no-repeat 100% -20px;
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
margin: 1px 0;
padding: 4px 20px 4px 5px;
outline: 0;
border: 1px solid #aaa;
font-family: sans-serif;
font-size: 1em;
+ width: 100%;
+ -moz-box-sizing : border-box;
+ -ms-box-sizing : border-box;
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing : border-box;
+ box-sizing : border-box;
}
.chzn-container-single .chzn-drop {
+ margin-top: -1px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
border-radius : 0 0 4px 4px;
@@ -120,12 +139,11 @@
-webkit-background-clip: padding-box;
background-clip : padding-box;
}
-/* @end */
-
-.chzn-container-single-nosearch .chzn-search input {
+.chzn-container-single-nosearch .chzn-search {
position: absolute;
- left: -9000px;
+ left: -9999px;
}
+/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
@@ -143,6 +161,12 @@
height: auto !important;
height: 1%;
position: relative;
+ width: 100%;
+ -moz-box-sizing : border-box;
+ -ms-box-sizing : border-box;
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing : border-box;
+ box-sizing : border-box;
}
.chzn-container-multi .chzn-choices li {
float: left;
@@ -217,15 +241,15 @@
right: 3px;
top: 4px;
width: 12px;
- height: 13px;
+ height: 12px;
font-size: 1px;
- background: url('chosen-sprite.png') right top no-repeat;
+ background: url('chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
- background-position: right -11px;
+ background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
- background-position: right -11px;
+ background-position: -42px -10px;
}
/* @end */
@@ -240,7 +264,7 @@
-webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
- margin: -1px 0 0;
+ margin: 0;
padding: 0;
}
.chzn-container .chzn-results li {
@@ -318,7 +342,7 @@
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
-.chzn-container-active .chzn-single-with-drop {
+.chzn-container-active.chzn-with-drop .chzn-single {
border: 1px solid #aaa;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow : 0 1px 0 #fff inset;
@@ -337,12 +361,12 @@
border-bottom-left-radius : 0;
border-bottom-right-radius: 0;
}
-.chzn-container-active .chzn-single-with-drop div {
+.chzn-container-active.chzn-with-drop .chzn-single div {
background: transparent;
border-left: none;
}
-.chzn-container-active .chzn-single-with-drop div b {
- background-position: -18px 1px;
+.chzn-container-active.chzn-with-drop .chzn-single div b {
+ background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
@@ -380,18 +404,37 @@
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
-.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
+.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
+.chzn-rtl .chzn-search { left: 9999px; }
+.chzn-rtl.chzn-with-drop .chzn-search { left: 0px; }
+.chzn-rtl .chzn-drop { left: 9999px; }
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
-.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
+.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div { border-right: none; }
.chzn-rtl .chzn-search input {
- background: #fff url('chosen-sprite.png') no-repeat -38px -22px;
- background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
- background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
- background: url('chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
- background: url('chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
- background: url('chosen-sprite.png') no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
+ background: #fff url('chosen-sprite.png') no-repeat -30px -20px;
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
padding: 4px 5px 4px 20px;
direction: rtl;
}
+.chzn-container-single.chzn-rtl .chzn-single div b {
+ background-position: 6px 2px;
+}
+.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b {
+ background-position: -12px 2px;
+}
+/* @end */
+
+/* @group Retina compatibility */
+ at media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
+ .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
+ background-image: url('chosen-sprite at 2x.png') !important;
+ background-repeat: no-repeat !important;
+ background-size: 52px 37px !important;
+ }
+}
/* @end */
diff --git a/chosen/chosen.jquery.js b/chosen/chosen.jquery.js
deleted file mode 100644
index b323a0a..0000000
--- a/chosen/chosen.jquery.js
+++ /dev/null
@@ -1,1082 +0,0 @@
-// Chosen, a Select Box Enhancer for jQuery and Protoype
-// by Patrick Filler for Harvest, http://getharvest.com
-//
-// Version 0.9.11
-// Full source at https://github.com/harvesthq/chosen
-// Copyright (c) 2011 Harvest http://getharvest.com
-
-// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
-// This file is generated by `cake build`, do not edit it by hand.
-(function() {
- var SelectParser;
-
- SelectParser = (function() {
-
- function SelectParser() {
- this.options_index = 0;
- this.parsed = [];
- }
-
- SelectParser.prototype.add_node = function(child) {
- if (child.nodeName.toUpperCase() === "OPTGROUP") {
- return this.add_group(child);
- } else {
- return this.add_option(child);
- }
- };
-
- SelectParser.prototype.add_group = function(group) {
- var group_position, option, _i, _len, _ref, _results;
- group_position = this.parsed.length;
- this.parsed.push({
- array_index: group_position,
- group: true,
- label: group.label,
- children: 0,
- disabled: group.disabled
- });
- _ref = group.childNodes;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- option = _ref[_i];
- _results.push(this.add_option(option, group_position, group.disabled));
- }
- return _results;
- };
-
- SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
- if (option.nodeName.toUpperCase() === "OPTION") {
- if (option.text !== "") {
- if (group_position != null) {
- this.parsed[group_position].children += 1;
- }
- this.parsed.push({
- array_index: this.parsed.length,
- options_index: this.options_index,
- value: option.value,
- text: option.text,
- html: option.innerHTML,
- selected: option.selected,
- disabled: group_disabled === true ? group_disabled : option.disabled,
- group_array_index: group_position,
- classes: option.className,
- style: option.style.cssText
- });
- } else {
- this.parsed.push({
- array_index: this.parsed.length,
- options_index: this.options_index,
- empty: true
- });
- }
- return this.options_index += 1;
- }
- };
-
- return SelectParser;
-
- })();
-
- SelectParser.select_to_array = function(select) {
- var child, parser, _i, _len, _ref;
- parser = new SelectParser();
- _ref = select.childNodes;
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- child = _ref[_i];
- parser.add_node(child);
- }
- return parser.parsed;
- };
-
- this.SelectParser = SelectParser;
-
-}).call(this);
-
-/*
-Chosen source: generate output using 'cake build'
-Copyright (c) 2011 by Harvest
-*/
-
-
-(function() {
- var AbstractChosen, root;
-
- root = this;
-
- AbstractChosen = (function() {
-
- function AbstractChosen(form_field, options) {
- this.form_field = form_field;
- this.options = options != null ? options : {};
- this.is_multiple = this.form_field.multiple;
- this.set_default_text();
- this.set_default_values();
- this.setup();
- this.set_up_html();
- this.register_observers();
- this.finish_setup();
- }
-
- AbstractChosen.prototype.set_default_values = function() {
- var _this = this;
- this.click_test_action = function(evt) {
- return _this.test_active_click(evt);
- };
- this.activate_action = function(evt) {
- return _this.activate_field(evt);
- };
- this.active_field = false;
- this.mouse_on_container = false;
- this.results_showing = false;
- this.result_highlighted = null;
- this.result_single_selected = null;
- this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
- this.disable_search_threshold = this.options.disable_search_threshold || 0;
- this.disable_search = this.options.disable_search || false;
- this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true;
- this.search_contains = this.options.search_contains || false;
- this.choices = 0;
- this.single_backstroke_delete = this.options.single_backstroke_delete || false;
- this.max_selected_options = this.options.max_selected_options || Infinity;
- return this.inherit_select_classes = this.options.inherit_select_classes || false;
- };
-
- AbstractChosen.prototype.set_default_text = function() {
- if (this.form_field.getAttribute("data-placeholder")) {
- this.default_text = this.form_field.getAttribute("data-placeholder");
- } else if (this.is_multiple) {
- this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || "Select Some Options";
- } else {
- this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || "Select an Option";
- }
- return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || "No results match";
- };
-
- AbstractChosen.prototype.mouse_enter = function() {
- return this.mouse_on_container = true;
- };
-
- AbstractChosen.prototype.mouse_leave = function() {
- return this.mouse_on_container = false;
- };
-
- AbstractChosen.prototype.input_focus = function(evt) {
- var _this = this;
- if (this.is_multiple) {
- if (!this.active_field) {
- return setTimeout((function() {
- return _this.container_mousedown();
- }), 50);
- }
- } else {
- if (!this.active_field) {
- return this.activate_field();
- }
- }
- };
-
- AbstractChosen.prototype.input_blur = function(evt) {
- var _this = this;
- if (!this.mouse_on_container) {
- this.active_field = false;
- return setTimeout((function() {
- return _this.blur_test();
- }), 100);
- }
- };
-
- AbstractChosen.prototype.result_add_option = function(option) {
- var classes, style;
- if (!option.disabled) {
- option.dom_id = this.container_id + "_o_" + option.array_index;
- classes = option.selected && this.is_multiple ? [] : ["active-result"];
- if (option.selected) {
- classes.push("result-selected");
- }
- if (option.group_array_index != null) {
- classes.push("group-option");
- }
- if (option.classes !== "") {
- classes.push(option.classes);
- }
- style = option.style.cssText !== "" ? " style=\"" + option.style + "\"" : "";
- return '<li id="' + option.dom_id + '" class="' + classes.join(' ') + '"' + style + '>' + option.html + '</li>';
- } else {
- return "";
- }
- };
-
- AbstractChosen.prototype.results_update_field = function() {
- if (!this.is_multiple) {
- this.results_reset_cleanup();
- }
- this.result_clear_highlight();
- this.result_single_selected = null;
- return this.results_build();
- };
-
- AbstractChosen.prototype.results_toggle = function() {
- if (this.results_showing) {
- return this.results_hide();
- } else {
- return this.results_show();
- }
- };
-
- AbstractChosen.prototype.results_search = function(evt) {
- if (this.results_showing) {
- return this.winnow_results();
- } else {
- return this.results_show();
- }
- };
-
- AbstractChosen.prototype.keyup_checker = function(evt) {
- var stroke, _ref;
- stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
- this.search_field_scale();
- switch (stroke) {
- case 8:
- if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0) {
- return this.keydown_backstroke();
- } else if (!this.pending_backstroke) {
- this.result_clear_highlight();
- return this.results_search();
- }
- break;
- case 13:
- evt.preventDefault();
- if (this.results_showing) {
- return this.result_select(evt);
- }
- break;
- case 27:
- if (this.results_showing) {
- this.results_hide();
- }
- return true;
- case 9:
- case 38:
- case 40:
- case 16:
- case 91:
- case 17:
- break;
- default:
- return this.results_search();
- }
- };
-
- AbstractChosen.prototype.generate_field_id = function() {
- var new_id;
- new_id = this.generate_random_id();
- this.form_field.id = new_id;
- return new_id;
- };
-
- AbstractChosen.prototype.generate_random_char = function() {
- var chars, newchar, rand;
- chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
- rand = Math.floor(Math.random() * chars.length);
- return newchar = chars.substring(rand, rand + 1);
- };
-
- return AbstractChosen;
-
- })();
-
- root.AbstractChosen = AbstractChosen;
-
-}).call(this);
-
-/*
-Chosen source: generate output using 'cake build'
-Copyright (c) 2011 by Harvest
-*/
-
-
-(function() {
- var $, Chosen, get_side_border_padding, root,
- __hasProp = {}.hasOwnProperty,
- __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
-
- root = this;
-
- $ = jQuery;
-
- $.fn.extend({
- chosen: function(options) {
- if ($.browser.msie && ($.browser.version === "6.0" || ($.browser.version === "7.0" && document.documentMode === 7))) {
- return this;
- }
- return this.each(function(input_field) {
- var $this;
- $this = $(this);
- if (!$this.hasClass("chzn-done")) {
- return $this.data('chosen', new Chosen(this, options));
- }
- });
- }
- });
-
- Chosen = (function(_super) {
-
- __extends(Chosen, _super);
-
- function Chosen() {
- return Chosen.__super__.constructor.apply(this, arguments);
- }
-
- Chosen.prototype.setup = function() {
- this.form_field_jq = $(this.form_field);
- this.current_value = this.form_field_jq.val();
- return this.is_rtl = this.form_field_jq.hasClass("chzn-rtl");
- };
-
- Chosen.prototype.finish_setup = function() {
- return this.form_field_jq.addClass("chzn-done");
- };
-
- Chosen.prototype.set_up_html = function() {
- var container_classes, container_div, container_props, dd_top, dd_width, sf_width;
- this.container_id = this.form_field.id.length ? this.form_field.id.replace(/[^\w]/g, '_') : this.generate_field_id();
- this.container_id += "_chzn";
- container_classes = ["chzn-container"];
- container_classes.push("chzn-container-" + (this.is_multiple ? "multi" : "single"));
- if (this.inherit_select_classes && this.form_field.className) {
- container_classes.push(this.form_field.className);
- }
- if (this.is_rtl) {
- container_classes.push("chzn-rtl");
- }
- this.f_width = this.form_field_jq.outerWidth();
- container_props = {
- id: this.container_id,
- "class": container_classes.join(' '),
- style: 'width: ' + this.f_width + 'px;',
- title: this.form_field.title
- };
- container_div = $("<div />", container_props);
- if (this.is_multiple) {
- container_div.html('<ul class="chzn-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>');
- } else {
- container_div.html('<a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1"><span>' + this.default_text + '</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>');
- }
- this.form_field_jq.hide().after(container_div);
- this.container = $('#' + this.container_id);
- this.dropdown = this.container.find('div.chzn-drop').first();
- dd_top = this.container.height();
- dd_width = this.f_width - get_side_border_padding(this.dropdown);
- this.dropdown.css({
- "width": dd_width + "px",
- "top": dd_top + "px"
- });
- this.search_field = this.container.find('input').first();
- this.search_results = this.container.find('ul.chzn-results').first();
- this.search_field_scale();
- this.search_no_results = this.container.find('li.no-results').first();
- if (this.is_multiple) {
- this.search_choices = this.container.find('ul.chzn-choices').first();
- this.search_container = this.container.find('li.search-field').first();
- } else {
- this.search_container = this.container.find('div.chzn-search').first();
- this.selected_item = this.container.find('.chzn-single').first();
- sf_width = dd_width - get_side_border_padding(this.search_container) - get_side_border_padding(this.search_field);
- this.search_field.css({
- "width": sf_width + "px"
- });
- }
- this.results_build();
- this.set_tab_index();
- return this.form_field_jq.trigger("liszt:ready", {
- chosen: this
- });
- };
-
- Chosen.prototype.register_observers = function() {
- var _this = this;
- this.container.mousedown(function(evt) {
- return _this.container_mousedown(evt);
- });
- this.container.mouseup(function(evt) {
- return _this.container_mouseup(evt);
- });
- this.container.mouseenter(function(evt) {
- return _this.mouse_enter(evt);
- });
- this.container.mouseleave(function(evt) {
- return _this.mouse_leave(evt);
- });
- this.search_results.mouseup(function(evt) {
- return _this.search_results_mouseup(evt);
- });
- this.search_results.mouseover(function(evt) {
- return _this.search_results_mouseover(evt);
- });
- this.search_results.mouseout(function(evt) {
- return _this.search_results_mouseout(evt);
- });
- this.form_field_jq.bind("liszt:updated", function(evt) {
- return _this.results_update_field(evt);
- });
- this.form_field_jq.bind("liszt:activate", function(evt) {
- return _this.activate_field(evt);
- });
- this.form_field_jq.bind("liszt:open", function(evt) {
- return _this.container_mousedown(evt);
- });
- this.search_field.blur(function(evt) {
- return _this.input_blur(evt);
- });
- this.search_field.keyup(function(evt) {
- return _this.keyup_checker(evt);
- });
- this.search_field.keydown(function(evt) {
- return _this.keydown_checker(evt);
- });
- this.search_field.focus(function(evt) {
- return _this.input_focus(evt);
- });
- if (this.is_multiple) {
- return this.search_choices.click(function(evt) {
- return _this.choices_click(evt);
- });
- } else {
- return this.container.click(function(evt) {
- return evt.preventDefault();
- });
- }
- };
-
- Chosen.prototype.search_field_disabled = function() {
- this.is_disabled = this.form_field_jq[0].disabled;
- if (this.is_disabled) {
- this.container.addClass('chzn-disabled');
- this.search_field[0].disabled = true;
- if (!this.is_multiple) {
- this.selected_item.unbind("focus", this.activate_action);
- }
- return this.close_field();
- } else {
- this.container.removeClass('chzn-disabled');
- this.search_field[0].disabled = false;
- if (!this.is_multiple) {
- return this.selected_item.bind("focus", this.activate_action);
- }
- }
- };
-
- Chosen.prototype.container_mousedown = function(evt) {
- var target_closelink;
- if (!this.is_disabled) {
- target_closelink = evt != null ? ($(evt.target)).hasClass("search-choice-close") : false;
- if (evt && evt.type === "mousedown" && !this.results_showing) {
- evt.preventDefault();
- }
- if (!this.pending_destroy_click && !target_closelink) {
- if (!this.active_field) {
- if (this.is_multiple) {
- this.search_field.val("");
- }
- $(document).click(this.click_test_action);
- this.results_show();
- } else if (!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chzn-single").length)) {
- evt.preventDefault();
- this.results_toggle();
- }
- return this.activate_field();
- } else {
- return this.pending_destroy_click = false;
- }
- }
- };
-
- Chosen.prototype.container_mouseup = function(evt) {
- if (evt.target.nodeName === "ABBR" && !this.is_disabled) {
- return this.results_reset(evt);
- }
- };
-
- Chosen.prototype.blur_test = function(evt) {
- if (!this.active_field && this.container.hasClass("chzn-container-active")) {
- return this.close_field();
- }
- };
-
- Chosen.prototype.close_field = function() {
- $(document).unbind("click", this.click_test_action);
- this.active_field = false;
- this.results_hide();
- this.container.removeClass("chzn-container-active");
- this.winnow_results_clear();
- this.clear_backstroke();
- this.show_search_field_default();
- return this.search_field_scale();
- };
-
- Chosen.prototype.activate_field = function() {
- this.container.addClass("chzn-container-active");
- this.active_field = true;
- this.search_field.val(this.search_field.val());
- return this.search_field.focus();
- };
-
- Chosen.prototype.test_active_click = function(evt) {
- if ($(evt.target).parents('#' + this.container_id).length) {
- return this.active_field = true;
- } else {
- return this.close_field();
- }
- };
-
- Chosen.prototype.results_build = function() {
- var content, data, _i, _len, _ref;
- this.parsing = true;
- this.results_data = root.SelectParser.select_to_array(this.form_field);
- if (this.is_multiple && this.choices > 0) {
- this.search_choices.find("li.search-choice").remove();
- this.choices = 0;
- } else if (!this.is_multiple) {
- this.selected_item.addClass("chzn-default").find("span").text(this.default_text);
- if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) {
- this.container.addClass("chzn-container-single-nosearch");
- } else {
- this.container.removeClass("chzn-container-single-nosearch");
- }
- }
- content = '';
- _ref = this.results_data;
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- data = _ref[_i];
- if (data.group) {
- content += this.result_add_group(data);
- } else if (!data.empty) {
- content += this.result_add_option(data);
- if (data.selected && this.is_multiple) {
- this.choice_build(data);
- } else if (data.selected && !this.is_multiple) {
- this.selected_item.removeClass("chzn-default").find("span").text(data.text);
- if (this.allow_single_deselect) {
- this.single_deselect_control_build();
- }
- }
- }
- }
- this.search_field_disabled();
- this.show_search_field_default();
- this.search_field_scale();
- this.search_results.html(content);
- return this.parsing = false;
- };
-
- Chosen.prototype.result_add_group = function(group) {
- if (!group.disabled) {
- group.dom_id = this.container_id + "_g_" + group.array_index;
- return '<li id="' + group.dom_id + '" class="group-result">' + $("<div />").text(group.label).html() + '</li>';
- } else {
- return "";
- }
- };
-
- Chosen.prototype.result_do_highlight = function(el) {
- var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
- if (el.length) {
- this.result_clear_highlight();
- this.result_highlight = el;
- this.result_highlight.addClass("highlighted");
- maxHeight = parseInt(this.search_results.css("maxHeight"), 10);
- visible_top = this.search_results.scrollTop();
- visible_bottom = maxHeight + visible_top;
- high_top = this.result_highlight.position().top + this.search_results.scrollTop();
- high_bottom = high_top + this.result_highlight.outerHeight();
- if (high_bottom >= visible_bottom) {
- return this.search_results.scrollTop((high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0);
- } else if (high_top < visible_top) {
- return this.search_results.scrollTop(high_top);
- }
- }
- };
-
- Chosen.prototype.result_clear_highlight = function() {
- if (this.result_highlight) {
- this.result_highlight.removeClass("highlighted");
- }
- return this.result_highlight = null;
- };
-
- Chosen.prototype.results_show = function() {
- var dd_top;
- if (!this.is_multiple) {
- this.selected_item.addClass("chzn-single-with-drop");
- if (this.result_single_selected) {
- this.result_do_highlight(this.result_single_selected);
- }
- } else if (this.max_selected_options <= this.choices) {
- this.form_field_jq.trigger("liszt:maxselected", {
- chosen: this
- });
- return false;
- }
- dd_top = this.is_multiple ? this.container.height() : this.container.height() - 1;
- this.form_field_jq.trigger("liszt:showing_dropdown", {
- chosen: this
- });
- this.dropdown.css({
- "top": dd_top + "px",
- "left": 0
- });
- this.results_showing = true;
- this.search_field.focus();
- this.search_field.val(this.search_field.val());
- return this.winnow_results();
- };
-
- Chosen.prototype.results_hide = function() {
- if (!this.is_multiple) {
- this.selected_item.removeClass("chzn-single-with-drop");
- }
- this.result_clear_highlight();
- this.form_field_jq.trigger("liszt:hiding_dropdown", {
- chosen: this
- });
- this.dropdown.css({
- "left": "-9000px"
- });
- return this.results_showing = false;
- };
-
- Chosen.prototype.set_tab_index = function(el) {
- var ti;
- if (this.form_field_jq.attr("tabindex")) {
- ti = this.form_field_jq.attr("tabindex");
- this.form_field_jq.attr("tabindex", -1);
- return this.search_field.attr("tabindex", ti);
- }
- };
-
- Chosen.prototype.show_search_field_default = function() {
- if (this.is_multiple && this.choices < 1 && !this.active_field) {
- this.search_field.val(this.default_text);
- return this.search_field.addClass("default");
- } else {
- this.search_field.val("");
- return this.search_field.removeClass("default");
- }
- };
-
- Chosen.prototype.search_results_mouseup = function(evt) {
- var target;
- target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
- if (target.length) {
- this.result_highlight = target;
- this.result_select(evt);
- return this.search_field.focus();
- }
- };
-
- Chosen.prototype.search_results_mouseover = function(evt) {
- var target;
- target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
- if (target) {
- return this.result_do_highlight(target);
- }
- };
-
- Chosen.prototype.search_results_mouseout = function(evt) {
- if ($(evt.target).hasClass("active-result" || $(evt.target).parents('.active-result').first())) {
- return this.result_clear_highlight();
- }
- };
-
- Chosen.prototype.choices_click = function(evt) {
- evt.preventDefault();
- if (this.active_field && !($(evt.target).hasClass("search-choice" || $(evt.target).parents('.search-choice').first)) && !this.results_showing) {
- return this.results_show();
- }
- };
-
- Chosen.prototype.choice_build = function(item) {
- var choice_id, html, link,
- _this = this;
- if (this.is_multiple && this.max_selected_options <= this.choices) {
- this.form_field_jq.trigger("liszt:maxselected", {
- chosen: this
- });
- return false;
- }
- choice_id = this.container_id + "_c_" + item.array_index;
- this.choices += 1;
- if (item.disabled) {
- html = '<li class="search-choice search-choice-disabled" id="' + choice_id + '"><span>' + item.html + '</span></li>';
- } else {
- html = '<li class="search-choice" id="' + choice_id + '"><span>' + item.html + '</span><a href="javascript:void(0)" class="search-choice-close" rel="' + item.array_index + '"></a></li>';
- }
- this.search_container.before(html);
- link = $('#' + choice_id).find("a").first();
- return link.click(function(evt) {
- return _this.choice_destroy_link_click(evt);
- });
- };
-
- Chosen.prototype.choice_destroy_link_click = function(evt) {
- evt.preventDefault();
- if (!this.is_disabled) {
- this.pending_destroy_click = true;
- return this.choice_destroy($(evt.target));
- } else {
- return evt.stopPropagation;
- }
- };
-
- Chosen.prototype.choice_destroy = function(link) {
- if (this.result_deselect(link.attr("rel"))) {
- this.choices -= 1;
- this.show_search_field_default();
- if (this.is_multiple && this.choices > 0 && this.search_field.val().length < 1) {
- this.results_hide();
- }
- link.parents('li').first().remove();
- return this.search_field_scale();
- }
- };
-
- Chosen.prototype.results_reset = function() {
- this.form_field.options[0].selected = true;
- this.selected_item.find("span").text(this.default_text);
- if (!this.is_multiple) {
- this.selected_item.addClass("chzn-default");
- }
- this.show_search_field_default();
- this.results_reset_cleanup();
- this.form_field_jq.trigger("change");
- if (this.active_field) {
- return this.results_hide();
- }
- };
-
- Chosen.prototype.results_reset_cleanup = function() {
- this.current_value = this.form_field_jq.val();
- return this.selected_item.find("abbr").remove();
- };
-
- Chosen.prototype.result_select = function(evt) {
- var high, high_id, item, position;
- if (this.result_highlight) {
- high = this.result_highlight;
- high_id = high.attr("id");
- this.result_clear_highlight();
- if (this.is_multiple) {
- this.result_deactivate(high);
- } else {
- this.search_results.find(".result-selected").removeClass("result-selected");
- this.result_single_selected = high;
- this.selected_item.removeClass("chzn-default");
- }
- high.addClass("result-selected");
- position = high_id.substr(high_id.lastIndexOf("_") + 1);
- item = this.results_data[position];
- item.selected = true;
- this.form_field.options[item.options_index].selected = true;
- if (this.is_multiple) {
- this.choice_build(item);
- } else {
- this.selected_item.find("span").first().text(item.text);
- if (this.allow_single_deselect) {
- this.single_deselect_control_build();
- }
- }
- if (!((evt.metaKey || evt.ctrlKey) && this.is_multiple)) {
- this.results_hide();
- }
- this.search_field.val("");
- if (this.is_multiple || this.form_field_jq.val() !== this.current_value) {
- this.form_field_jq.trigger("change", {
- 'selected': this.form_field.options[item.options_index].value
- });
- }
- this.current_value = this.form_field_jq.val();
- return this.search_field_scale();
- }
- };
-
- Chosen.prototype.result_activate = function(el) {
- return el.addClass("active-result");
- };
-
- Chosen.prototype.result_deactivate = function(el) {
- return el.removeClass("active-result");
- };
-
- Chosen.prototype.result_deselect = function(pos) {
- var result, result_data;
- result_data = this.results_data[pos];
- if (!this.form_field.options[result_data.options_index].disabled) {
- result_data.selected = false;
- this.form_field.options[result_data.options_index].selected = false;
- result = $("#" + this.container_id + "_o_" + pos);
- result.removeClass("result-selected").addClass("active-result").show();
- this.result_clear_highlight();
- this.winnow_results();
- this.form_field_jq.trigger("change", {
- deselected: this.form_field.options[result_data.options_index].value
- });
- this.search_field_scale();
- return true;
- } else {
- return false;
- }
- };
-
- Chosen.prototype.single_deselect_control_build = function() {
- if (this.allow_single_deselect && this.selected_item.find("abbr").length < 1) {
- return this.selected_item.find("span").first().after("<abbr class=\"search-choice-close\"></abbr>");
- }
- };
-
- Chosen.prototype.winnow_results = function() {
- var found, option, part, parts, regex, regexAnchor, result, result_id, results, searchText, startpos, text, zregex, _i, _j, _len, _len1, _ref;
- this.no_results_clear();
- results = 0;
- searchText = this.search_field.val() === this.default_text ? "" : $('<div/>').text($.trim(this.search_field.val())).html();
- regexAnchor = this.search_contains ? "" : "^";
- regex = new RegExp(regexAnchor + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
- zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
- _ref = this.results_data;
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- option = _ref[_i];
- if (!option.disabled && !option.empty) {
- if (option.group) {
- $('#' + option.dom_id).css('display', 'none');
- } else if (!(this.is_multiple && option.selected)) {
- found = false;
- result_id = option.dom_id;
- result = $("#" + result_id);
- if (regex.test(option.html)) {
- found = true;
- results += 1;
- } else if (this.enable_split_word_search && (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0)) {
- parts = option.html.replace(/\[|\]/g, "").split(" ");
- if (parts.length) {
- for (_j = 0, _len1 = parts.length; _j < _len1; _j++) {
- part = parts[_j];
- if (regex.test(part)) {
- found = true;
- results += 1;
- }
- }
- }
- }
- if (found) {
- if (searchText.length) {
- startpos = option.html.search(zregex);
- text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
- text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
- } else {
- text = option.html;
- }
- result.html(text);
- this.result_activate(result);
- if (option.group_array_index != null) {
- $("#" + this.results_data[option.group_array_index].dom_id).css('display', 'list-item');
- }
- } else {
- if (this.result_highlight && result_id === this.result_highlight.attr('id')) {
- this.result_clear_highlight();
- }
- this.result_deactivate(result);
- }
- }
- }
- }
- if (results < 1 && searchText.length) {
- return this.no_results(searchText);
- } else {
- return this.winnow_results_set_highlight();
- }
- };
-
- Chosen.prototype.winnow_results_clear = function() {
- var li, lis, _i, _len, _results;
- this.search_field.val("");
- lis = this.search_results.find("li");
- _results = [];
- for (_i = 0, _len = lis.length; _i < _len; _i++) {
- li = lis[_i];
- li = $(li);
- if (li.hasClass("group-result")) {
- _results.push(li.css('display', 'auto'));
- } else if (!this.is_multiple || !li.hasClass("result-selected")) {
- _results.push(this.result_activate(li));
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- };
-
- Chosen.prototype.winnow_results_set_highlight = function() {
- var do_high, selected_results;
- if (!this.result_highlight) {
- selected_results = !this.is_multiple ? this.search_results.find(".result-selected.active-result") : [];
- do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first();
- if (do_high != null) {
- return this.result_do_highlight(do_high);
- }
- }
- };
-
- Chosen.prototype.no_results = function(terms) {
- var no_results_html;
- no_results_html = $('<li class="no-results">' + this.results_none_found + ' "<span></span>"</li>');
- no_results_html.find("span").first().html(terms);
- return this.search_results.append(no_results_html);
- };
-
- Chosen.prototype.no_results_clear = function() {
- return this.search_results.find(".no-results").remove();
- };
-
- Chosen.prototype.keydown_arrow = function() {
- var first_active, next_sib;
- if (!this.result_highlight) {
- first_active = this.search_results.find("li.active-result").first();
- if (first_active) {
- this.result_do_highlight($(first_active));
- }
- } else if (this.results_showing) {
- next_sib = this.result_highlight.nextAll("li.active-result").first();
- if (next_sib) {
- this.result_do_highlight(next_sib);
- }
- }
- if (!this.results_showing) {
- return this.results_show();
- }
- };
-
- Chosen.prototype.keyup_arrow = function() {
- var prev_sibs;
- if (!this.results_showing && !this.is_multiple) {
- return this.results_show();
- } else if (this.result_highlight) {
- prev_sibs = this.result_highlight.prevAll("li.active-result");
- if (prev_sibs.length) {
- return this.result_do_highlight(prev_sibs.first());
- } else {
- if (this.choices > 0) {
- this.results_hide();
- }
- return this.result_clear_highlight();
- }
- }
- };
-
- Chosen.prototype.keydown_backstroke = function() {
- var next_available_destroy;
- if (this.pending_backstroke) {
- this.choice_destroy(this.pending_backstroke.find("a").first());
- return this.clear_backstroke();
- } else {
- next_available_destroy = this.search_container.siblings("li.search-choice").last();
- if (next_available_destroy.length && !next_available_destroy.hasClass("search-choice-disabled")) {
- this.pending_backstroke = next_available_destroy;
- if (this.single_backstroke_delete) {
- return this.keydown_backstroke();
- } else {
- return this.pending_backstroke.addClass("search-choice-focus");
- }
- }
- }
- };
-
- Chosen.prototype.clear_backstroke = function() {
- if (this.pending_backstroke) {
- this.pending_backstroke.removeClass("search-choice-focus");
- }
- return this.pending_backstroke = null;
- };
-
- Chosen.prototype.keydown_checker = function(evt) {
- var stroke, _ref;
- stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
- this.search_field_scale();
- if (stroke !== 8 && this.pending_backstroke) {
- this.clear_backstroke();
- }
- switch (stroke) {
- case 8:
- this.backstroke_length = this.search_field.val().length;
- break;
- case 9:
- if (this.results_showing && !this.is_multiple) {
- this.result_select(evt);
- }
- this.mouse_on_container = false;
- break;
- case 13:
- evt.preventDefault();
- break;
- case 38:
- evt.preventDefault();
- this.keyup_arrow();
- break;
- case 40:
- this.keydown_arrow();
- break;
- }
- };
-
- Chosen.prototype.search_field_scale = function() {
- var dd_top, div, h, style, style_block, styles, w, _i, _len;
- if (this.is_multiple) {
- h = 0;
- w = 0;
- style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
- styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
- for (_i = 0, _len = styles.length; _i < _len; _i++) {
- style = styles[_i];
- style_block += style + ":" + this.search_field.css(style) + ";";
- }
- div = $('<div />', {
- 'style': style_block
- });
- div.text(this.search_field.val());
- $('body').append(div);
- w = div.width() + 25;
- div.remove();
- if (w > this.f_width - 10) {
- w = this.f_width - 10;
- }
- this.search_field.css({
- 'width': w + 'px'
- });
- dd_top = this.container.height();
- return this.dropdown.css({
- "top": dd_top + "px"
- });
- }
- };
-
- Chosen.prototype.generate_random_id = function() {
- var string;
- string = "sel" + this.generate_random_char() + this.generate_random_char() + this.generate_random_char();
- while ($("#" + string).length > 0) {
- string += this.generate_random_char();
- }
- return string;
- };
-
- return Chosen;
-
- })(AbstractChosen);
-
- root.Chosen = Chosen;
-
- get_side_border_padding = function(elmt) {
- var side_border_padding;
- return side_border_padding = elmt.outerWidth() - elmt.width();
- };
-
- root.get_side_border_padding = get_side_border_padding;
-
-}).call(this);
diff --git a/chosen/chosen.jquery.min.js b/chosen/chosen.jquery.min.js
deleted file mode 100644
index 0b6d1ff..0000000
--- a/chosen/chosen.jquery.min.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// Chosen, a Select Box Enhancer for jQuery and Protoype
-// by Patrick Filler for Harvest, http://getharvest.com
-//
-// Version 0.9.11
-// Full source at https://github.com/harvesthq/chosen
-// Copyright (c) 2011 Harvest http://getharvest.com
-
-// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
-// This file is generated by `cake build`, do not edit it by hand.
-(function(){var e;e=function(){function e(){this.options_index=0,this.parsed=[]}return e.prototype.add_node=function(e){return e.nodeName.toUpperCase()==="OPTGROUP"?this.add_group(e):this.add_option(e)},e.prototype.add_group=function(e){var t,n,r,i,s,o;t=this.parsed.length,this.parsed.push({array_index:t,group:!0,label:e.label,children:0,disabled:e.disabled}),s=e.childNodes,o=[];for(r=0,i=s.length;r<i;r++)n=s[r],o.push(this.add_option(n,t,e.disabled));return o},e.prototype.add_option=fun [...]
\ No newline at end of file
diff --git a/chosen/chosen.proto.js b/chosen/chosen.proto.js
deleted file mode 100644
index 2ef83da..0000000
--- a/chosen/chosen.proto.js
+++ /dev/null
@@ -1,1090 +0,0 @@
-// Chosen, a Select Box Enhancer for jQuery and Protoype
-// by Patrick Filler for Harvest, http://getharvest.com
-//
-// Version 0.9.11
-// Full source at https://github.com/harvesthq/chosen
-// Copyright (c) 2011 Harvest http://getharvest.com
-
-// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
-// This file is generated by `cake build`, do not edit it by hand.
-(function() {
- var SelectParser;
-
- SelectParser = (function() {
-
- function SelectParser() {
- this.options_index = 0;
- this.parsed = [];
- }
-
- SelectParser.prototype.add_node = function(child) {
- if (child.nodeName.toUpperCase() === "OPTGROUP") {
- return this.add_group(child);
- } else {
- return this.add_option(child);
- }
- };
-
- SelectParser.prototype.add_group = function(group) {
- var group_position, option, _i, _len, _ref, _results;
- group_position = this.parsed.length;
- this.parsed.push({
- array_index: group_position,
- group: true,
- label: group.label,
- children: 0,
- disabled: group.disabled
- });
- _ref = group.childNodes;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- option = _ref[_i];
- _results.push(this.add_option(option, group_position, group.disabled));
- }
- return _results;
- };
-
- SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
- if (option.nodeName.toUpperCase() === "OPTION") {
- if (option.text !== "") {
- if (group_position != null) {
- this.parsed[group_position].children += 1;
- }
- this.parsed.push({
- array_index: this.parsed.length,
- options_index: this.options_index,
- value: option.value,
- text: option.text,
- html: option.innerHTML,
- selected: option.selected,
- disabled: group_disabled === true ? group_disabled : option.disabled,
- group_array_index: group_position,
- classes: option.className,
- style: option.style.cssText
- });
- } else {
- this.parsed.push({
- array_index: this.parsed.length,
- options_index: this.options_index,
- empty: true
- });
- }
- return this.options_index += 1;
- }
- };
-
- return SelectParser;
-
- })();
-
- SelectParser.select_to_array = function(select) {
- var child, parser, _i, _len, _ref;
- parser = new SelectParser();
- _ref = select.childNodes;
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- child = _ref[_i];
- parser.add_node(child);
- }
- return parser.parsed;
- };
-
- this.SelectParser = SelectParser;
-
-}).call(this);
-
-/*
-Chosen source: generate output using 'cake build'
-Copyright (c) 2011 by Harvest
-*/
-
-
-(function() {
- var AbstractChosen, root;
-
- root = this;
-
- AbstractChosen = (function() {
-
- function AbstractChosen(form_field, options) {
- this.form_field = form_field;
- this.options = options != null ? options : {};
- this.is_multiple = this.form_field.multiple;
- this.set_default_text();
- this.set_default_values();
- this.setup();
- this.set_up_html();
- this.register_observers();
- this.finish_setup();
- }
-
- AbstractChosen.prototype.set_default_values = function() {
- var _this = this;
- this.click_test_action = function(evt) {
- return _this.test_active_click(evt);
- };
- this.activate_action = function(evt) {
- return _this.activate_field(evt);
- };
- this.active_field = false;
- this.mouse_on_container = false;
- this.results_showing = false;
- this.result_highlighted = null;
- this.result_single_selected = null;
- this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
- this.disable_search_threshold = this.options.disable_search_threshold || 0;
- this.disable_search = this.options.disable_search || false;
- this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true;
- this.search_contains = this.options.search_contains || false;
- this.choices = 0;
- this.single_backstroke_delete = this.options.single_backstroke_delete || false;
- this.max_selected_options = this.options.max_selected_options || Infinity;
- return this.inherit_select_classes = this.options.inherit_select_classes || false;
- };
-
- AbstractChosen.prototype.set_default_text = function() {
- if (this.form_field.getAttribute("data-placeholder")) {
- this.default_text = this.form_field.getAttribute("data-placeholder");
- } else if (this.is_multiple) {
- this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || "Select Some Options";
- } else {
- this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || "Select an Option";
- }
- return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || "No results match";
- };
-
- AbstractChosen.prototype.mouse_enter = function() {
- return this.mouse_on_container = true;
- };
-
- AbstractChosen.prototype.mouse_leave = function() {
- return this.mouse_on_container = false;
- };
-
- AbstractChosen.prototype.input_focus = function(evt) {
- var _this = this;
- if (this.is_multiple) {
- if (!this.active_field) {
- return setTimeout((function() {
- return _this.container_mousedown();
- }), 50);
- }
- } else {
- if (!this.active_field) {
- return this.activate_field();
- }
- }
- };
-
- AbstractChosen.prototype.input_blur = function(evt) {
- var _this = this;
- if (!this.mouse_on_container) {
- this.active_field = false;
- return setTimeout((function() {
- return _this.blur_test();
- }), 100);
- }
- };
-
- AbstractChosen.prototype.result_add_option = function(option) {
- var classes, style;
- if (!option.disabled) {
- option.dom_id = this.container_id + "_o_" + option.array_index;
- classes = option.selected && this.is_multiple ? [] : ["active-result"];
- if (option.selected) {
- classes.push("result-selected");
- }
- if (option.group_array_index != null) {
- classes.push("group-option");
- }
- if (option.classes !== "") {
- classes.push(option.classes);
- }
- style = option.style.cssText !== "" ? " style=\"" + option.style + "\"" : "";
- return '<li id="' + option.dom_id + '" class="' + classes.join(' ') + '"' + style + '>' + option.html + '</li>';
- } else {
- return "";
- }
- };
-
- AbstractChosen.prototype.results_update_field = function() {
- if (!this.is_multiple) {
- this.results_reset_cleanup();
- }
- this.result_clear_highlight();
- this.result_single_selected = null;
- return this.results_build();
- };
-
- AbstractChosen.prototype.results_toggle = function() {
- if (this.results_showing) {
- return this.results_hide();
- } else {
- return this.results_show();
- }
- };
-
- AbstractChosen.prototype.results_search = function(evt) {
- if (this.results_showing) {
- return this.winnow_results();
- } else {
- return this.results_show();
- }
- };
-
- AbstractChosen.prototype.keyup_checker = function(evt) {
- var stroke, _ref;
- stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
- this.search_field_scale();
- switch (stroke) {
- case 8:
- if (this.is_multiple && this.backstroke_length < 1 && this.choices > 0) {
- return this.keydown_backstroke();
- } else if (!this.pending_backstroke) {
- this.result_clear_highlight();
- return this.results_search();
- }
- break;
- case 13:
- evt.preventDefault();
- if (this.results_showing) {
- return this.result_select(evt);
- }
- break;
- case 27:
- if (this.results_showing) {
- this.results_hide();
- }
- return true;
- case 9:
- case 38:
- case 40:
- case 16:
- case 91:
- case 17:
- break;
- default:
- return this.results_search();
- }
- };
-
- AbstractChosen.prototype.generate_field_id = function() {
- var new_id;
- new_id = this.generate_random_id();
- this.form_field.id = new_id;
- return new_id;
- };
-
- AbstractChosen.prototype.generate_random_char = function() {
- var chars, newchar, rand;
- chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
- rand = Math.floor(Math.random() * chars.length);
- return newchar = chars.substring(rand, rand + 1);
- };
-
- return AbstractChosen;
-
- })();
-
- root.AbstractChosen = AbstractChosen;
-
-}).call(this);
-
-/*
-Chosen source: generate output using 'cake build'
-Copyright (c) 2011 by Harvest
-*/
-
-
-(function() {
- var Chosen, get_side_border_padding, root,
- __hasProp = {}.hasOwnProperty,
- __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
-
- root = this;
-
- Chosen = (function(_super) {
-
- __extends(Chosen, _super);
-
- function Chosen() {
- return Chosen.__super__.constructor.apply(this, arguments);
- }
-
- Chosen.prototype.setup = function() {
- this.current_value = this.form_field.value;
- return this.is_rtl = this.form_field.hasClassName("chzn-rtl");
- };
-
- Chosen.prototype.finish_setup = function() {
- return this.form_field.addClassName("chzn-done");
- };
-
- Chosen.prototype.set_default_values = function() {
- Chosen.__super__.set_default_values.call(this);
- this.single_temp = new Template('<a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1"><span>#{default}</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>');
- this.multi_temp = new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>');
- this.choice_temp = new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="javascript:void(0)" class="search-choice-close" rel="#{position}"></a></li>');
- this.choice_noclose_temp = new Template('<li class="search-choice search-choice-disabled" id="#{id}"><span>#{choice}</span></li>');
- return this.no_results_temp = new Template('<li class="no-results">' + this.results_none_found + ' "<span>#{terms}</span>"</li>');
- };
-
- Chosen.prototype.set_up_html = function() {
- var base_template, container_classes, container_props, dd_top, dd_width, sf_width;
- this.container_id = this.form_field.identify().replace(/[^\w]/g, '_') + "_chzn";
- container_classes = ["chzn-container"];
- container_classes.push("chzn-container-" + (this.is_multiple ? "multi" : "single"));
- if (this.inherit_select_classes && this.form_field.className) {
- container_classes.push(this.form_field.className);
- }
- if (this.is_rtl) {
- container_classes.push("chzn-rtl");
- }
- this.f_width = this.form_field.getStyle("width") ? parseInt(this.form_field.getStyle("width"), 10) : this.form_field.getWidth();
- container_props = {
- 'id': this.container_id,
- 'class': container_classes.join(' '),
- 'style': 'width: ' + this.f_width + 'px',
- 'title': this.form_field.title
- };
- base_template = this.is_multiple ? new Element('div', container_props).update(this.multi_temp.evaluate({
- "default": this.default_text
- })) : new Element('div', container_props).update(this.single_temp.evaluate({
- "default": this.default_text
- }));
- this.form_field.hide().insert({
- after: base_template
- });
- this.container = $(this.container_id);
- this.dropdown = this.container.down('div.chzn-drop');
- dd_top = this.container.getHeight();
- dd_width = this.f_width - get_side_border_padding(this.dropdown);
- this.dropdown.setStyle({
- "width": dd_width + "px",
- "top": dd_top + "px"
- });
- this.search_field = this.container.down('input');
- this.search_results = this.container.down('ul.chzn-results');
- this.search_field_scale();
- this.search_no_results = this.container.down('li.no-results');
- if (this.is_multiple) {
- this.search_choices = this.container.down('ul.chzn-choices');
- this.search_container = this.container.down('li.search-field');
- } else {
- this.search_container = this.container.down('div.chzn-search');
- this.selected_item = this.container.down('.chzn-single');
- sf_width = dd_width - get_side_border_padding(this.search_container) - get_side_border_padding(this.search_field);
- this.search_field.setStyle({
- "width": sf_width + "px"
- });
- }
- this.results_build();
- this.set_tab_index();
- return this.form_field.fire("liszt:ready", {
- chosen: this
- });
- };
-
- Chosen.prototype.register_observers = function() {
- var _this = this;
- this.container.observe("mousedown", function(evt) {
- return _this.container_mousedown(evt);
- });
- this.container.observe("mouseup", function(evt) {
- return _this.container_mouseup(evt);
- });
- this.container.observe("mouseenter", function(evt) {
- return _this.mouse_enter(evt);
- });
- this.container.observe("mouseleave", function(evt) {
- return _this.mouse_leave(evt);
- });
- this.search_results.observe("mouseup", function(evt) {
- return _this.search_results_mouseup(evt);
- });
- this.search_results.observe("mouseover", function(evt) {
- return _this.search_results_mouseover(evt);
- });
- this.search_results.observe("mouseout", function(evt) {
- return _this.search_results_mouseout(evt);
- });
- this.form_field.observe("liszt:updated", function(evt) {
- return _this.results_update_field(evt);
- });
- this.form_field.observe("liszt:activate", function(evt) {
- return _this.activate_field(evt);
- });
- this.form_field.observe("liszt:open", function(evt) {
- return _this.container_mousedown(evt);
- });
- this.search_field.observe("blur", function(evt) {
- return _this.input_blur(evt);
- });
- this.search_field.observe("keyup", function(evt) {
- return _this.keyup_checker(evt);
- });
- this.search_field.observe("keydown", function(evt) {
- return _this.keydown_checker(evt);
- });
- this.search_field.observe("focus", function(evt) {
- return _this.input_focus(evt);
- });
- if (this.is_multiple) {
- return this.search_choices.observe("click", function(evt) {
- return _this.choices_click(evt);
- });
- } else {
- return this.container.observe("click", function(evt) {
- return evt.preventDefault();
- });
- }
- };
-
- Chosen.prototype.search_field_disabled = function() {
- this.is_disabled = this.form_field.disabled;
- if (this.is_disabled) {
- this.container.addClassName('chzn-disabled');
- this.search_field.disabled = true;
- if (!this.is_multiple) {
- this.selected_item.stopObserving("focus", this.activate_action);
- }
- return this.close_field();
- } else {
- this.container.removeClassName('chzn-disabled');
- this.search_field.disabled = false;
- if (!this.is_multiple) {
- return this.selected_item.observe("focus", this.activate_action);
- }
- }
- };
-
- Chosen.prototype.container_mousedown = function(evt) {
- var target_closelink;
- if (!this.is_disabled) {
- target_closelink = evt != null ? evt.target.hasClassName("search-choice-close") : false;
- if (evt && evt.type === "mousedown" && !this.results_showing) {
- evt.stop();
- }
- if (!this.pending_destroy_click && !target_closelink) {
- if (!this.active_field) {
- if (this.is_multiple) {
- this.search_field.clear();
- }
- document.observe("click", this.click_test_action);
- this.results_show();
- } else if (!this.is_multiple && evt && (evt.target === this.selected_item || evt.target.up("a.chzn-single"))) {
- this.results_toggle();
- }
- return this.activate_field();
- } else {
- return this.pending_destroy_click = false;
- }
- }
- };
-
- Chosen.prototype.container_mouseup = function(evt) {
- if (evt.target.nodeName === "ABBR" && !this.is_disabled) {
- return this.results_reset(evt);
- }
- };
-
- Chosen.prototype.blur_test = function(evt) {
- if (!this.active_field && this.container.hasClassName("chzn-container-active")) {
- return this.close_field();
- }
- };
-
- Chosen.prototype.close_field = function() {
- document.stopObserving("click", this.click_test_action);
- this.active_field = false;
- this.results_hide();
- this.container.removeClassName("chzn-container-active");
- this.winnow_results_clear();
- this.clear_backstroke();
- this.show_search_field_default();
- return this.search_field_scale();
- };
-
- Chosen.prototype.activate_field = function() {
- this.container.addClassName("chzn-container-active");
- this.active_field = true;
- this.search_field.value = this.search_field.value;
- return this.search_field.focus();
- };
-
- Chosen.prototype.test_active_click = function(evt) {
- if (evt.target.up('#' + this.container_id)) {
- return this.active_field = true;
- } else {
- return this.close_field();
- }
- };
-
- Chosen.prototype.results_build = function() {
- var content, data, _i, _len, _ref;
- this.parsing = true;
- this.results_data = root.SelectParser.select_to_array(this.form_field);
- if (this.is_multiple && this.choices > 0) {
- this.search_choices.select("li.search-choice").invoke("remove");
- this.choices = 0;
- } else if (!this.is_multiple) {
- this.selected_item.addClassName("chzn-default").down("span").update(this.default_text);
- if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) {
- this.container.addClassName("chzn-container-single-nosearch");
- } else {
- this.container.removeClassName("chzn-container-single-nosearch");
- }
- }
- content = '';
- _ref = this.results_data;
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- data = _ref[_i];
- if (data.group) {
- content += this.result_add_group(data);
- } else if (!data.empty) {
- content += this.result_add_option(data);
- if (data.selected && this.is_multiple) {
- this.choice_build(data);
- } else if (data.selected && !this.is_multiple) {
- this.selected_item.removeClassName("chzn-default").down("span").update(data.html);
- if (this.allow_single_deselect) {
- this.single_deselect_control_build();
- }
- }
- }
- }
- this.search_field_disabled();
- this.show_search_field_default();
- this.search_field_scale();
- this.search_results.update(content);
- return this.parsing = false;
- };
-
- Chosen.prototype.result_add_group = function(group) {
- if (!group.disabled) {
- group.dom_id = this.container_id + "_g_" + group.array_index;
- return '<li id="' + group.dom_id + '" class="group-result">' + group.label.escapeHTML() + '</li>';
- } else {
- return "";
- }
- };
-
- Chosen.prototype.result_do_highlight = function(el) {
- var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
- this.result_clear_highlight();
- this.result_highlight = el;
- this.result_highlight.addClassName("highlighted");
- maxHeight = parseInt(this.search_results.getStyle('maxHeight'), 10);
- visible_top = this.search_results.scrollTop;
- visible_bottom = maxHeight + visible_top;
- high_top = this.result_highlight.positionedOffset().top;
- high_bottom = high_top + this.result_highlight.getHeight();
- if (high_bottom >= visible_bottom) {
- return this.search_results.scrollTop = (high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0;
- } else if (high_top < visible_top) {
- return this.search_results.scrollTop = high_top;
- }
- };
-
- Chosen.prototype.result_clear_highlight = function() {
- if (this.result_highlight) {
- this.result_highlight.removeClassName('highlighted');
- }
- return this.result_highlight = null;
- };
-
- Chosen.prototype.results_show = function() {
- var dd_top;
- if (!this.is_multiple) {
- this.selected_item.addClassName('chzn-single-with-drop');
- if (this.result_single_selected) {
- this.result_do_highlight(this.result_single_selected);
- }
- } else if (this.max_selected_options <= this.choices) {
- this.form_field.fire("liszt:maxselected", {
- chosen: this
- });
- return false;
- }
- dd_top = this.is_multiple ? this.container.getHeight() : this.container.getHeight() - 1;
- this.form_field.fire("liszt:showing_dropdown", {
- chosen: this
- });
- this.dropdown.setStyle({
- "top": dd_top + "px",
- "left": 0
- });
- this.results_showing = true;
- this.search_field.focus();
- this.search_field.value = this.search_field.value;
- return this.winnow_results();
- };
-
- Chosen.prototype.results_hide = function() {
- if (!this.is_multiple) {
- this.selected_item.removeClassName('chzn-single-with-drop');
- }
- this.result_clear_highlight();
- this.form_field.fire("liszt:hiding_dropdown", {
- chosen: this
- });
- this.dropdown.setStyle({
- "left": "-9000px"
- });
- return this.results_showing = false;
- };
-
- Chosen.prototype.set_tab_index = function(el) {
- var ti;
- if (this.form_field.tabIndex) {
- ti = this.form_field.tabIndex;
- this.form_field.tabIndex = -1;
- return this.search_field.tabIndex = ti;
- }
- };
-
- Chosen.prototype.show_search_field_default = function() {
- if (this.is_multiple && this.choices < 1 && !this.active_field) {
- this.search_field.value = this.default_text;
- return this.search_field.addClassName("default");
- } else {
- this.search_field.value = "";
- return this.search_field.removeClassName("default");
- }
- };
-
- Chosen.prototype.search_results_mouseup = function(evt) {
- var target;
- target = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result");
- if (target) {
- this.result_highlight = target;
- this.result_select(evt);
- return this.search_field.focus();
- }
- };
-
- Chosen.prototype.search_results_mouseover = function(evt) {
- var target;
- target = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result");
- if (target) {
- return this.result_do_highlight(target);
- }
- };
-
- Chosen.prototype.search_results_mouseout = function(evt) {
- if (evt.target.hasClassName('active-result') || evt.target.up('.active-result')) {
- return this.result_clear_highlight();
- }
- };
-
- Chosen.prototype.choices_click = function(evt) {
- evt.preventDefault();
- if (this.active_field && !(evt.target.hasClassName('search-choice') || evt.target.up('.search-choice')) && !this.results_showing) {
- return this.results_show();
- }
- };
-
- Chosen.prototype.choice_build = function(item) {
- var choice_id, link,
- _this = this;
- if (this.is_multiple && this.max_selected_options <= this.choices) {
- this.form_field.fire("liszt:maxselected", {
- chosen: this
- });
- return false;
- }
- choice_id = this.container_id + "_c_" + item.array_index;
- this.choices += 1;
- this.search_container.insert({
- before: (item.disabled ? this.choice_noclose_temp : this.choice_temp).evaluate({
- id: choice_id,
- choice: item.html,
- position: item.array_index
- })
- });
- if (!item.disabled) {
- link = $(choice_id).down('a');
- return link.observe("click", function(evt) {
- return _this.choice_destroy_link_click(evt);
- });
- }
- };
-
- Chosen.prototype.choice_destroy_link_click = function(evt) {
- evt.preventDefault();
- if (!this.is_disabled) {
- this.pending_destroy_click = true;
- return this.choice_destroy(evt.target);
- }
- };
-
- Chosen.prototype.choice_destroy = function(link) {
- if (this.result_deselect(link.readAttribute("rel"))) {
- this.choices -= 1;
- this.show_search_field_default();
- if (this.is_multiple && this.choices > 0 && this.search_field.value.length < 1) {
- this.results_hide();
- }
- link.up('li').remove();
- return this.search_field_scale();
- }
- };
-
- Chosen.prototype.results_reset = function() {
- this.form_field.options[0].selected = true;
- this.selected_item.down("span").update(this.default_text);
- if (!this.is_multiple) {
- this.selected_item.addClassName("chzn-default");
- }
- this.show_search_field_default();
- this.results_reset_cleanup();
- if (typeof Event.simulate === 'function') {
- this.form_field.simulate("change");
- }
- if (this.active_field) {
- return this.results_hide();
- }
- };
-
- Chosen.prototype.results_reset_cleanup = function() {
- var deselect_trigger;
- this.current_value = this.form_field.value;
- deselect_trigger = this.selected_item.down("abbr");
- if (deselect_trigger) {
- return deselect_trigger.remove();
- }
- };
-
- Chosen.prototype.result_select = function(evt) {
- var high, item, position;
- if (this.result_highlight) {
- high = this.result_highlight;
- this.result_clear_highlight();
- if (this.is_multiple) {
- this.result_deactivate(high);
- } else {
- this.search_results.descendants(".result-selected").invoke("removeClassName", "result-selected");
- this.selected_item.removeClassName("chzn-default");
- this.result_single_selected = high;
- }
- high.addClassName("result-selected");
- position = high.id.substr(high.id.lastIndexOf("_") + 1);
- item = this.results_data[position];
- item.selected = true;
- this.form_field.options[item.options_index].selected = true;
- if (this.is_multiple) {
- this.choice_build(item);
- } else {
- this.selected_item.down("span").update(item.html);
- if (this.allow_single_deselect) {
- this.single_deselect_control_build();
- }
- }
- if (!((evt.metaKey || evt.ctrlKey) && this.is_multiple)) {
- this.results_hide();
- }
- this.search_field.value = "";
- if (typeof Event.simulate === 'function' && (this.is_multiple || this.form_field.value !== this.current_value)) {
- this.form_field.simulate("change");
- }
- this.current_value = this.form_field.value;
- return this.search_field_scale();
- }
- };
-
- Chosen.prototype.result_activate = function(el) {
- return el.addClassName("active-result");
- };
-
- Chosen.prototype.result_deactivate = function(el) {
- return el.removeClassName("active-result");
- };
-
- Chosen.prototype.result_deselect = function(pos) {
- var result, result_data;
- result_data = this.results_data[pos];
- if (!this.form_field.options[result_data.options_index].disabled) {
- result_data.selected = false;
- this.form_field.options[result_data.options_index].selected = false;
- result = $(this.container_id + "_o_" + pos);
- result.removeClassName("result-selected").addClassName("active-result").show();
- this.result_clear_highlight();
- this.winnow_results();
- if (typeof Event.simulate === 'function') {
- this.form_field.simulate("change");
- }
- this.search_field_scale();
- return true;
- } else {
- return false;
- }
- };
-
- Chosen.prototype.single_deselect_control_build = function() {
- if (this.allow_single_deselect && !this.selected_item.down("abbr")) {
- return this.selected_item.down("span").insert({
- after: "<abbr class=\"search-choice-close\"></abbr>"
- });
- }
- };
-
- Chosen.prototype.winnow_results = function() {
- var found, option, part, parts, regex, regexAnchor, result_id, results, searchText, startpos, text, zregex, _i, _j, _len, _len1, _ref;
- this.no_results_clear();
- results = 0;
- searchText = this.search_field.value === this.default_text ? "" : this.search_field.value.strip().escapeHTML();
- regexAnchor = this.search_contains ? "" : "^";
- regex = new RegExp(regexAnchor + searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
- zregex = new RegExp(searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), 'i');
- _ref = this.results_data;
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- option = _ref[_i];
- if (!option.disabled && !option.empty) {
- if (option.group) {
- $(option.dom_id).hide();
- } else if (!(this.is_multiple && option.selected)) {
- found = false;
- result_id = option.dom_id;
- if (regex.test(option.html)) {
- found = true;
- results += 1;
- } else if (this.enable_split_word_search && (option.html.indexOf(" ") >= 0 || option.html.indexOf("[") === 0)) {
- parts = option.html.replace(/\[|\]/g, "").split(" ");
- if (parts.length) {
- for (_j = 0, _len1 = parts.length; _j < _len1; _j++) {
- part = parts[_j];
- if (regex.test(part)) {
- found = true;
- results += 1;
- }
- }
- }
- }
- if (found) {
- if (searchText.length) {
- startpos = option.html.search(zregex);
- text = option.html.substr(0, startpos + searchText.length) + '</em>' + option.html.substr(startpos + searchText.length);
- text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
- } else {
- text = option.html;
- }
- if ($(result_id).innerHTML !== text) {
- $(result_id).update(text);
- }
- this.result_activate($(result_id));
- if (option.group_array_index != null) {
- $(this.results_data[option.group_array_index].dom_id).setStyle({
- display: 'list-item'
- });
- }
- } else {
- if ($(result_id) === this.result_highlight) {
- this.result_clear_highlight();
- }
- this.result_deactivate($(result_id));
- }
- }
- }
- }
- if (results < 1 && searchText.length) {
- return this.no_results(searchText);
- } else {
- return this.winnow_results_set_highlight();
- }
- };
-
- Chosen.prototype.winnow_results_clear = function() {
- var li, lis, _i, _len, _results;
- this.search_field.clear();
- lis = this.search_results.select("li");
- _results = [];
- for (_i = 0, _len = lis.length; _i < _len; _i++) {
- li = lis[_i];
- if (li.hasClassName("group-result")) {
- _results.push(li.show());
- } else if (!this.is_multiple || !li.hasClassName("result-selected")) {
- _results.push(this.result_activate(li));
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- };
-
- Chosen.prototype.winnow_results_set_highlight = function() {
- var do_high;
- if (!this.result_highlight) {
- if (!this.is_multiple) {
- do_high = this.search_results.down(".result-selected.active-result");
- }
- if (!(do_high != null)) {
- do_high = this.search_results.down(".active-result");
- }
- if (do_high != null) {
- return this.result_do_highlight(do_high);
- }
- }
- };
-
- Chosen.prototype.no_results = function(terms) {
- return this.search_results.insert(this.no_results_temp.evaluate({
- terms: terms
- }));
- };
-
- Chosen.prototype.no_results_clear = function() {
- var nr, _results;
- nr = null;
- _results = [];
- while (nr = this.search_results.down(".no-results")) {
- _results.push(nr.remove());
- }
- return _results;
- };
-
- Chosen.prototype.keydown_arrow = function() {
- var actives, nexts, sibs;
- actives = this.search_results.select("li.active-result");
- if (actives.length) {
- if (!this.result_highlight) {
- this.result_do_highlight(actives.first());
- } else if (this.results_showing) {
- sibs = this.result_highlight.nextSiblings();
- nexts = sibs.intersect(actives);
- if (nexts.length) {
- this.result_do_highlight(nexts.first());
- }
- }
- if (!this.results_showing) {
- return this.results_show();
- }
- }
- };
-
- Chosen.prototype.keyup_arrow = function() {
- var actives, prevs, sibs;
- if (!this.results_showing && !this.is_multiple) {
- return this.results_show();
- } else if (this.result_highlight) {
- sibs = this.result_highlight.previousSiblings();
- actives = this.search_results.select("li.active-result");
- prevs = sibs.intersect(actives);
- if (prevs.length) {
- return this.result_do_highlight(prevs.first());
- } else {
- if (this.choices > 0) {
- this.results_hide();
- }
- return this.result_clear_highlight();
- }
- }
- };
-
- Chosen.prototype.keydown_backstroke = function() {
- var next_available_destroy;
- if (this.pending_backstroke) {
- this.choice_destroy(this.pending_backstroke.down("a"));
- return this.clear_backstroke();
- } else {
- next_available_destroy = this.search_container.siblings().last();
- if (next_available_destroy && next_available_destroy.hasClassName("search-choice") && !next_available_destroy.hasClassName("search-choice-disabled")) {
- this.pending_backstroke = next_available_destroy;
- if (this.pending_backstroke) {
- this.pending_backstroke.addClassName("search-choice-focus");
- }
- if (this.single_backstroke_delete) {
- return this.keydown_backstroke();
- } else {
- return this.pending_backstroke.addClassName("search-choice-focus");
- }
- }
- }
- };
-
- Chosen.prototype.clear_backstroke = function() {
- if (this.pending_backstroke) {
- this.pending_backstroke.removeClassName("search-choice-focus");
- }
- return this.pending_backstroke = null;
- };
-
- Chosen.prototype.keydown_checker = function(evt) {
- var stroke, _ref;
- stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
- this.search_field_scale();
- if (stroke !== 8 && this.pending_backstroke) {
- this.clear_backstroke();
- }
- switch (stroke) {
- case 8:
- this.backstroke_length = this.search_field.value.length;
- break;
- case 9:
- if (this.results_showing && !this.is_multiple) {
- this.result_select(evt);
- }
- this.mouse_on_container = false;
- break;
- case 13:
- evt.preventDefault();
- break;
- case 38:
- evt.preventDefault();
- this.keyup_arrow();
- break;
- case 40:
- this.keydown_arrow();
- break;
- }
- };
-
- Chosen.prototype.search_field_scale = function() {
- var dd_top, div, h, style, style_block, styles, w, _i, _len;
- if (this.is_multiple) {
- h = 0;
- w = 0;
- style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
- styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
- for (_i = 0, _len = styles.length; _i < _len; _i++) {
- style = styles[_i];
- style_block += style + ":" + this.search_field.getStyle(style) + ";";
- }
- div = new Element('div', {
- 'style': style_block
- }).update(this.search_field.value.escapeHTML());
- document.body.appendChild(div);
- w = Element.measure(div, 'width') + 25;
- div.remove();
- if (w > this.f_width - 10) {
- w = this.f_width - 10;
- }
- this.search_field.setStyle({
- 'width': w + 'px'
- });
- dd_top = this.container.getHeight();
- return this.dropdown.setStyle({
- "top": dd_top + "px"
- });
- }
- };
-
- return Chosen;
-
- })(AbstractChosen);
-
- root.Chosen = Chosen;
-
- if (Prototype.Browser.IE) {
- if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
- Prototype.BrowserFeatures['Version'] = new Number(RegExp.$1);
- }
- }
-
- get_side_border_padding = function(elmt) {
- var layout, side_border_padding;
- layout = new Element.Layout(elmt);
- return side_border_padding = layout.get("border-left") + layout.get("border-right") + layout.get("padding-left") + layout.get("padding-right");
- };
-
- root.get_side_border_padding = get_side_border_padding;
-
-}).call(this);
diff --git a/chosen/chosen.proto.min.js b/chosen/chosen.proto.min.js
deleted file mode 100644
index f2761e5..0000000
--- a/chosen/chosen.proto.min.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// Chosen, a Select Box Enhancer for jQuery and Protoype
-// by Patrick Filler for Harvest, http://getharvest.com
-//
-// Version 0.9.11
-// Full source at https://github.com/harvesthq/chosen
-// Copyright (c) 2011 Harvest http://getharvest.com
-
-// MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
-// This file is generated by `cake build`, do not edit it by hand.
-(function(){var e;e=function(){function e(){this.options_index=0,this.parsed=[]}return e.prototype.add_node=function(e){return e.nodeName.toUpperCase()==="OPTGROUP"?this.add_group(e):this.add_option(e)},e.prototype.add_group=function(e){var t,n,r,i,s,o;t=this.parsed.length,this.parsed.push({array_index:t,group:!0,label:e.label,children:0,disabled:e.disabled}),s=e.childNodes,o=[];for(r=0,i=s.length;r<i;r++)n=s[r],o.push(this.add_option(n,t,e.disabled));return o},e.prototype.add_option=fun [...]
\ No newline at end of file
diff --git a/coffee/chosen.jquery.coffee b/coffee/chosen.jquery.coffee
index 40ca732..2b6f869 100644
--- a/coffee/chosen.jquery.coffee
+++ b/coffee/chosen.jquery.coffee
@@ -9,7 +9,7 @@ $.fn.extend({
chosen: (options) ->
# Do no harm and return as soon as possible for unsupported browsers, namely IE6 and IE7
# Continue on if running IE document type but in compatibility mode
- return this if $.browser.msie and ($.browser.version is "6.0" or ($.browser.version is "7.0" and document.documentMode is 7 ))
+ return this unless AbstractChosen.browser_is_supported()
this.each((input_field) ->
$this = $ this
$this.data('chosen', new Chosen(this, options)) unless $this.hasClass "chzn-done"
@@ -20,7 +20,7 @@ class Chosen extends AbstractChosen
setup: ->
@form_field_jq = $ @form_field
- @current_value = @form_field_jq.val()
+ @current_selectedIndex = @form_field.selectedIndex
@is_rtl = @form_field_jq.hasClass "chzn-rtl"
finish_setup: ->
@@ -35,30 +35,22 @@ class Chosen extends AbstractChosen
container_classes.push @form_field.className if @inherit_select_classes && @form_field.className
container_classes.push "chzn-rtl" if @is_rtl
- @f_width = @form_field_jq.outerWidth()
+ container_props =
+ 'id': @container_id
+ 'class': container_classes.join ' '
+ 'style': "width: #{this.container_width()};"
+ 'title': @form_field.title
- container_props =
- id: @container_id
- class: container_classes.join ' '
- style: 'width: ' + (@f_width) + 'px;' #use parens around @f_width so coffeescript doesn't think + ' px' is a function parameter
- title: @form_field.title
-
- container_div = ($ "<div />", container_props)
+ @container = ($ "<div />", container_props)
if @is_multiple
- container_div.html '<ul class="chzn-choices"><li class="search-field"><input type="text" value="' + @default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>'
+ @container.html '<ul class="chzn-choices"><li class="search-field"><input type="text" value="' + @default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop"><ul class="chzn-results"></ul></div>'
else
- container_div.html '<a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1"><span>' + @default_text + '</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>'
+ @container.html '<a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1"><span>' + @default_text + '</span><div><b></b></div></a><div class="chzn-drop"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>'
- @form_field_jq.hide().after container_div
- @container = ($ '#' + @container_id)
+ @form_field_jq.hide().after @container
@dropdown = @container.find('div.chzn-drop').first()
- dd_top = @container.height()
- dd_width = (@f_width - get_side_border_padding(@dropdown))
-
- @dropdown.css({"width": dd_width + "px", "top": dd_top + "px"})
-
@search_field = @container.find('input').first()
@search_results = @container.find('ul.chzn-results').first()
this.search_field_scale()
@@ -71,37 +63,36 @@ class Chosen extends AbstractChosen
else
@search_container = @container.find('div.chzn-search').first()
@selected_item = @container.find('.chzn-single').first()
- sf_width = dd_width - get_side_border_padding(@search_container) - get_side_border_padding(@search_field)
- @search_field.css( {"width" : sf_width + "px"} )
-
+
this.results_build()
this.set_tab_index()
+ this.set_label_behavior()
@form_field_jq.trigger("liszt:ready", {chosen: this})
register_observers: ->
- @container.mousedown (evt) => this.container_mousedown(evt)
- @container.mouseup (evt) => this.container_mouseup(evt)
- @container.mouseenter (evt) => this.mouse_enter(evt)
- @container.mouseleave (evt) => this.mouse_leave(evt)
+ @container.mousedown (evt) => this.container_mousedown(evt); return
+ @container.mouseup (evt) => this.container_mouseup(evt); return
+ @container.mouseenter (evt) => this.mouse_enter(evt); return
+ @container.mouseleave (evt) => this.mouse_leave(evt); return
- @search_results.mouseup (evt) => this.search_results_mouseup(evt)
- @search_results.mouseover (evt) => this.search_results_mouseover(evt)
- @search_results.mouseout (evt) => this.search_results_mouseout(evt)
+ @search_results.mouseup (evt) => this.search_results_mouseup(evt); return
+ @search_results.mouseover (evt) => this.search_results_mouseover(evt); return
+ @search_results.mouseout (evt) => this.search_results_mouseout(evt); return
+ @search_results.bind 'mousewheel DOMMouseScroll', (evt) => this.search_results_mousewheel(evt); return
- @form_field_jq.bind "liszt:updated", (evt) => this.results_update_field(evt)
- @form_field_jq.bind "liszt:activate", (evt) => this.activate_field(evt)
- @form_field_jq.bind "liszt:open", (evt) => this.container_mousedown(evt)
+ @form_field_jq.bind "liszt:updated", (evt) => this.results_update_field(evt); return
+ @form_field_jq.bind "liszt:activate", (evt) => this.activate_field(evt); return
+ @form_field_jq.bind "liszt:open", (evt) => this.container_mousedown(evt); return
- @search_field.blur (evt) => this.input_blur(evt)
- @search_field.keyup (evt) => this.keyup_checker(evt)
- @search_field.keydown (evt) => this.keydown_checker(evt)
- @search_field.focus (evt) => this.input_focus(evt)
+ @search_field.blur (evt) => this.input_blur(evt); return
+ @search_field.keyup (evt) => this.keyup_checker(evt); return
+ @search_field.keydown (evt) => this.keydown_checker(evt); return
+ @search_field.focus (evt) => this.input_focus(evt); return
if @is_multiple
- @search_choices.click (evt) => this.choices_click(evt)
+ @search_choices.click (evt) => this.choices_click(evt); return
else
- @container.click (evt) => evt.preventDefault() # gobble click of anchor
-
+ @container.click (evt) => evt.preventDefault(); return # gobble click of anchor
search_field_disabled: ->
@is_disabled = @form_field_jq[0].disabled
@@ -117,10 +108,10 @@ class Chosen extends AbstractChosen
container_mousedown: (evt) ->
if !@is_disabled
- target_closelink = if evt? then ($ evt.target).hasClass "search-choice-close" else false
if evt and evt.type is "mousedown" and not @results_showing
evt.preventDefault()
- if not @pending_destroy_click and not target_closelink
+
+ if not (evt? and ($ evt.target).hasClass "search-choice-close")
if not @active_field
@search_field.val "" if @is_multiple
$(document).click @click_test_action
@@ -130,12 +121,17 @@ class Chosen extends AbstractChosen
this.results_toggle()
this.activate_field()
- else
- @pending_destroy_click = false
container_mouseup: (evt) ->
this.results_reset(evt) if evt.target.nodeName is "ABBR" and not @is_disabled
+ search_results_mousewheel: (evt) ->
+ delta = -evt.originalEvent?.wheelDelta or evt.originialEvent?.detail
+ if delta?
+ evt.preventDefault()
+ delta = delta * 40 if evt.type is 'DOMMouseScroll'
+ @search_results.scrollTop(delta + @search_results.scrollTop())
+
blur_test: (evt) ->
this.close_field() if not @active_field and @container.hasClass "chzn-container-active"
@@ -168,11 +164,12 @@ class Chosen extends AbstractChosen
results_build: ->
@parsing = true
+ @selected_option_count = null
+
@results_data = root.SelectParser.select_to_array @form_field
- if @is_multiple and @choices > 0
+ if @is_multiple and this.choices_count() > 0
@search_choices.find("li.search-choice").remove()
- @choices = 0
else if not @is_multiple
@selected_item.addClass("chzn-default").find("span").text(@default_text)
if @disable_search or @form_field.options.length <= @disable_search_threshold
@@ -231,17 +228,15 @@ class Chosen extends AbstractChosen
@result_highlight = null
results_show: ->
- if not @is_multiple
- @selected_item.addClass "chzn-single-with-drop"
- if @result_single_selected
- this.result_do_highlight( @result_single_selected )
- else if @max_selected_options <= @choices
+ if @result_single_selected?
+ this.result_do_highlight @result_single_selected
+ else if @is_multiple and @max_selected_options <= this.choices_count()
@form_field_jq.trigger("liszt:maxselected", {chosen: this})
return false
- dd_top = if @is_multiple then @container.height() else (@container.height() - 1)
+ @container.addClass "chzn-with-drop"
@form_field_jq.trigger("liszt:showing_dropdown", {chosen: this})
- @dropdown.css {"top": dd_top + "px", "left":0}
+
@results_showing = true
@search_field.focus()
@@ -250,10 +245,11 @@ class Chosen extends AbstractChosen
this.winnow_results()
results_hide: ->
- @selected_item.removeClass "chzn-single-with-drop" unless @is_multiple
this.result_clear_highlight()
+
+ @container.removeClass "chzn-with-drop"
@form_field_jq.trigger("liszt:hiding_dropdown", {chosen: this})
- @dropdown.css {"left":"-9000px"}
+
@results_showing = false
@@ -263,8 +259,16 @@ class Chosen extends AbstractChosen
@form_field_jq.attr "tabindex", -1
@search_field.attr "tabindex", ti
+ set_label_behavior: ->
+ @form_field_label = @form_field_jq.parents("label") # first check for a parent label
+ if not @form_field_label.length and @form_field.id.length
+ @form_field_label = $("label[for='#{@form_field.id}']") #next check for a for=#{id}
+
+ if @form_field_label.length > 0
+ @form_field_label.click (evt) => if @is_multiple then this.container_mousedown(evt) else this.activate_field()
+
show_search_field_default: ->
- if @is_multiple and @choices < 1 and not @active_field
+ if @is_multiple and this.choices_count() < 1 and not @active_field
@search_field.val(@default_text)
@search_field.addClass "default"
else
@@ -285,40 +289,28 @@ class Chosen extends AbstractChosen
search_results_mouseout: (evt) ->
this.result_clear_highlight() if $(evt.target).hasClass "active-result" or $(evt.target).parents('.active-result').first()
-
- choices_click: (evt) ->
- evt.preventDefault()
- if( @active_field and not($(evt.target).hasClass "search-choice" or $(evt.target).parents('.search-choice').first) and not @results_showing )
- this.results_show()
-
choice_build: (item) ->
- if @is_multiple and @max_selected_options <= @choices
- @form_field_jq.trigger("liszt:maxselected", {chosen: this})
- return false # fire event
- choice_id = @container_id + "_c_" + item.array_index
- @choices += 1
+ choice = $('<li />', { class: "search-choice" }).html("<span>#{item.html}</span>")
+
if item.disabled
- html = '<li class="search-choice search-choice-disabled" id="' + choice_id + '"><span>' + item.html + '</span></li>'
+ choice.addClass 'search-choice-disabled'
else
- html = '<li class="search-choice" id="' + choice_id + '"><span>' + item.html + '</span><a href="javascript:void(0)" class="search-choice-close" rel="' + item.array_index + '"></a></li>'
- @search_container.before html
- link = $('#' + choice_id).find("a").first()
- link.click (evt) => this.choice_destroy_link_click(evt)
+ close_link = $('<a />', { href: '#', class: 'search-choice-close', rel: item.array_index })
+ close_link.click (evt) => this.choice_destroy_link_click(evt)
+ choice.append close_link
+
+ @search_container.before choice
choice_destroy_link_click: (evt) ->
evt.preventDefault()
- if not @is_disabled
- @pending_destroy_click = true
- this.choice_destroy $(evt.target)
- else
- evt.stopPropagation
+ evt.stopPropagation()
+ this.choice_destroy $(evt.target) unless @is_disabled
choice_destroy: (link) ->
if this.result_deselect (link.attr "rel")
- @choices -= 1
this.show_search_field_default()
- this.results_hide() if @is_multiple and @choices > 0 and @search_field.val().length < 1
+ this.results_hide() if @is_multiple and this.choices_count() > 0 and @search_field.val().length < 1
link.parents('li').first().remove()
@@ -326,6 +318,7 @@ class Chosen extends AbstractChosen
results_reset: ->
@form_field.options[0].selected = true
+ @selected_option_count = null
@selected_item.find("span").text @default_text
@selected_item.addClass("chzn-default") if not @is_multiple
this.show_search_field_default()
@@ -334,7 +327,7 @@ class Chosen extends AbstractChosen
this.results_hide() if @active_field
results_reset_cleanup: ->
- @current_value = @form_field_jq.val()
+ @current_selectedIndex = @form_field.selectedIndex
@selected_item.find("abbr").remove()
result_select: (evt) ->
@@ -344,6 +337,10 @@ class Chosen extends AbstractChosen
this.result_clear_highlight()
+ if @is_multiple and @max_selected_options <= this.choices_count()
+ @form_field_jq.trigger("liszt:maxselected", {chosen: this})
+ return false
+
if @is_multiple
this.result_deactivate high
else
@@ -358,6 +355,7 @@ class Chosen extends AbstractChosen
item.selected = true
@form_field.options[item.options_index].selected = true
+ @selected_option_count = null
if @is_multiple
this.choice_build item
@@ -369,8 +367,8 @@ class Chosen extends AbstractChosen
@search_field.val ""
- @form_field_jq.trigger "change", {'selected': @form_field.options[item.options_index].value} if @is_multiple || @form_field_jq.val() != @current_value
- @current_value = @form_field_jq.val()
+ @form_field_jq.trigger "change", {'selected': @form_field.options[item.options_index].value} if @is_multiple || @form_field.selectedIndex != @current_selectedIndex
+ @current_selectedIndex = @form_field.selectedIndex
this.search_field_scale()
result_activate: (el) ->
@@ -386,6 +384,8 @@ class Chosen extends AbstractChosen
result_data.selected = false
@form_field.options[result_data.options_index].selected = false
+ @selected_option_count = null
+
result = $("#" + @container_id + "_o_" + pos)
result.removeClass("result-selected").addClass("active-result").show()
@@ -500,7 +500,7 @@ class Chosen extends AbstractChosen
if prev_sibs.length
this.result_do_highlight prev_sibs.first()
else
- this.results_hide() if @choices > 0
+ this.results_hide() if this.choices_count() > 0
this.result_clear_highlight()
keydown_backstroke: ->
@@ -563,14 +563,13 @@ class Chosen extends AbstractChosen
w = div.width() + 25
div.remove()
+ @f_width = @container.outerWidth() unless @f_width
+
if( w > @f_width-10 )
w = @f_width - 10
@search_field.css({'width': w + 'px'})
-
- dd_top = @container.height()
- @dropdown.css({"top": dd_top + "px"})
-
+
generate_random_id: ->
string = "sel" + this.generate_random_char() + this.generate_random_char() + this.generate_random_char()
while $("#" + string).length > 0
@@ -578,8 +577,3 @@ class Chosen extends AbstractChosen
string
root.Chosen = Chosen
-
-get_side_border_padding = (elmt) ->
- side_border_padding = elmt.outerWidth() - elmt.width()
-
-root.get_side_border_padding = get_side_border_padding
diff --git a/coffee/chosen.proto.coffee b/coffee/chosen.proto.coffee
index 89edae5..f5ef77e 100644
--- a/coffee/chosen.proto.coffee
+++ b/coffee/chosen.proto.coffee
@@ -7,7 +7,7 @@ root = this
class Chosen extends AbstractChosen
setup: ->
- @current_value = @form_field.value
+ @current_selectedIndex = @form_field.selectedIndex
@is_rtl = @form_field.hasClassName "chzn-rtl"
finish_setup: ->
@@ -17,10 +17,8 @@ class Chosen extends AbstractChosen
super()
# HTML Templates
- @single_temp = new Template('<a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1"><span>#{default}</span><div><b></b></div></a><div class="chzn-drop" style="left:-9000px;"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>')
- @multi_temp = new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop" style="left:-9000px;"><ul class="chzn-results"></ul></div>')
- @choice_temp = new Template('<li class="search-choice" id="#{id}"><span>#{choice}</span><a href="javascript:void(0)" class="search-choice-close" rel="#{position}"></a></li>')
- @choice_noclose_temp = new Template('<li class="search-choice search-choice-disabled" id="#{id}"><span>#{choice}</span></li>')
+ @single_temp = new Template('<a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1"><span>#{default}</span><div><b></b></div></a><div class="chzn-drop"><div class="chzn-search"><input type="text" autocomplete="off" /></div><ul class="chzn-results"></ul></div>')
+ @multi_temp = new Template('<ul class="chzn-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chzn-drop"><ul class="chzn-results"></ul></div>')
@no_results_temp = new Template('<li class="no-results">' + @results_none_found + ' "<span>#{terms}</span>"</li>')
set_up_html: ->
@@ -31,24 +29,16 @@ class Chosen extends AbstractChosen
container_classes.push @form_field.className if @inherit_select_classes && @form_field.className
container_classes.push "chzn-rtl" if @is_rtl
- @f_width = if @form_field.getStyle("width") then parseInt @form_field.getStyle("width"), 10 else @form_field.getWidth()
-
container_props =
'id': @container_id
'class': container_classes.join ' '
- 'style': 'width: ' + (@f_width) + 'px' #use parens around @f_width so coffeescript doesn't think + ' px' is a function parameter
+ 'style': "width: #{this.container_width()};"
'title': @form_field.title
-
- base_template = if @is_multiple then new Element('div', container_props).update( @multi_temp.evaluate({ "default": @default_text}) ) else new Element('div', container_props).update( @single_temp.evaluate({ "default":@default_text }) )
-
- @form_field.hide().insert({ after: base_template })
- @container = $(@container_id)
- @dropdown = @container.down('div.chzn-drop')
- dd_top = @container.getHeight()
- dd_width = (@f_width - get_side_border_padding(@dropdown))
+ @container = if @is_multiple then new Element('div', container_props).update( @multi_temp.evaluate({ "default": @default_text}) ) else new Element('div', container_props).update( @single_temp.evaluate({ "default":@default_text }) )
- @dropdown.setStyle({"width": dd_width + "px", "top": dd_top + "px"})
+ @form_field.hide().insert({ after: @container })
+ @dropdown = @container.down('div.chzn-drop')
@search_field = @container.down('input')
@search_results = @container.down('ul.chzn-results')
@@ -62,11 +52,10 @@ class Chosen extends AbstractChosen
else
@search_container = @container.down('div.chzn-search')
@selected_item = @container.down('.chzn-single')
- sf_width = dd_width - get_side_border_padding(@search_container) - get_side_border_padding(@search_field)
- @search_field.setStyle( {"width" : sf_width + "px"} )
this.results_build()
this.set_tab_index()
+ this.set_label_behavior()
@form_field.fire("liszt:ready", {chosen: this})
register_observers: ->
@@ -78,6 +67,8 @@ class Chosen extends AbstractChosen
@search_results.observe "mouseup", (evt) => this.search_results_mouseup(evt)
@search_results.observe "mouseover", (evt) => this.search_results_mouseover(evt)
@search_results.observe "mouseout", (evt) => this.search_results_mouseout(evt)
+ @search_results.observe "mousewheel", (evt) => this.search_results_mousewheel(evt)
+ @search_results.observe "DOMMouseScroll", (evt) => this.search_results_mousewheel(evt)
@form_field.observe "liszt:updated", (evt) => this.results_update_field(evt)
@form_field.observe "liszt:activate", (evt) => this.activate_field(evt)
@@ -107,10 +98,10 @@ class Chosen extends AbstractChosen
container_mousedown: (evt) ->
if !@is_disabled
- target_closelink = if evt? then evt.target.hasClassName "search-choice-close" else false
if evt and evt.type is "mousedown" and not @results_showing
evt.stop()
- if not @pending_destroy_click and not target_closelink
+
+ if not (evt? and evt.target.hasClassName "search-choice-close")
if not @active_field
@search_field.clear() if @is_multiple
document.observe "click", @click_test_action
@@ -119,12 +110,17 @@ class Chosen extends AbstractChosen
this.results_toggle()
this.activate_field()
- else
- @pending_destroy_click = false
container_mouseup: (evt) ->
this.results_reset(evt) if evt.target.nodeName is "ABBR" and not @is_disabled
+ search_results_mousewheel: (evt) ->
+ delta = -evt.wheelDelta or evt.detail
+ if delta?
+ evt.preventDefault()
+ delta = delta * 40 if evt.type is 'DOMMouseScroll'
+ @search_results.scrollTop = delta + @search_results.scrollTop
+
blur_test: (evt) ->
this.close_field() if not @active_field and @container.hasClassName("chzn-container-active")
@@ -156,11 +152,12 @@ class Chosen extends AbstractChosen
results_build: ->
@parsing = true
+ @selected_option_count = null
+
@results_data = root.SelectParser.select_to_array @form_field
- if @is_multiple and @choices > 0
+ if @is_multiple and this.choices_count() > 0
@search_choices.select("li.search-choice").invoke("remove")
- @choices = 0
else if not @is_multiple
@selected_item.addClassName("chzn-default").down("span").update(@default_text)
if @disable_search or @form_field.options.length <= @disable_search_threshold
@@ -205,7 +202,7 @@ class Chosen extends AbstractChosen
visible_top = @search_results.scrollTop
visible_bottom = maxHeight + visible_top
- high_top = @result_highlight.positionedOffset().top
+ high_top = @result_highlight.positionedOffset().top + @search_results.scrollTop
high_bottom = high_top + @result_highlight.getHeight()
if high_bottom >= visible_bottom
@@ -218,17 +215,15 @@ class Chosen extends AbstractChosen
@result_highlight = null
results_show: ->
- if not @is_multiple
- @selected_item.addClassName('chzn-single-with-drop')
- if @result_single_selected
- this.result_do_highlight( @result_single_selected )
- else if @max_selected_options <= @choices
+ if @result_single_selected?
+ this.result_do_highlight @result_single_selected
+ else if @is_multiple and @max_selected_options <= this.choices_count()
@form_field.fire("liszt:maxselected", {chosen: this})
return false
- dd_top = if @is_multiple then @container.getHeight() else (@container.getHeight() - 1)
+ @container.addClassName "chzn-with-drop"
@form_field.fire("liszt:showing_dropdown", {chosen: this})
- @dropdown.setStyle {"top": dd_top + "px", "left":0}
+
@results_showing = true
@search_field.focus()
@@ -237,10 +232,11 @@ class Chosen extends AbstractChosen
this.winnow_results()
results_hide: ->
- @selected_item.removeClassName('chzn-single-with-drop') unless @is_multiple
this.result_clear_highlight()
+
+ @container.removeClassName "chzn-with-drop"
@form_field.fire("liszt:hiding_dropdown", {chosen: this})
- @dropdown.setStyle({"left":"-9000px"})
+
@results_showing = false
@@ -250,8 +246,16 @@ class Chosen extends AbstractChosen
@form_field.tabIndex = -1
@search_field.tabIndex = ti
+ set_label_behavior: ->
+ @form_field_label = @form_field.up("label") # first check for a parent label
+ if not @form_field_label?
+ @form_field_label = $$("label[for='#{@form_field.id}']").first() #next check for a for=#{id}
+
+ if @form_field_label?
+ @form_field_label.observe "click", (evt) => if @is_multiple then this.container_mousedown(evt) else this.activate_field()
+
show_search_field_default: ->
- if @is_multiple and @choices < 1 and not @active_field
+ if @is_multiple and this.choices_count() < 1 and not @active_field
@search_field.value = @default_text
@search_field.addClassName "default"
else
@@ -272,39 +276,28 @@ class Chosen extends AbstractChosen
search_results_mouseout: (evt) ->
this.result_clear_highlight() if evt.target.hasClassName('active-result') or evt.target.up('.active-result')
+ choice_build: (item) ->
+ choice = new Element('li', { class: "search-choice" }).update("<span>#{item.html}</span>")
- choices_click: (evt) ->
- evt.preventDefault()
- if( @active_field and not(evt.target.hasClassName('search-choice') or evt.target.up('.search-choice')) and not @results_showing )
- this.results_show()
+ if item.disabled
+ choice.addClassName 'search-choice-disabled'
+ else
+ close_link = new Element('a', { href: '#', class: 'search-choice-close', rel: item.array_index })
+ close_link.observe "click", (evt) => this.choice_destroy_link_click(evt)
+ choice.insert close_link
- choice_build: (item) ->
- if @is_multiple and @max_selected_options <= @choices
- @form_field.fire("liszt:maxselected", {chosen: this})
- return false
- choice_id = @container_id + "_c_" + item.array_index
- @choices += 1
- @search_container.insert
- before: (if item.disabled then @choice_noclose_temp else @choice_temp).evaluate
- id: choice_id
- choice: item.html
- position: item.array_index
- if not item.disabled
- link = $(choice_id).down('a')
- link.observe "click", (evt) => this.choice_destroy_link_click(evt)
+ @search_container.insert { before: choice }
choice_destroy_link_click: (evt) ->
evt.preventDefault()
- if not @is_disabled
- @pending_destroy_click = true
- this.choice_destroy evt.target
+ evt.stopPropagation()
+ this.choice_destroy evt.target unless @is_disabled
choice_destroy: (link) ->
if this.result_deselect link.readAttribute("rel")
- @choices -= 1
this.show_search_field_default()
- this.results_hide() if @is_multiple and @choices > 0 and @search_field.value.length < 1
+ this.results_hide() if @is_multiple and this.choices_count() > 0 and @search_field.value.length < 1
link.up('li').remove()
@@ -312,6 +305,7 @@ class Chosen extends AbstractChosen
results_reset: ->
@form_field.options[0].selected = true
+ @selected_option_count = null
@selected_item.down("span").update(@default_text)
@selected_item.addClassName("chzn-default") if not @is_multiple
this.show_search_field_default()
@@ -320,7 +314,7 @@ class Chosen extends AbstractChosen
this.results_hide() if @active_field
results_reset_cleanup: ->
- @current_value = @form_field.value
+ @current_selectedIndex = @form_field.selectedIndex
deselect_trigger = @selected_item.down("abbr")
deselect_trigger.remove() if(deselect_trigger)
@@ -329,6 +323,10 @@ class Chosen extends AbstractChosen
high = @result_highlight
this.result_clear_highlight()
+ if @is_multiple and @max_selected_options <= this.choices_count()
+ @form_field.fire("liszt:maxselected", {chosen: this})
+ return false
+
if @is_multiple
this.result_deactivate high
else
@@ -343,6 +341,7 @@ class Chosen extends AbstractChosen
item.selected = true
@form_field.options[item.options_index].selected = true
+ @selected_option_count = null
if @is_multiple
this.choice_build item
@@ -354,8 +353,8 @@ class Chosen extends AbstractChosen
@search_field.value = ""
- @form_field.simulate("change") if typeof Event.simulate is 'function' && (@is_multiple || @form_field.value != @current_value)
- @current_value = @form_field.value
+ @form_field.simulate("change") if typeof Event.simulate is 'function' && (@is_multiple || @form_field.selectedIndex != @current_selectedIndex)
+ @current_selectedIndex = @form_field.selectedIndex
this.search_field_scale()
@@ -372,6 +371,8 @@ class Chosen extends AbstractChosen
result_data.selected = false
@form_field.options[result_data.options_index].selected = false
+ @selected_option_count = null
+
result = $(@container_id + "_o_" + pos)
result.removeClassName("result-selected").addClassName("active-result").show()
@@ -490,7 +491,7 @@ class Chosen extends AbstractChosen
if prevs.length
this.result_do_highlight prevs.first()
else
- this.results_hide() if @choices > 0
+ this.results_hide() if this.choices_count() > 0
this.result_clear_highlight()
keydown_backstroke: ->
@@ -553,24 +554,11 @@ class Chosen extends AbstractChosen
w = Element.measure(div, 'width') + 25
div.remove()
+ @f_width = @container.getWidth() unless @f_width
+
if( w > @f_width-10 )
w = @f_width - 10
@search_field.setStyle({'width': w + 'px'})
- dd_top = @container.getHeight()
- @dropdown.setStyle({"top": dd_top + "px"})
-
root.Chosen = Chosen
-
-# Prototype does not support version numbers so we add it ourselves
-if Prototype.Browser.IE
- if /MSIE (\d+\.\d+);/.test(navigator.userAgent)
- Prototype.BrowserFeatures['Version'] = new Number(RegExp.$1);
-
-
-get_side_border_padding = (elmt) ->
- layout = new Element.Layout(elmt)
- side_border_padding = layout.get("border-left") + layout.get("border-right") + layout.get("padding-left") + layout.get("padding-right")
-
-root.get_side_border_padding = get_side_border_padding
diff --git a/coffee/lib/abstract-chosen.coffee b/coffee/lib/abstract-chosen.coffee
index ed05936..ca653d0 100644
--- a/coffee/lib/abstract-chosen.coffee
+++ b/coffee/lib/abstract-chosen.coffee
@@ -7,6 +7,7 @@ root = this
class AbstractChosen
constructor: (@form_field, @options={}) ->
+ return unless AbstractChosen.browser_is_supported()
@is_multiple = @form_field.multiple
this.set_default_text()
this.set_default_values()
@@ -31,7 +32,6 @@ class AbstractChosen
@disable_search = @options.disable_search || false
@enable_split_word_search = if @options.enable_split_word_search? then @options.enable_split_word_search else true
@search_contains = @options.search_contains || false
- @choices = 0
@single_backstroke_delete = @options.single_backstroke_delete || false
@max_selected_options = @options.max_selected_options || Infinity
@inherit_select_classes = @options.inherit_select_classes || false
@@ -40,11 +40,11 @@ class AbstractChosen
if @form_field.getAttribute("data-placeholder")
@default_text = @form_field.getAttribute("data-placeholder")
else if @is_multiple
- @default_text = @options.placeholder_text_multiple || @options.placeholder_text || "Select Some Options"
+ @default_text = @options.placeholder_text_multiple || @options.placeholder_text || AbstractChosen.default_multiple_text
else
- @default_text = @options.placeholder_text_single || @options.placeholder_text || "Select an Option"
+ @default_text = @options.placeholder_text_single || @options.placeholder_text || AbstractChosen.default_single_text
- @results_none_found = @form_field.getAttribute("data-no_results_text") || @options.no_results_text || "No results match"
+ @results_none_found = @form_field.getAttribute("data-no_results_text") || @options.no_results_text || AbstractChosen.default_no_result_text
mouse_enter: -> @mouse_on_container = true
mouse_leave: -> @mouse_on_container = false
@@ -76,6 +76,7 @@ class AbstractChosen
""
results_update_field: ->
+ this.set_default_text()
this.results_reset_cleanup() if not @is_multiple
this.result_clear_highlight()
@result_single_selected = null
@@ -93,13 +94,26 @@ class AbstractChosen
else
this.results_show()
+ choices_count: ->
+ return @selected_option_count if @selected_option_count?
+
+ @selected_option_count = 0
+ for option in @form_field.options
+ @selected_option_count += 1 if option.selected
+
+ return @selected_option_count
+
+ choices_click: (evt) ->
+ evt.preventDefault()
+ this.results_show() unless @results_showing
+
keyup_checker: (evt) ->
stroke = evt.which ? evt.keyCode
this.search_field_scale()
switch stroke
when 8
- if @is_multiple and @backstroke_length < 1 and @choices > 0
+ if @is_multiple and @backstroke_length < 1 and this.choices_count() > 0
this.keydown_backstroke()
else if not @pending_backstroke
this.result_clear_highlight()
@@ -124,4 +138,19 @@ class AbstractChosen
rand = Math.floor(Math.random() * chars.length)
newchar = chars.substring rand, rand+1
+ container_width: ->
+ return if @options.width? then @options.width else "#{@form_field.offsetWidth}px"
+
+ # class methods and variables ============================================================
+
+ @browser_is_supported: ->
+ if window.navigator.appName == "Microsoft Internet Explorer"
+ return null isnt document.documentMode >= 8
+ return true
+
+ @default_multiple_text: "Select Some Options"
+ @default_single_text: "Select an Option"
+ @default_no_result_text: "No results match"
+
+
root.AbstractChosen = AbstractChosen
diff --git a/contributing.md b/contributing.md
new file mode 100644
index 0000000..273b19b
--- /dev/null
+++ b/contributing.md
@@ -0,0 +1,188 @@
+# Contributing to this project
+
+Please take a moment to review this document in order to make the contribution
+process easy and effective for everyone involved.
+
+Following these guidelines will help us get back to you more quickly, and will
+show that you care about making Chosen better just like we do. In return, we'll
+do our best to respond to your issue or pull request as soon as possible with
+the same respect.
+
+_**Please Note:** These guidelines are adapted from [@necolas](https://github.com/necolas)'s
+[issue-guidelines](https://github.com/necolas/issue-guidelines) and serve as
+an excellent starting point for contributing to any open source project._
+
+
+## Using the issue tracker
+
+The [issue tracker](https://github.com/harvesthq/chosen/issues) is the
+preferred channel for [bug reports](#bugs), [features requests](#features)
+and [submitting pull requests](#pull-requests), but please respect the
+following restrictions:
+
+* Please **do not** use the issue tracker for personal support requests (use
+ [Stack Overflow](http://stackoverflow.com)).
+
+* Please **do not** derail or troll issues. Keep the discussion on topic and
+ respect the opinions of others.
+
+
+<a name="bugs"></a>
+## Bug reports
+
+A bug is a _demonstrable problem_ that is caused by the code in the repository.
+Good bug reports are extremely helpful — thank you!
+
+Guidelines for bug reports:
+
+1. **Use the [GitHub issue search](https://github.com/harvesthq/chosen/search?type=Issues)** — check if the issue has already been
+ reported.
+
+2. **Check if the bug has already been fixed** — try to reproduce it using the
+ repository's latest `master` changes.
+
+3. **Isolate the problem** — ideally create a [reduced test
+ case](http://css-tricks.com/6263-reduced-test-cases/) and a live example
+ (perhaps a [fiddle](http://jsfiddle.net)).
+
+A good bug report shouldn't leave others needing to contact you for more
+information. Please try to be as detailed as possible in your report. What is
+your environment? What steps will reproduce the issue? What browser(s) and OS
+experience the problem? What outcome did you expect, and how did it differ from
+what you actually saw? All these details will help people to fix any potential
+bugs.
+
+Example:
+
+> Short and descriptive example bug report title
+>
+> A summary of the issue and the browser/OS environment in which it occurs. If
+> suitable, include the steps required to reproduce the bug.
+>
+> 1. This is the first step
+> 2. This is the second step
+> 3. Further steps, etc.
+>
+> `<url>` - a link to the reduced test case
+>
+> Any other information you want to share that is relevant to the issue being
+> reported. This might include the lines of code that you have identified as
+> causing the bug, and potential solutions (and your opinions on their
+> merits).
+
+
+<a name="features"></a>
+## Feature requests
+
+Feature requests are welcome. But take a moment to find out whether your idea
+fits with the scope and aims of the project. It's up to *you* to make a strong
+case to convince the project's developers of the merits of this feature. Please
+provide as much detail and context as possible.
+
+Building something great means choosing features carefully especially because it
+is much, much easier to add features than it is to take them away. Additions
+to Chosen will be evaluated on a combination of scope (how well it fits into the
+project), maintenance burden and general usefulness.
+
+Creating something great often means saying no to seemingly good ideas. Don't
+dispair if your feature request isn't accepted, take action! Fork the
+repository, build your idea and share it with others. We released Chosen under
+the MIT License for this purpose precisely. Open source works best when smart
+and dedicated people riff off of each others' ideas to make even greater things.
+
+
+
+<a name="pull-requests"></a>
+## Pull requests
+
+Good pull requests - patches, improvements, new features — are a fantastic help.
+They should remain focused in scope and avoid containing unrelated commits.
+
+**Please ask first** before embarking on any significant pull request (e.g.
+implementing features, refactoring code, porting to a different language),
+otherwise you risk spending a lot of time working on something that the
+project's developers might not want to merge into the project. You can solicit
+feedback and opinions in an open feature request thread or create a new one.
+
+Please use the [git flow for pull requesets](#git-flow) and follow Chosen's
+[code conventions](#code-conventions) before submitting your work. Adhering to
+these guidelines is the best way to get your work included in Chosen.
+
+<a name="git-flow"></a>
+#### Git Flow for pull requests
+
+1. [Fork](http://help.github.com/fork-a-repo/) the project, clone your fork,
+ and configure the remotes:
+
+ ```bash
+ # Clone your fork of the repo into the current directory
+ git clone git at github.com:<YOUR_USERNAME>/chosen.git
+ # Navigate to the newly cloned directory
+ cd chosen
+ # Assign the original repo to a remote called "upstream"
+ git remote add upstream https://github.com/harvesthq/chosen
+ ```
+
+2. If you cloned a while ago, get the latest changes from upstream:
+
+ ```bash
+ git checkout master
+ git pull upstream master
+ ```
+
+3. Create a new topic branch (off the main project development branch) to
+ contain your feature, change, or fix:
+
+ ```bash
+ git checkout -b <topic-branch-name>
+ ```
+
+4. Commit your changes in logical chunks. Please adhere to these [git commit
+ message guidelines](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html)
+ or your code is unlikely be merged into the main project. Use Git's
+ [interactive rebase](https://help.github.com/articles/interactive-rebase)
+ feature to tidy up your commits before making them public.
+
+5. Locally merge (or rebase) the upstream development branch into your topic branch:
+
+ ```bash
+ git pull [--rebase] upstream master
+ ```
+
+6. Push your topic branch up to your fork:
+
+ ```bash
+ git push origin <topic-branch-name>
+ ```
+
+7. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/)
+ with a clear title and description.
+
+**IMPORTANT**: By submitting a patch, you agree to allow the project owner to
+license your work under the [MIT License](http://en.wikipedia.org/wiki/MIT_License).
+
+<a name="code-conventions"></a>
+#### Chosen Code Conventions
+
+1. Make all changes in CoffeeScript files, **not** JavaScript files.
+2. Use [cake](#cake) to build the JavaScript files.
+3. For feature changes, update both jQuery *and* Prototype versions
+4. Don't touch the `VERSION` file
+
+<a name="cake"></a>
+#### Using CoffeeScript and Cake
+
+First, make sure you have the proper CoffeeScript / Cake setup in place. We have added a package.json that makes this easy:
+
+```
+npm install -d
+```
+
+This will install `coffee-script` and `uglifyjs`.
+
+Once you're configured, building the JavaScript from the command line is easy:
+
+ cake build # build Chosen from source
+ cake watch # watch coffee/ for changes and build Chosen
+
+If you're interested, you can find the recipes in [Cakefile](https://github.com/harvesthq/chosen/blob/master/Cakefile).
diff --git a/example.jquery.html b/example.jquery.html
index ee3e826..5074c55 100644
--- a/example.jquery.html
+++ b/example.jquery.html
@@ -48,6 +48,11 @@
}
</style>
<link rel="stylesheet" href="chosen/chosen.css" />
+ <style type="text/css" media="all">
+ /* fix rtl for demo */
+ .chzn-rtl .chzn-search { left: -9000px; }
+ .chzn-rtl .chzn-drop { left: -9000px; }
+ </style>
</head>
<body>
<form>
@@ -1236,10 +1241,15 @@
</div>
</div>
+ <h2>Hide Search on Single Select</h2>
<div class="side-by-side clearfix">
- <p>It is also possible to prevent selected options being deselected by also making them disabled.</p>
+ <p>The disable_search_threshold option can be specified to hide the search input on single selects if there are fewer than (n) options.</p>
+ <code>
+ $(".chzn-select").chosen({disable_search_threshold: 10});
+ </code>
+ <p></p>
<div>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select" id="test_me_paddington" name="test_me_form" tabindex="8">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-no-single" tabindex="9">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1256,7 +1266,7 @@
<h2>Default Text Support</h2>
<div class="side-by-side clearfix">
- <p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is present, it will default to "Select Some Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plugin js file as you see fit.</p>
+ <p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is present, it will default to "Select an Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plugin js file as you see fit.</p>
<code><select <strong>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"></code>
<p><strong>Note:</strong> on single selects, the first element is assumed to be selected by the browser. To take advantage of the default text support, you will need to include a blank option as the first element of your select list.</p>
</div>
@@ -1265,8 +1275,37 @@
<div class="side-by-side clearfix">
<p>Setting the "No results" search text is as easy as passing an option when you create Chosen:</p>
<code>
- $(".chzn-select").chosen({no_results_text: "No results matched"});
+ $(".chzn-select").chosen({no_results_text: "Oops, nothing found!"});
</code>
+ <p></p>
+ <div>
+ <em>Single Select</em>
+ <select data-placeholder="Type 'C' to view" style="width:350px;" class="chzn-select-no-results" tabindex="10">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ <div>
+ <em>Multiple Select</em>
+ <select data-placeholder="Type 'C' to view" style="width:350px;" multiple class="chzn-select-no-results" tabindex="11">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
</div>
<h2>Limit Selected Options in Multiselect</h2>
@@ -1285,7 +1324,7 @@
<div class="side-by-side clearfix">
<p>When a single select box isn't a required field, you can set <code>allow_single_deselect: true</code> and Chosen will add a UI element for option deselection. This will only work if the first option has blank text.</p>
<div class="side-by-side clearfix">
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-deselect" tabindex="7">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-deselect" tabindex="12">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1305,7 +1344,7 @@
<p><code><select class="chzn-select <strong>chzn-rtl</strong>"></code></p>
<div>
<em>Single right to left select</em>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="9">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="13">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1317,7 +1356,7 @@
</div>
<div>
<em>Multiple right to left select</em>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select chzn-rtl" tabindex="10">
+ <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select chzn-rtl" tabindex="14">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1349,6 +1388,77 @@
</ul>
</div>
+ <h2>Custom Width Support</h2>
+ <div class="side-by-side clearfix">
+ <p>Using a custom width with Chosen is as easy as passing an option when you create Chosen:</p>
+ <code>
+ $(".chzn-select").chosen({width: "95%"});
+ </code>
+ <p></p>
+ <div>
+ <em>Single Select</em>
+ <select data-placeholder="Your Favorite Types of Bear" class="chzn-select-width" tabindex="15">
+ <option value=""></option>
+ <option selected>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ <div>
+ <em>Multiple Select</em>
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select-width" tabindex="16">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option selected>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ </div>
+
+ <h2>Labels work, too</h2>
+ <div class="side-by-side clearfix">
+ <p>Use labels just like you would a standard select</p>
+ <p></p>
+ <div>
+ <em><label for="single-label-example">Click to Highlight Single Select</label></em>
+ <select data-placeholder="Your Favorite Types of Bear" class="chzn-select" style="width:350px;" tabindex="17" id="single-label-example">
+ <option value=""></option>
+ <option selected>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ <div>
+ <em><label for="multiple-label-example">Click to Highlight Multiple Select</label></em>
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select" style="width:350px;" tabindex="18" id="multiple-label-example">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option selected>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ </div>
+
<h2>Setup (for jQuery)</h2>
<p>Using Chosen is easy as can be.</p>
<ol>
@@ -1360,7 +1470,18 @@
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="chosen/chosen.jquery.js" type="text/javascript"></script>
- <script type="text/javascript"> $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); </script>
+ <script type="text/javascript">
+ var config = {
+ '.chzn-select' : {},
+ '.chzn-select-deselect' : {allow_single_deselect:true},
+ '.chzn-select-no-single' : {disable_search_threshold:10},
+ '.chzn-select-no-results': {no_results_text:'Oops, nothing found!'},
+ '.chzn-select-width' : {width:"95%"}
+ }
+ for (var selector in config) {
+ $(selector).chosen(config[selector]);
+ }
+ </script>
</form>
</body>
</html>
diff --git a/example.proto.html b/example.proto.html
index 6ffb471..fdbe4ab 100644
--- a/example.proto.html
+++ b/example.proto.html
@@ -48,6 +48,11 @@
}
</style>
<link rel="stylesheet" href="chosen/chosen.css" />
+ <style type="text/css" media="all">
+ /* fix rtl for demo */
+ .chzn-rtl .chzn-search { left: -9000px; }
+ .chzn-rtl .chzn-drop { left: -9000px; }
+ </style>
</head>
<body>
<div id="container">
@@ -1235,10 +1240,15 @@
</div>
</div>
+ <h2>Hide Search on Single Select</h2>
<div class="side-by-side clearfix">
- <p>It is also possible to prevent selected options being deselected by also making them disabled.</p>
+ <p>The disable_search_threshold option can be specified to hide the search input on single selects if there are fewer than (n) options.</p>
+ <code>
+ New Chosen($("chzn_select_field"),{disable_search_threshold: 10});
+ </code>
+ <p></p>
<div>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select" id="test_me_paddington" name="test_me_form" tabindex="8">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-no-single" tabindex="9">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1246,7 +1256,7 @@
<option>Giant Panda</option>
<option selected disabled>Sloth Bear</option>
<option disabled>Sun Bear</option>
- <option selected disabled>Paddington Bear</option>
+ <option selected>Paddington Bear</option>
<option selected>Polar Bear</option>
<option disabled>Spectacled Bear</option>
</select>
@@ -1255,7 +1265,7 @@
<h2>Default Text Support</h2>
<div class="side-by-side clearfix">
- <p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is present, it will default to "Select Some Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plugin js file as you see fit.</p>
+ <p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is present, it will default to "Select an Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plugin js file as you see fit.</p>
<code><select <strong>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"></code>
<p><strong>Note:</strong> on single selects, the first element is assumed to be selected by the browser. To take advantage of the default text support, you will need to include a blank option as the first element of your select list.</p>
</div>
@@ -1264,8 +1274,38 @@
<div class="side-by-side clearfix">
<p>Setting the "No results" search text is as easy as passing an option when you create Chosen:</p>
<code>
- new Chosen($("chzn_select_field"),{no_results_text: "No results matched"});
+ New Chosen($("chzn_select_field"),{no_results_text: "Oops, nothing found!"});
</code>
+ <p></p>
+
+ <div>
+ <em>Single Select</em>
+ <select data-placeholder="Type 'C' to view" style="width:350px;" class="chzn-select-no-results" tabindex="10">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ <div>
+ <em>Multiple Select</em>
+ <select data-placeholder="Type 'C' to view" style="width:350px;" multiple class="chzn-select-no-results" tabindex="11">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
</div>
<h2>Limit Selected Options in Multiselect</h2>
@@ -1278,13 +1318,14 @@
<code>
$("chzn_select_field").observe("liszt:maxselected", function(evt) { ... });
</code>
+ <p></p>
</div>
<h2>Allow Deselect on Single Selects</h2>
<div class="side-by-side clearfix">
<p>When a single select box isn't a required field, you can set <code>allow_single_deselect: true</code> and Chosen will add a UI element for option deselection. This will only work if the first option has blank text.</p>
<div class="side-by-side clearfix">
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-deselect" tabindex="7">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-deselect" tabindex="12">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1304,7 +1345,7 @@
<p><code><select class="chzn-select <strong>chzn-rtl</strong>"></code></p>
<div>
<em>Single right to left select</em>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="9">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="13">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1316,7 +1357,7 @@
</div>
<div>
<em>Multiple right to left select</em>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select chzn-rtl" tabindex="10">
+ <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select chzn-rtl" tabindex="14">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1348,11 +1389,82 @@
</ul>
</div>
+ <h2>Custom Width Support</h2>
+ <div class="side-by-side clearfix">
+ <p>Using a custom width with Chosen is as easy as passing an option when you create Chosen:</p>
+ <code>
+ New Chosen($("chzn_select_field"),{width: "95%"});
+ </code>
+ <p></p>
+ <div>
+ <em>Single Select</em>
+ <select data-placeholder="Your Favorite Types of Bear" class="chzn-select-width" tabindex="15">
+ <option value=""></option>
+ <option selected>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ <div>
+ <em>Multiple Select</em>
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select-width" tabindex="16">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option selected>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ </div>
+
+ <h2>Labels work, too</h2>
+ <div class="side-by-side clearfix">
+ <p>Use labels just like you would a standard select</p>
+ <p></p>
+ <div>
+ <em><label for="single-label-example">Click to Highlight Single Select</label></em>
+ <select data-placeholder="Your Favorite Types of Bear" class="chzn-select" style="width:350px;" tabindex="17" id="single-label-example">
+ <option value=""></option>
+ <option selected>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ <div>
+ <em><label for="multiple-label-example">Click to Highlight Multiple Select</label></em>
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select" style="width:350px;" tabindex="18" id="multiple-label-example">
+ <option value=""></option>
+ <option>American Black Bear</option>
+ <option>Asiatic Black Bear</option>
+ <option>Brown Bear</option>
+ <option selected>Giant Panda</option>
+ <option>Sloth Bear</option>
+ <option>Sun Bear</option>
+ <option>Polar Bear</option>
+ <option>Spectacled Bear</option>
+ </select>
+ </div>
+ </div>
+
<h2>Setup (for Prototype)</h2>
<p>Using Chosen is easy as can be.</p>
<ol>
<li>Download the plugin and copy the chosen files to your app.</li>
- <li>Activate the plugin by creating a new instance of Chosen: new Chosen(<em>some_form_field</em>);</li>
+ <li>Activate the plugin by creating a new instance of Chosen: New Chosen(<em>some_form_field</em>,<em>some_options</em>);</li>
<li><a href="http://youtu.be/pS-RsIzb78U?t=57s">Disco</a>.</li>
</ol>
@@ -1361,22 +1473,21 @@
<script src="chosen/chosen.proto.js" type="text/javascript"></script>
<script type="text/javascript">
document.observe('dom:loaded', function(evt) {
- var select, selects, _i, _len, _results;
- if (Prototype.Browser.IE && (Prototype.BrowserFeatures['Version'] === 6 || Prototype.BrowserFeatures['Version'] === 7)) {
- return;
- }
- selects = $$(".chzn-select");
- _results = [];
- for (_i = 0, _len = selects.length; _i < _len; _i++) {
- select = selects[_i];
- _results.push(new Chosen(select));
+ var config = {
+ '.chzn-select' : {},
+ '.chzn-select-deselect' : {allow_single_deselect:true},
+ '.chzn-select-no-single' : {disable_search_threshold:10},
+ '.chzn-select-no-results': {no_results_text: "Oops, nothing found!"},
+ '.chzn-select-width' : {width: "95%"}
}
- deselects = $$(".chzn-select-deselect");
- for (_i = 0, _len = deselects.length; _i < _len; _i++) {
- select = deselects[_i];
- _results.push(new Chosen(select,{allow_single_deselect:true}));
+ var results = [];
+ for (var selector in config) {
+ var elements = $$(selector);
+ for (var i = 0; i < elements.length; i++) {
+ results.push(new Chosen(elements[i],config[selector]));
+ }
}
- return _results;
+ return results;
});
</script>
</body>
diff --git a/package.json b/package.json
index 52e8d65..c747b23 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"author": "harvest",
"name": "chosen",
- "version": "0.9.11",
+ "version": "0.9.15",
"description": "Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.",
"repository": {
"type": "git",
@@ -12,7 +12,13 @@
},
"dependencies": {},
"devDependencies": {
- "coffee-script": ">= 1.4",
+ "coffee-script": ">= 1.6",
"uglify-js": ">= 1.2.5 <2.0"
- }
+ },
+ "licenses": [
+ {
+ "type": "MIT",
+ "url": "https://github.com/harvesthq/chosen/blob/master/LICENSE.md"
+ }
+ ]
}
\ No newline at end of file
--
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/libjs-chosen.git
More information about the Pkg-javascript-commits
mailing list