diff --git a/profiles/wcm_base/CHANGELOG.txt b/profiles/wcm_base/CHANGELOG.txt index 284bbf8137337c8d97a6f826f69056c2b83d96f1..f66afaba98b4d3fc5a18bb2dadd55aa09fade65c 100644 --- a/profiles/wcm_base/CHANGELOG.txt +++ b/profiles/wcm_base/CHANGELOG.txt @@ -1,5 +1,9 @@ +WCM Base 7.x-1.x, 2016-02-04 +---------------------------- +- OCIO Media: Patches to allow per-extension file size limits and fix bugs. + WCM Base 7.x-1.x, 2016-02-03 ------------------------------ +---------------------------- - OCIO Media: Added support for .dwg and .zip files. - WCM User Config: Return to destination URL after Shibboleth login redirect. - WCM Base: @@ -7,24 +11,24 @@ WCM Base 7.x-1.x, 2016-02-03 - Added Chosen module, allowing read-only jQuery multiselect field formats. WCM Base 7.x-1.x, 2016-02-01 ------------------------------ +---------------------------- - WCM Base: Added Private module patch that prevents non-privileged users with the Private Content Viewer role from editing private nodes. - WCM Workbench: Added Workbench Moderation patch that fixes nodes not appearing on the "Needs Review" page for non-administrators. WCM Base 7.x-1.x, 2016-01-29 ------------------------------ +---------------------------- - OCIO SimpleSAMLphp Auth: Added patch to the simplesamlphp_auth contrib module to allow shib-authenticated users to create other users. - OCIO Landing Page: Allow reusable panel panes to be added to panel pages. WCM Base 7.x-1.x, 2016-01-21 ------------------------------ +---------------------------- - WCM Base: Renamed namespace-agnostic configuration features. WCM Base 7.x-1.x, 2016-01-15 ------------------------------ +---------------------------- - WCM Base: Add Zurb Responsive Tables module. - OCIO Media, OCIO Omega Base: Added small center video style. - OCIO Search: Updated search views page parsing parameters. @@ -34,7 +38,7 @@ WCM Base 7.x-1.x, 2016-01-15 types except for news articles. WCM Base 7.x-1.x, 2016-01-12 ------------------------------ +---------------------------- - WCM Base: - Updated Panopoly to 1.30. - Updated contrib modules: defaultconfig, features, features extra, ctools, diff --git a/profiles/wcm_base/libraries/chosen/.gitignore b/profiles/wcm_base/libraries/chosen/.gitignore new file mode 100644 index 0000000000000000000000000000000000000000..4de164c8375d4935610f552379a0edf9aabf8a33 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/.gitignore @@ -0,0 +1,13 @@ +.DS_Store +node_modules +.project +public/*.js +public/*.css +public/bower.json +chosen.zip +.sass-cache +.ruby-version +.rbenv-gemsets +.grunt +_SpecRunner.html +spec/public diff --git a/profiles/wcm_base/libraries/chosen/.travis.yml b/profiles/wcm_base/libraries/chosen/.travis.yml new file mode 100644 index 0000000000000000000000000000000000000000..3862043f9cd976dedfc8b6e53cc08e11908c0f02 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/.travis.yml @@ -0,0 +1,16 @@ +language: node_js + +node_js: + - "0.10" + +before_install: + - npm install -g grunt-cli + - gem install bundler + - bundle install +before_script: grunt build + +after_success: ./bower-publish.sh + +env: + global: + secure: FHc3fAbJDydJywQ3HcFrTxqyAmmKbiAwP5Bi3qIzvXXCKNYbZb45iSjrMPFq7sHQR/evxDKl3zzBd8k6lvx0Sr77GDkmbN7HjI22fb3wu1Pi3WhmIM90/70ATs6hSZunsNEHCtQa4fDFM3NYeOeiwHFX8HQ9tVlqtjeAZngONL8= diff --git a/profiles/wcm_base/libraries/chosen/Gemfile b/profiles/wcm_base/libraries/chosen/Gemfile new file mode 100644 index 0000000000000000000000000000000000000000..e85f28cbaff1cfded6be467a5c00087aa96847e3 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/Gemfile @@ -0,0 +1,3 @@ +source "https://rubygems.org" + +gem 'compass' diff --git a/profiles/wcm_base/libraries/chosen/Gemfile.lock b/profiles/wcm_base/libraries/chosen/Gemfile.lock new file mode 100644 index 0000000000000000000000000000000000000000..b82fc3554b4bbcd60d4d460d627f3a726033cd43 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/Gemfile.lock @@ -0,0 +1,16 @@ +GEM + remote: https://rubygems.org/ + specs: + chunky_png (1.2.8) + compass (0.12.2) + chunky_png (~> 1.2) + fssm (>= 0.2.7) + sass (~> 3.1) + fssm (0.2.10) + sass (3.2.9) + +PLATFORMS + ruby + +DEPENDENCIES + compass diff --git a/profiles/wcm_base/libraries/chosen/Gruntfile.coffee b/profiles/wcm_base/libraries/chosen/Gruntfile.coffee new file mode 100644 index 0000000000000000000000000000000000000000..ef2107b7c9d3f3a863522ebd6d0bb2f24d435c92 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/Gruntfile.coffee @@ -0,0 +1,155 @@ +module.exports = (grunt) -> + require('load-grunt-tasks')(grunt); + + version = -> + grunt.file.readJSON("package.json").version + version_tag = -> + "v#{version()}" + + grunt.initConfig + pkg: grunt.file.readJSON("package.json") + comments: """ +/*! +Chosen, a Select Box Enhancer for jQuery and Prototype +by Patrick Filler for Harvest, http://getharvest.com + +Version <%= pkg.version %> +Full source at https://github.com/harvesthq/chosen +Copyright (c) 2011-<%= grunt.template.today('yyyy') %> Harvest http://getharvest.com + +MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md +This file is generated by `grunt build`, do not edit it by hand. +*/ +\n +""" + minified_comments: "/* Chosen #{version_tag()} | (c) 2011-<%= grunt.template.today('yyyy') %> by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */\n" + + concat: + options: + banner: "<%= comments %>" + jquery: + src: ["public/chosen.jquery.js"] + dest: "public/chosen.jquery.js" + proto: + src: ["public/chosen.proto.js"] + dest: "public/chosen.proto.js" + css: + src: ["public/chosen.css"] + dest: "public/chosen.css" + + coffee: + options: + join: true + compile: + files: + 'public/chosen.jquery.js': ['coffee/lib/select-parser.coffee', 'coffee/lib/abstract-chosen.coffee', 'coffee/chosen.jquery.coffee'] + 'public/chosen.proto.js': ['coffee/lib/select-parser.coffee', 'coffee/lib/abstract-chosen.coffee', 'coffee/chosen.proto.coffee'] + 'spec/public/jquery_specs.js': 'spec/jquery/*.spec.coffee' + 'spec/public/proto_specs.js': 'spec/proto/*.spec.coffee' + + uglify: + options: + mangle: + except: ['jQuery', 'AbstractChosen', 'Chosen', 'SelectParser'] + banner: "<%= minified_comments %>" + minified_chosen_js: + files: + 'public/chosen.jquery.min.js': ['public/chosen.jquery.js'] + 'public/chosen.proto.min.js': ['public/chosen.proto.js'] + + compass: + chosen_css: + options: + bundleExec: true + specify: ['sass/chosen.scss'] + + cssmin: + minified_chosen_css: + options: + banner: "<%= minified_comments %>" + keepSpecialComments: 0 + src: 'public/chosen.css' + dest: 'public/chosen.min.css' + + watch: + scripts: + files: ['coffee/**/*.coffee', 'sass/*.scss'] + tasks: ['build'] + + dom_munger: + latest_version: + src: ['public/index.html', 'public/index.proto.html', 'public/options.html'] + options: + callback: ($) -> + $("#latest-version").text(version_tag()) + zip: + chosen: + cwd: 'public/' + src: ['public/**/*'] + dest: "chosen_#{version_tag()}.zip" + + 'gh-pages': + options: + base: 'public', + message: "Updated to new Chosen version #{version()}" + src: ['**'] + + jasmine: + jquery: + src: [ 'public/chosen.jquery.js' ] + options: + vendor: [ 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' ] + specs: 'spec/public/jquery_specs.js' + proto: + src: [ 'public/chosen.proto.js' ] + options: + vendor: [ + 'https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js', + 'public/docsupport/event.simulate.js' + ] + specs: 'spec/public/proto_specs.js' + + grunt.registerTask 'default', ['build'] + grunt.registerTask 'build', ['coffee', 'compass', 'concat', 'uglify', 'cssmin', 'package-bower'] + grunt.registerTask 'prep-release', ['build', 'dom_munger:latest_version', 'zip:chosen','package-jquery'] + grunt.registerTask 'test', ['coffee', 'jasmine'] + + grunt.registerTask 'publish-release', ['gh-pages'] + + grunt.registerTask 'package-jquery', 'Generate a jquery.json manifest file from package.json', () -> + src = "package.json" + dest = "chosen.jquery.json" + pkg = grunt.file.readJSON(src) + json1 = + "name": pkg.name + "description": pkg.description + "version": version() + "licenses": pkg.licenses + json2 = pkg.jqueryJSON + json1[key] = json2[key] for key of json2 + json1.author.name = pkg.author + grunt.file.write('chosen.jquery.json', JSON.stringify(json1, null, 2) + "\n") + + grunt.registerTask 'package-bower', 'Generate a bower.json manifest file from package.json', () -> + pkg = grunt.file.readJSON("package.json") + bowerjson = pkg.bowerJSON + jqueryjson = pkg.jqueryJSON + + bower = + "name": pkg.name + "description": pkg.description + "version": version() + "main": bowerjson.main + "license": pkg.licenses + "ignore": [] + "keywords": jqueryjson.keywords + "authors": jqueryjson.maintainers + "homepage": jqueryjson.homepage + "repository": pkg.repository + "dependencies": jqueryjson.dependencies + "devDependencies": [] + + grunt.file.write("public/bower.json", JSON.stringify(bower, null, 2) + "\n") + + grunt.registerTask 'cleanup-bower', 'Delete generated bower.json file', () -> + grunt.file.delete("public/bower.json") diff --git a/profiles/wcm_base/libraries/chosen/LICENSE.md b/profiles/wcm_base/libraries/chosen/LICENSE.md new file mode 100644 index 0000000000000000000000000000000000000000..26fa97e46d53cce7861ee23fb30792b03d093dac --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/LICENSE.md @@ -0,0 +1,23 @@ +#### Chosen +- by Patrick Filler for [Harvest](http://getharvest.com) +- Copyright (c) 2011-2015 by Harvest + +Available for use under the [MIT License](http://en.wikipedia.org/wiki/MIT_License) + +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 +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +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. diff --git a/profiles/wcm_base/libraries/chosen/README.md b/profiles/wcm_base/libraries/chosen/README.md new file mode 100644 index 0000000000000000000000000000000000000000..1550abf829df8a1f7978e0fa703e6547803dae0c --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/README.md @@ -0,0 +1,35 @@ +# Chosen + +Chosen is a library for making long, unwieldy select boxes more user friendly. + +- jQuery support: 1.4+ +- Prototype support: 1.7+ + +For **documentation**, usage, and examples, see: +http://harvesthq.github.io/chosen/ + +For **downloads**, see: +https://github.com/harvesthq/chosen/releases/ + +### Bower Installation + +Chosen is available for Bower installation: +`bower install chosen` + +The compiled files for the Bower package are automatically generated and stored in a [2nd Chosen repository](https://github.com/harvesthq/bower-chosen). No pull requests will be accepted to that repository. + +### Contributing to this project + +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 + +- Concept and development by [Patrick Filler](http://patrickfiller.com) for [Harvest](http://getharvest.com/). +- Design and CSS by [Matthew Lettini](http://matthewlettini.com/) +- Repository maintained by [@pfiller](http://github.com/pfiller), [@kenearley](http://github.com/kenearley), [@stof](http://github.com/stof), [@koenpunt](http://github.com/koenpunt), and [@tjschuck](http://github.com/tjschuck). +- Chosen includes [contributions by many fine folks](https://github.com/harvesthq/chosen/contributors). diff --git a/profiles/wcm_base/libraries/chosen/bower-publish.sh b/profiles/wcm_base/libraries/chosen/bower-publish.sh new file mode 100755 index 0000000000000000000000000000000000000000..cb3f56e75b85f2db11c249c056e1607d985a6392 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/bower-publish.sh @@ -0,0 +1,34 @@ +#!/bin/sh + +CURRENT_BRANCH=`git name-rev --name-only HEAD` + +if [ $CURRENT_BRANCH != 'master' ] ; then + echo "Build not on master. Skipped bower-chosen release" + exit 0 +fi + +git config --global user.email "notmyemail@bower-chosen.lol" +git config --global user.name "bower-chosen" + +git clone https://pfiller:${GH_TOKEN}@github.com/harvesthq/bower-chosen.git +rm -rf bower-chosen/* +cp public/bower.json public/*.png public/chosen.jquery.js public/chosen.css bower-chosen/ +cd bower-chosen + +LATEST_VERSION=$(git diff bower.json | grep version | cut -d':' -f2 | cut -d'"' -f2 | tail -1) + +if [ -z $LATEST_VERSION ] ; then + echo "No Chosen version change. Skipped tagging" +else + echo "Chosen version changed. Tagging version ${LATEST_VERSION}\n" + git tag -a "v${LATEST_VERSION}" -m "Version ${LATEST_VERSION}" +fi + +git remote set-url origin https://pfiller:${GH_TOKEN}@github.com/harvesthq/bower-chosen.git + +git add -A +git commit -m "Chosen build to bower-chosen" +git push origin master +git push origin --tags + +echo "Chosen published to harvesthq/bower-chosen" diff --git a/profiles/wcm_base/libraries/chosen/chosen.jquery.json b/profiles/wcm_base/libraries/chosen/chosen.jquery.json new file mode 100644 index 0000000000000000000000000000000000000000..9842a3488fd97952036963a0d39760917b56952c --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/chosen.jquery.json @@ -0,0 +1,49 @@ +{ + "name": "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.", + "version": "1.4.2", + "licenses": [ + { + "type": "MIT", + "url": "https://github.com/harvesthq/chosen/blob/master/LICENSE.md" + } + ], + "title": "Chosen", + "keywords": [ + "select", + "multiselect", + "dropdown", + "form", + "input", + "ui" + ], + "author": { + "url": "http://getharvest.com", + "name": "harvest" + }, + "maintainers": [ + { + "name": "Patrick Filler", + "url": "https://github.com/pfiller" + }, + { + "name": "Christophe Coevoet", + "url": "https://github.com/stof" + }, + { + "name": "Ken Earley", + "url": "https://github.com/kenearley" + }, + { + "name": "Koen Punt", + "url": "https://github.com/koenpunt" + } + ], + "download": "https://github.com/harvesthq/chosen/releases", + "homepage": "http://harvesthq.github.io/chosen/", + "docs": "http://harvesthq.github.io/chosen/", + "bugs": "https://github.com/harvesthq/chosen/issues", + "dependencies": { + "jquery": ">=1.4.4" + } +} diff --git a/profiles/wcm_base/libraries/chosen/coffee/chosen.jquery.coffee b/profiles/wcm_base/libraries/chosen/coffee/chosen.jquery.coffee new file mode 100644 index 0000000000000000000000000000000000000000..fbabf9280fd1d716e1697314ad121d97dfaee0d0 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/coffee/chosen.jquery.coffee @@ -0,0 +1,513 @@ +$ = jQuery + +$.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 unless AbstractChosen.browser_is_supported() + this.each (input_field) -> + $this = $ this + chosen = $this.data('chosen') + if options is 'destroy' + if chosen instanceof Chosen + chosen.destroy() + return + unless chosen instanceof Chosen + $this.data('chosen', new Chosen(this, options)) + + return + +}) + +class Chosen extends AbstractChosen + + setup: -> + @form_field_jq = $ @form_field + @current_selectedIndex = @form_field.selectedIndex + @is_rtl = @form_field_jq.hasClass "chosen-rtl" + + set_up_html: -> + container_classes = ["chosen-container"] + container_classes.push "chosen-container-" + (if @is_multiple then "multi" else "single") + container_classes.push @form_field.className if @inherit_select_classes && @form_field.className + container_classes.push "chosen-rtl" if @is_rtl + + container_props = + 'class': container_classes.join ' ' + 'style': "width: #{this.container_width()};" + 'title': @form_field.title + + container_props.id = @form_field.id.replace(/[^\w]/g, '_') + "_chosen" if @form_field.id.length + + @container = ($ "<div />", container_props) + + if @is_multiple + @container.html '<ul class="chosen-choices"><li class="search-field"><input type="text" value="' + @default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>' + else + @container.html '<a class="chosen-single chosen-default"><span>' + @default_text + '</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>' + + @form_field_jq.hide().after @container + @dropdown = @container.find('div.chosen-drop').first() + + @search_field = @container.find('input').first() + @search_results = @container.find('ul.chosen-results').first() + this.search_field_scale() + + @search_no_results = @container.find('li.no-results').first() + + if @is_multiple + @search_choices = @container.find('ul.chosen-choices').first() + @search_container = @container.find('li.search-field').first() + else + @search_container = @container.find('div.chosen-search').first() + @selected_item = @container.find('.chosen-single').first() + + this.results_build() + this.set_tab_index() + this.set_label_behavior() + + on_ready: -> + @form_field_jq.trigger("chosen:ready", {chosen: this}) + + register_observers: -> + @container.bind 'touchstart.chosen', (evt) => this.container_mousedown(evt); evt.preventDefault() + @container.bind 'touchend.chosen', (evt) => this.container_mouseup(evt); evt.preventDefault() + + @container.bind 'mousedown.chosen', (evt) => this.container_mousedown(evt); return + @container.bind 'mouseup.chosen', (evt) => this.container_mouseup(evt); return + @container.bind 'mouseenter.chosen', (evt) => this.mouse_enter(evt); return + @container.bind 'mouseleave.chosen', (evt) => this.mouse_leave(evt); return + + @search_results.bind 'mouseup.chosen', (evt) => this.search_results_mouseup(evt); return + @search_results.bind 'mouseover.chosen', (evt) => this.search_results_mouseover(evt); return + @search_results.bind 'mouseout.chosen', (evt) => this.search_results_mouseout(evt); return + @search_results.bind 'mousewheel.chosen DOMMouseScroll.chosen', (evt) => this.search_results_mousewheel(evt); return + + @search_results.bind 'touchstart.chosen', (evt) => this.search_results_touchstart(evt); return + @search_results.bind 'touchmove.chosen', (evt) => this.search_results_touchmove(evt); return + @search_results.bind 'touchend.chosen', (evt) => this.search_results_touchend(evt); return + + @form_field_jq.bind "chosen:updated.chosen", (evt) => this.results_update_field(evt); return + @form_field_jq.bind "chosen:activate.chosen", (evt) => this.activate_field(evt); return + @form_field_jq.bind "chosen:open.chosen", (evt) => this.container_mousedown(evt); return + @form_field_jq.bind "chosen:close.chosen", (evt) => this.input_blur(evt); return + + @search_field.bind 'blur.chosen', (evt) => this.input_blur(evt); return + @search_field.bind 'keyup.chosen', (evt) => this.keyup_checker(evt); return + @search_field.bind 'keydown.chosen', (evt) => this.keydown_checker(evt); return + @search_field.bind 'focus.chosen', (evt) => this.input_focus(evt); return + @search_field.bind 'cut.chosen', (evt) => this.clipboard_event_checker(evt); return + @search_field.bind 'paste.chosen', (evt) => this.clipboard_event_checker(evt); return + + if @is_multiple + @search_choices.bind 'click.chosen', (evt) => this.choices_click(evt); return + else + @container.bind 'click.chosen', (evt) -> evt.preventDefault(); return # gobble click of anchor + + destroy: -> + $(@container[0].ownerDocument).unbind "click.chosen", @click_test_action + if @search_field[0].tabIndex + @form_field_jq[0].tabIndex = @search_field[0].tabIndex + + @container.remove() + @form_field_jq.removeData('chosen') + @form_field_jq.show() + + search_field_disabled: -> + @is_disabled = @form_field_jq[0].disabled + if(@is_disabled) + @container.addClass 'chosen-disabled' + @search_field[0].disabled = true + @selected_item.unbind "focus.chosen", @activate_action if !@is_multiple + this.close_field() + else + @container.removeClass 'chosen-disabled' + @search_field[0].disabled = false + @selected_item.bind "focus.chosen", @activate_action if !@is_multiple + + container_mousedown: (evt) -> + if !@is_disabled + if evt and evt.type is "mousedown" and not @results_showing + evt.preventDefault() + + if not (evt? and ($ evt.target).hasClass "search-choice-close") + if not @active_field + @search_field.val "" if @is_multiple + $(@container[0].ownerDocument).bind 'click.chosen', @click_test_action + this.results_show() + else if not @is_multiple and evt and (($(evt.target)[0] == @selected_item[0]) || $(evt.target).parents("a.chosen-single").length) + evt.preventDefault() + this.results_toggle() + + this.activate_field() + + container_mouseup: (evt) -> + this.results_reset(evt) if evt.target.nodeName is "ABBR" and not @is_disabled + + search_results_mousewheel: (evt) -> + delta = evt.originalEvent.deltaY or -evt.originalEvent.wheelDelta or evt.originalEvent.detail if evt.originalEvent + 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 "chosen-container-active" + + close_field: -> + $(@container[0].ownerDocument).unbind "click.chosen", @click_test_action + + @active_field = false + this.results_hide() + + @container.removeClass "chosen-container-active" + this.clear_backstroke() + + this.show_search_field_default() + this.search_field_scale() + + activate_field: -> + @container.addClass "chosen-container-active" + @active_field = true + + @search_field.val(@search_field.val()) + @search_field.focus() + + + test_active_click: (evt) -> + active_container = $(evt.target).closest('.chosen-container') + if active_container.length and @container[0] == active_container[0] + @active_field = true + else + this.close_field() + + results_build: -> + @parsing = true + @selected_option_count = null + + @results_data = SelectParser.select_to_array @form_field + + if @is_multiple + @search_choices.find("li.search-choice").remove() + else if not @is_multiple + this.single_set_selected_text() + if @disable_search or @form_field.options.length <= @disable_search_threshold + @search_field[0].readOnly = true + @container.addClass "chosen-container-single-nosearch" + else + @search_field[0].readOnly = false + @container.removeClass "chosen-container-single-nosearch" + + this.update_results_content this.results_option_build({first:true}) + + this.search_field_disabled() + this.show_search_field_default() + this.search_field_scale() + + @parsing = false + + result_do_highlight: (el) -> + if el.length + this.result_clear_highlight() + + @result_highlight = el + @result_highlight.addClass "highlighted" + + maxHeight = parseInt @search_results.css("maxHeight"), 10 + visible_top = @search_results.scrollTop() + visible_bottom = maxHeight + visible_top + + high_top = @result_highlight.position().top + @search_results.scrollTop() + high_bottom = high_top + @result_highlight.outerHeight() + + if high_bottom >= visible_bottom + @search_results.scrollTop if (high_bottom - maxHeight) > 0 then (high_bottom - maxHeight) else 0 + else if high_top < visible_top + @search_results.scrollTop high_top + + result_clear_highlight: -> + @result_highlight.removeClass "highlighted" if @result_highlight + @result_highlight = null + + results_show: -> + if @is_multiple and @max_selected_options <= this.choices_count() + @form_field_jq.trigger("chosen:maxselected", {chosen: this}) + return false + + @container.addClass "chosen-with-drop" + @results_showing = true + + @search_field.focus() + @search_field.val @search_field.val() + + this.winnow_results() + @form_field_jq.trigger("chosen:showing_dropdown", {chosen: this}) + + update_results_content: (content) -> + @search_results.html content + + results_hide: -> + if @results_showing + this.result_clear_highlight() + + @container.removeClass "chosen-with-drop" + @form_field_jq.trigger("chosen:hiding_dropdown", {chosen: this}) + + @results_showing = false + + + set_tab_index: (el) -> + if @form_field.tabIndex + ti = @form_field.tabIndex + @form_field.tabIndex = -1 + @search_field[0].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.bind 'click.chosen', (evt) => if @is_multiple then this.container_mousedown(evt) else this.activate_field() + + show_search_field_default: -> + if @is_multiple and this.choices_count() < 1 and not @active_field + @search_field.val(@default_text) + @search_field.addClass "default" + else + @search_field.val("") + @search_field.removeClass "default" + + search_results_mouseup: (evt) -> + target = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first() + if target.length + @result_highlight = target + this.result_select(evt) + @search_field.focus() + + search_results_mouseover: (evt) -> + target = if $(evt.target).hasClass "active-result" then $(evt.target) else $(evt.target).parents(".active-result").first() + this.result_do_highlight( target ) if target + + search_results_mouseout: (evt) -> + this.result_clear_highlight() if $(evt.target).hasClass "active-result" or $(evt.target).parents('.active-result').first() + + choice_build: (item) -> + choice = $('<li />', { class: "search-choice" }).html("<span>#{this.choice_label(item)}</span>") + + if item.disabled + choice.addClass 'search-choice-disabled' + else + close_link = $('<a />', { class: 'search-choice-close', 'data-option-array-index': item.array_index }) + close_link.bind 'click.chosen', (evt) => this.choice_destroy_link_click(evt) + choice.append close_link + + @search_container.before choice + + choice_destroy_link_click: (evt) -> + evt.preventDefault() + evt.stopPropagation() + this.choice_destroy $(evt.target) unless @is_disabled + + choice_destroy: (link) -> + if this.result_deselect( link[0].getAttribute("data-option-array-index") ) + this.show_search_field_default() + + this.results_hide() if @is_multiple and this.choices_count() > 0 and @search_field.val().length < 1 + + link.parents('li').first().remove() + + this.search_field_scale() + + results_reset: -> + this.reset_single_select_options() + @form_field.options[0].selected = true + this.single_set_selected_text() + this.show_search_field_default() + this.results_reset_cleanup() + @form_field_jq.trigger "change" + this.results_hide() if @active_field + + results_reset_cleanup: -> + @current_selectedIndex = @form_field.selectedIndex + @selected_item.find("abbr").remove() + + result_select: (evt) -> + if @result_highlight + high = @result_highlight + + this.result_clear_highlight() + + if @is_multiple and @max_selected_options <= this.choices_count() + @form_field_jq.trigger("chosen:maxselected", {chosen: this}) + return false + + if @is_multiple + high.removeClass("active-result") + else + this.reset_single_select_options() + + high.addClass("result-selected") + + item = @results_data[ high[0].getAttribute("data-option-array-index") ] + item.selected = true + + @form_field.options[item.options_index].selected = true + @selected_option_count = null + + if @is_multiple + this.choice_build item + else + this.single_set_selected_text(this.choice_label(item)) + + this.results_hide() unless (evt.metaKey or evt.ctrlKey) and @is_multiple + this.show_search_field_default() + + @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 + + evt.preventDefault() + + this.search_field_scale() + + single_set_selected_text: (text=@default_text) -> + if text is @default_text + @selected_item.addClass("chosen-default") + else + this.single_deselect_control_build() + @selected_item.removeClass("chosen-default") + + @selected_item.find("span").html(text) + + result_deselect: (pos) -> + result_data = @results_data[pos] + + if not @form_field.options[result_data.options_index].disabled + result_data.selected = false + + @form_field.options[result_data.options_index].selected = false + @selected_option_count = null + + this.result_clear_highlight() + this.winnow_results() if @results_showing + + @form_field_jq.trigger "change", {deselected: @form_field.options[result_data.options_index].value} + this.search_field_scale() + + return true + else + return false + + single_deselect_control_build: -> + return unless @allow_single_deselect + @selected_item.find("span").first().after "<abbr class=\"search-choice-close\"></abbr>" unless @selected_item.find("abbr").length + @selected_item.addClass("chosen-single-with-deselect") + + get_search_text: -> + $('<div/>').text($.trim(@search_field.val())).html() + + winnow_results_set_highlight: -> + selected_results = if not @is_multiple then @search_results.find(".result-selected.active-result") else [] + do_high = if selected_results.length then selected_results.first() else @search_results.find(".active-result").first() + + this.result_do_highlight do_high if do_high? + + no_results: (terms) -> + no_results_html = $('<li class="no-results">' + @results_none_found + ' "<span></span>"</li>') + no_results_html.find("span").first().html(terms) + + @search_results.append no_results_html + @form_field_jq.trigger("chosen:no_results", {chosen:this}) + + no_results_clear: -> + @search_results.find(".no-results").remove() + + keydown_arrow: -> + if @results_showing and @result_highlight + next_sib = @result_highlight.nextAll("li.active-result").first() + this.result_do_highlight next_sib if next_sib + else + this.results_show() + + keyup_arrow: -> + if not @results_showing and not @is_multiple + this.results_show() + else if @result_highlight + prev_sibs = @result_highlight.prevAll("li.active-result") + + if prev_sibs.length + this.result_do_highlight prev_sibs.first() + else + this.results_hide() if this.choices_count() > 0 + this.result_clear_highlight() + + keydown_backstroke: -> + if @pending_backstroke + this.choice_destroy @pending_backstroke.find("a").first() + this.clear_backstroke() + else + next_available_destroy = @search_container.siblings("li.search-choice").last() + if next_available_destroy.length and not next_available_destroy.hasClass("search-choice-disabled") + @pending_backstroke = next_available_destroy + if @single_backstroke_delete + @keydown_backstroke() + else + @pending_backstroke.addClass "search-choice-focus" + + clear_backstroke: -> + @pending_backstroke.removeClass "search-choice-focus" if @pending_backstroke + @pending_backstroke = null + + keydown_checker: (evt) -> + stroke = evt.which ? evt.keyCode + this.search_field_scale() + + this.clear_backstroke() if stroke != 8 and this.pending_backstroke + + switch stroke + when 8 + @backstroke_length = this.search_field.val().length + break + when 9 + this.result_select(evt) if this.results_showing and not @is_multiple + @mouse_on_container = false + break + when 13 + evt.preventDefault() if this.results_showing + break + when 32 + evt.preventDefault() if @disable_search + break + when 38 + evt.preventDefault() + this.keyup_arrow() + break + when 40 + evt.preventDefault() + this.keydown_arrow() + break + + search_field_scale: -> + if @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 style in styles + style_block += style + ":" + @search_field.css(style) + ";" + + div = $('<div />', { 'style' : style_block }) + div.text @search_field.val() + $('body').append div + + w = div.width() + 25 + div.remove() + + f_width = @container.outerWidth() + + if( w > f_width - 10 ) + w = f_width - 10 + + @search_field.css({'width': w + 'px'}) diff --git a/profiles/wcm_base/libraries/chosen/coffee/chosen.proto.coffee b/profiles/wcm_base/libraries/chosen/coffee/chosen.proto.coffee new file mode 100644 index 0000000000000000000000000000000000000000..9e3ae0840dec2d3888143764adf988b6563e8a01 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/coffee/chosen.proto.coffee @@ -0,0 +1,507 @@ +class @Chosen extends AbstractChosen + + setup: -> + @current_selectedIndex = @form_field.selectedIndex + @is_rtl = @form_field.hasClassName "chosen-rtl" + + set_default_values: -> + super() + + # HTML Templates + @single_temp = new Template('<a class="chosen-single chosen-default"><span>#{default}</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>') + @multi_temp = new Template('<ul class="chosen-choices"><li class="search-field"><input type="text" value="#{default}" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>') + @no_results_temp = new Template('<li class="no-results">' + @results_none_found + ' "<span>#{terms}</span>"</li>') + + set_up_html: -> + container_classes = ["chosen-container"] + container_classes.push "chosen-container-" + (if @is_multiple then "multi" else "single") + container_classes.push @form_field.className if @inherit_select_classes && @form_field.className + container_classes.push "chosen-rtl" if @is_rtl + + container_props = + 'class': container_classes.join ' ' + 'style': "width: #{this.container_width()};" + 'title': @form_field.title + + container_props.id = @form_field.id.replace(/[^\w]/g, '_') + "_chosen" if @form_field.id.length + + @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 }) ) + + @form_field.hide().insert({ after: @container }) + @dropdown = @container.down('div.chosen-drop') + + @search_field = @container.down('input') + @search_results = @container.down('ul.chosen-results') + this.search_field_scale() + + @search_no_results = @container.down('li.no-results') + + if @is_multiple + @search_choices = @container.down('ul.chosen-choices') + @search_container = @container.down('li.search-field') + else + @search_container = @container.down('div.chosen-search') + @selected_item = @container.down('.chosen-single') + + this.results_build() + this.set_tab_index() + this.set_label_behavior() + + on_ready: -> + @form_field.fire("chosen:ready", {chosen: this}) + + register_observers: -> + @container.observe "touchstart", (evt) => this.container_mousedown(evt); evt.preventDefault() + @container.observe "touchend", (evt) => this.container_mouseup(evt); evt.preventDefault() + + @container.observe "mousedown", (evt) => this.container_mousedown(evt) + @container.observe "mouseup", (evt) => this.container_mouseup(evt) + @container.observe "mouseenter", (evt) => this.mouse_enter(evt) + @container.observe "mouseleave", (evt) => this.mouse_leave(evt) + + @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) + + @search_results.observe "touchstart", (evt) => this.search_results_touchstart(evt) + @search_results.observe "touchmove", (evt) => this.search_results_touchmove(evt) + @search_results.observe "touchend", (evt) => this.search_results_touchend(evt) + + @form_field.observe "chosen:updated", (evt) => this.results_update_field(evt) + @form_field.observe "chosen:activate", (evt) => this.activate_field(evt) + @form_field.observe "chosen:open", (evt) => this.container_mousedown(evt) + @form_field.observe "chosen:close", (evt) => this.input_blur(evt) + + @search_field.observe "blur", (evt) => this.input_blur(evt) + @search_field.observe "keyup", (evt) => this.keyup_checker(evt) + @search_field.observe "keydown", (evt) => this.keydown_checker(evt) + @search_field.observe "focus", (evt) => this.input_focus(evt) + @search_field.observe "cut", (evt) => this.clipboard_event_checker(evt) + @search_field.observe "paste", (evt) => this.clipboard_event_checker(evt) + + if @is_multiple + @search_choices.observe "click", (evt) => this.choices_click(evt) + else + @container.observe "click", (evt) => evt.preventDefault() # gobble click of anchor + + destroy: -> + @container.ownerDocument.stopObserving "click", @click_test_action + + @form_field.stopObserving() + @container.stopObserving() + @search_results.stopObserving() + @search_field.stopObserving() + @form_field_label.stopObserving() if @form_field_label? + + if @is_multiple + @search_choices.stopObserving() + @container.select(".search-choice-close").each (choice) -> + choice.stopObserving() + else + @selected_item.stopObserving() + + if @search_field.tabIndex + @form_field.tabIndex = @search_field.tabIndex + + @container.remove() + @form_field.show() + + search_field_disabled: -> + @is_disabled = @form_field.disabled + if(@is_disabled) + @container.addClassName 'chosen-disabled' + @search_field.disabled = true + @selected_item.stopObserving "focus", @activate_action if !@is_multiple + this.close_field() + else + @container.removeClassName 'chosen-disabled' + @search_field.disabled = false + @selected_item.observe "focus", @activate_action if !@is_multiple + + container_mousedown: (evt) -> + if !@is_disabled + if evt and evt.type is "mousedown" and not @results_showing + evt.stop() + + if not (evt? and evt.target.hasClassName "search-choice-close") + if not @active_field + @search_field.clear() if @is_multiple + @container.ownerDocument.observe "click", @click_test_action + this.results_show() + else if not @is_multiple and evt and (evt.target is @selected_item || evt.target.up("a.chosen-single")) + this.results_toggle() + + this.activate_field() + + container_mouseup: (evt) -> + this.results_reset(evt) if evt.target.nodeName is "ABBR" and not @is_disabled + + search_results_mousewheel: (evt) -> + delta = evt.deltaY or -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("chosen-container-active") + + close_field: -> + @container.ownerDocument.stopObserving "click", @click_test_action + + @active_field = false + this.results_hide() + + @container.removeClassName "chosen-container-active" + this.clear_backstroke() + + this.show_search_field_default() + this.search_field_scale() + + activate_field: -> + @container.addClassName "chosen-container-active" + @active_field = true + + @search_field.value = @search_field.value + @search_field.focus() + + test_active_click: (evt) -> + if evt.target.up('.chosen-container') is @container + @active_field = true + else + this.close_field() + + results_build: -> + @parsing = true + @selected_option_count = null + + @results_data = SelectParser.select_to_array @form_field + + if @is_multiple + @search_choices.select("li.search-choice").invoke("remove") + else if not @is_multiple + this.single_set_selected_text() + if @disable_search or @form_field.options.length <= @disable_search_threshold + @search_field.readOnly = true + @container.addClassName "chosen-container-single-nosearch" + else + @search_field.readOnly = false + @container.removeClassName "chosen-container-single-nosearch" + + this.update_results_content this.results_option_build({first:true}) + + this.search_field_disabled() + this.show_search_field_default() + this.search_field_scale() + + @parsing = false + + result_do_highlight: (el) -> + this.result_clear_highlight() + + @result_highlight = el + @result_highlight.addClassName "highlighted" + + maxHeight = parseInt @search_results.getStyle('maxHeight'), 10 + visible_top = @search_results.scrollTop + visible_bottom = maxHeight + visible_top + + high_top = @result_highlight.positionedOffset().top + high_bottom = high_top + @result_highlight.getHeight() + + if high_bottom >= visible_bottom + @search_results.scrollTop = if (high_bottom - maxHeight) > 0 then (high_bottom - maxHeight) else 0 + else if high_top < visible_top + @search_results.scrollTop = high_top + + result_clear_highlight: -> + @result_highlight.removeClassName('highlighted') if @result_highlight + @result_highlight = null + + results_show: -> + if @is_multiple and @max_selected_options <= this.choices_count() + @form_field.fire("chosen:maxselected", {chosen: this}) + return false + + @container.addClassName "chosen-with-drop" + @results_showing = true + + @search_field.focus() + @search_field.value = @search_field.value + + this.winnow_results() + @form_field.fire("chosen:showing_dropdown", {chosen: this}) + + update_results_content: (content) -> + @search_results.update content + + results_hide: -> + if @results_showing + this.result_clear_highlight() + + @container.removeClassName "chosen-with-drop" + @form_field.fire("chosen:hiding_dropdown", {chosen: this}) + + @results_showing = false + + + set_tab_index: (el) -> + if @form_field.tabIndex + ti = @form_field.tabIndex + @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 this.choices_count() < 1 and not @active_field + @search_field.value = @default_text + @search_field.addClassName "default" + else + @search_field.value = "" + @search_field.removeClassName "default" + + search_results_mouseup: (evt) -> + target = if evt.target.hasClassName("active-result") then evt.target else evt.target.up(".active-result") + if target + @result_highlight = target + this.result_select(evt) + @search_field.focus() + + search_results_mouseover: (evt) -> + target = if evt.target.hasClassName("active-result") then evt.target else evt.target.up(".active-result") + this.result_do_highlight( target ) if target + + 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>#{this.choice_label(item)}</span>") + + 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 + + @search_container.insert { before: choice } + + choice_destroy_link_click: (evt) -> + evt.preventDefault() + evt.stopPropagation() + this.choice_destroy evt.target unless @is_disabled + + choice_destroy: (link) -> + if this.result_deselect link.readAttribute("rel") + this.show_search_field_default() + + this.results_hide() if @is_multiple and this.choices_count() > 0 and @search_field.value.length < 1 + + link.up('li').remove() + + this.search_field_scale() + + results_reset: -> + this.reset_single_select_options() + @form_field.options[0].selected = true + this.single_set_selected_text() + this.show_search_field_default() + this.results_reset_cleanup() + @form_field.simulate("change") if typeof Event.simulate is 'function' + this.results_hide() if @active_field + + results_reset_cleanup: -> + @current_selectedIndex = @form_field.selectedIndex + deselect_trigger = @selected_item.down("abbr") + deselect_trigger.remove() if(deselect_trigger) + + result_select: (evt) -> + if @result_highlight + high = @result_highlight + this.result_clear_highlight() + + if @is_multiple and @max_selected_options <= this.choices_count() + @form_field.fire("chosen:maxselected", {chosen: this}) + return false + + if @is_multiple + high.removeClassName("active-result") + else + this.reset_single_select_options() + + high.addClassName("result-selected") + + item = @results_data[ high.getAttribute("data-option-array-index") ] + item.selected = true + + @form_field.options[item.options_index].selected = true + @selected_option_count = null + + if @is_multiple + this.choice_build item + else + this.single_set_selected_text(this.choice_label(item)) + + this.results_hide() unless (evt.metaKey or evt.ctrlKey) and @is_multiple + this.show_search_field_default() + + @form_field.simulate("change") if typeof Event.simulate is 'function' && (@is_multiple || @form_field.selectedIndex != @current_selectedIndex) + @current_selectedIndex = @form_field.selectedIndex + + evt.preventDefault() + + this.search_field_scale() + + single_set_selected_text: (text=@default_text) -> + if text is @default_text + @selected_item.addClassName("chosen-default") + else + this.single_deselect_control_build() + @selected_item.removeClassName("chosen-default") + + @selected_item.down("span").update(text) + + result_deselect: (pos) -> + result_data = @results_data[pos] + + if not @form_field.options[result_data.options_index].disabled + result_data.selected = false + + @form_field.options[result_data.options_index].selected = false + @selected_option_count = null + + this.result_clear_highlight() + this.winnow_results() if @results_showing + + @form_field.simulate("change") if typeof Event.simulate is 'function' + this.search_field_scale() + return true + else + return false + + single_deselect_control_build: -> + return unless @allow_single_deselect + @selected_item.down("span").insert { after: "<abbr class=\"search-choice-close\"></abbr>" } unless @selected_item.down("abbr") + @selected_item.addClassName("chosen-single-with-deselect") + + get_search_text: -> + @search_field.value.strip().escapeHTML() + + winnow_results_set_highlight: -> + if not @is_multiple + do_high = @search_results.down(".result-selected.active-result") + + if not do_high? + do_high = @search_results.down(".active-result") + + this.result_do_highlight do_high if do_high? + + no_results: (terms) -> + @search_results.insert @no_results_temp.evaluate( terms: terms ) + @form_field.fire("chosen:no_results", {chosen: this}) + + no_results_clear: -> + nr = null + nr.remove() while nr = @search_results.down(".no-results") + + + keydown_arrow: -> + if @results_showing and @result_highlight + next_sib = @result_highlight.next('.active-result') + this.result_do_highlight next_sib if next_sib + else + this.results_show() + + keyup_arrow: -> + if not @results_showing and not @is_multiple + this.results_show() + else if @result_highlight + sibs = @result_highlight.previousSiblings() + actives = @search_results.select("li.active-result") + prevs = sibs.intersect(actives) + + if prevs.length + this.result_do_highlight prevs.first() + else + this.results_hide() if this.choices_count() > 0 + this.result_clear_highlight() + + keydown_backstroke: -> + if @pending_backstroke + this.choice_destroy @pending_backstroke.down("a") + this.clear_backstroke() + else + next_available_destroy = @search_container.siblings().last() + if next_available_destroy and next_available_destroy.hasClassName("search-choice") and not next_available_destroy.hasClassName("search-choice-disabled") + @pending_backstroke = next_available_destroy + @pending_backstroke.addClassName("search-choice-focus") if @pending_backstroke + if @single_backstroke_delete + @keydown_backstroke() + else + @pending_backstroke.addClassName("search-choice-focus") + + clear_backstroke: -> + @pending_backstroke.removeClassName("search-choice-focus") if @pending_backstroke + @pending_backstroke = null + + keydown_checker: (evt) -> + stroke = evt.which ? evt.keyCode + this.search_field_scale() + + this.clear_backstroke() if stroke != 8 and this.pending_backstroke + + switch stroke + when 8 + @backstroke_length = this.search_field.value.length + break + when 9 + this.result_select(evt) if this.results_showing and not @is_multiple + @mouse_on_container = false + break + when 13 + evt.preventDefault() if this.results_showing + break + when 32 + evt.preventDefault() if @disable_search + break + when 38 + evt.preventDefault() + this.keyup_arrow() + break + when 40 + evt.preventDefault() + this.keydown_arrow() + break + + search_field_scale: -> + if @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 style in styles + style_block += style + ":" + @search_field.getStyle(style) + ";" + + div = new Element('div', { 'style' : style_block }).update(@search_field.value.escapeHTML()) + document.body.appendChild(div) + + w = Element.measure(div, 'width') + 25 + div.remove() + + f_width = @container.getWidth() + + if( w > f_width-10 ) + w = f_width - 10 + + @search_field.setStyle({'width': w + 'px'}) diff --git a/profiles/wcm_base/libraries/chosen/coffee/lib/abstract-chosen.coffee b/profiles/wcm_base/libraries/chosen/coffee/lib/abstract-chosen.coffee new file mode 100644 index 0000000000000000000000000000000000000000..15f7ba6e84f4faa0684f5d399d7061b8cc59220f --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/coffee/lib/abstract-chosen.coffee @@ -0,0 +1,304 @@ +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() + + this.setup() + + this.set_up_html() + this.register_observers() + # instantiation done, fire ready + this.on_ready() + + set_default_values: -> + @click_test_action = (evt) => this.test_active_click(evt) + @activate_action = (evt) => this.activate_field(evt) + @active_field = false + @mouse_on_container = false + @results_showing = false + @result_highlighted = null + @allow_single_deselect = if @options.allow_single_deselect? and @form_field.options[0]? and @form_field.options[0].text is "" then @options.allow_single_deselect else false + @disable_search_threshold = @options.disable_search_threshold || 0 + @disable_search = @options.disable_search || false + @enable_split_word_search = if @options.enable_split_word_search? then @options.enable_split_word_search else true + @group_search = if @options.group_search? then @options.group_search else true + @search_contains = @options.search_contains || false + @single_backstroke_delete = if @options.single_backstroke_delete? then @options.single_backstroke_delete else true + @max_selected_options = @options.max_selected_options || Infinity + @inherit_select_classes = @options.inherit_select_classes || false + @display_selected_options = if @options.display_selected_options? then @options.display_selected_options else true + @display_disabled_options = if @options.display_disabled_options? then @options.display_disabled_options else true + @include_group_label_in_selected = @options.include_group_label_in_selected || false + @max_shown_results = @options.max_shown_results || Number.POSITIVE_INFINITY + + set_default_text: -> + 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 || AbstractChosen.default_multiple_text + else + @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 || AbstractChosen.default_no_result_text + + choice_label: (item) -> + if @include_group_label_in_selected and item.group_label? + "<b class='group-name'>#{item.group_label}</b>#{item.html}" + else + item.html + + mouse_enter: -> @mouse_on_container = true + mouse_leave: -> @mouse_on_container = false + + input_focus: (evt) -> + if @is_multiple + setTimeout (=> this.container_mousedown()), 50 unless @active_field + else + @activate_field() unless @active_field + + input_blur: (evt) -> + if not @mouse_on_container + @active_field = false + setTimeout (=> this.blur_test()), 100 + + results_option_build: (options) -> + content = '' + shown_results = 0 + for data in @results_data + data_content = '' + if data.group + data_content = this.result_add_group data + else + data_content = this.result_add_option data + if data_content != '' + shown_results++ + content += data_content + + # this select logic pins on an awkward flag + # we can make it better + if options?.first + if data.selected and @is_multiple + this.choice_build data + else if data.selected and not @is_multiple + this.single_set_selected_text(this.choice_label(data)) + + if shown_results >= @max_shown_results + break + + content + + result_add_option: (option) -> + return '' unless option.search_match + return '' unless this.include_option_in_results(option) + + classes = [] + classes.push "active-result" if !option.disabled and !(option.selected and @is_multiple) + classes.push "disabled-result" if option.disabled and !(option.selected and @is_multiple) + classes.push "result-selected" if option.selected + classes.push "group-option" if option.group_array_index? + classes.push option.classes if option.classes != "" + + option_el = document.createElement("li") + option_el.className = classes.join(" ") + option_el.style.cssText = option.style + option_el.setAttribute("data-option-array-index", option.array_index) + option_el.innerHTML = option.search_text + option_el.title = option.title if option.title + + this.outerHTML(option_el) + + result_add_group: (group) -> + return '' unless group.search_match || group.group_match + return '' unless group.active_options > 0 + + classes = [] + classes.push "group-result" + classes.push group.classes if group.classes + + group_el = document.createElement("li") + group_el.className = classes.join(" ") + group_el.innerHTML = group.search_text + group_el.title = group.title if group.title + + this.outerHTML(group_el) + + results_update_field: -> + this.set_default_text() + this.results_reset_cleanup() if not @is_multiple + this.result_clear_highlight() + this.results_build() + this.winnow_results() if @results_showing + + reset_single_select_options: () -> + for result in @results_data + result.selected = false if result.selected + + results_toggle: -> + if @results_showing + this.results_hide() + else + this.results_show() + + results_search: (evt) -> + if @results_showing + this.winnow_results() + else + this.results_show() + + winnow_results: -> + this.no_results_clear() + + results = 0 + + searchText = this.get_search_text() + escapedSearchText = searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&") + zregex = new RegExp(escapedSearchText, 'i') + regex = this.get_search_regex(escapedSearchText) + + for option in @results_data + + option.search_match = false + results_group = null + + if this.include_option_in_results(option) + + if option.group + option.group_match = false + option.active_options = 0 + + if option.group_array_index? and @results_data[option.group_array_index] + results_group = @results_data[option.group_array_index] + results += 1 if results_group.active_options is 0 and results_group.search_match + results_group.active_options += 1 + + option.search_text = if option.group then option.label else option.html + + unless option.group and not @group_search + option.search_match = this.search_string_match(option.search_text, regex) + results += 1 if option.search_match and not option.group + + if option.search_match + if searchText.length + startpos = option.search_text.search zregex + text = option.search_text.substr(0, startpos + searchText.length) + '</em>' + option.search_text.substr(startpos + searchText.length) + option.search_text = text.substr(0, startpos) + '<em>' + text.substr(startpos) + + results_group.group_match = true if results_group? + + else if option.group_array_index? and @results_data[option.group_array_index].search_match + option.search_match = true + + this.result_clear_highlight() + + if results < 1 and searchText.length + this.update_results_content "" + this.no_results searchText + else + this.update_results_content this.results_option_build() + this.winnow_results_set_highlight() + + get_search_regex: (escaped_search_string) -> + regex_anchor = if @search_contains then "" else "^" + new RegExp(regex_anchor + escaped_search_string, 'i') + + search_string_match: (search_string, regex) -> + if regex.test search_string + return true + else if @enable_split_word_search and (search_string.indexOf(" ") >= 0 or search_string.indexOf("[") == 0) + #TODO: replace this substitution of /\[\]/ with a list of characters to skip. + parts = search_string.replace(/\[|\]/g, "").split(" ") + if parts.length + for part in parts + if regex.test part + return true + + 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 or @is_disabled + + keyup_checker: (evt) -> + stroke = evt.which ? evt.keyCode + this.search_field_scale() + + switch stroke + when 8 + if @is_multiple and @backstroke_length < 1 and this.choices_count() > 0 + this.keydown_backstroke() + else if not @pending_backstroke + this.result_clear_highlight() + this.results_search() + when 13 + evt.preventDefault() + this.result_select(evt) if this.results_showing + when 27 + this.results_hide() if @results_showing + return true + when 9, 38, 40, 16, 91, 17, 18 + # don't do anything on these keys + else this.results_search() + + clipboard_event_checker: (evt) -> + setTimeout (=> this.results_search()), 50 + + container_width: -> + return if @options.width? then @options.width else "#{@form_field.offsetWidth}px" + + include_option_in_results: (option) -> + return false if @is_multiple and (not @display_selected_options and option.selected) + return false if not @display_disabled_options and option.disabled + return false if option.empty + + return true + + search_results_touchstart: (evt) -> + @touch_started = true + this.search_results_mouseover(evt) + + search_results_touchmove: (evt) -> + @touch_started = false + this.search_results_mouseout(evt) + + search_results_touchend: (evt) -> + this.search_results_mouseup(evt) if @touch_started + + outerHTML: (element) -> + return element.outerHTML if element.outerHTML + tmp = document.createElement("div") + tmp.appendChild(element) + tmp.innerHTML + + # class methods and variables ============================================================ + + @browser_is_supported: -> + if /iP(od|hone)/i.test(window.navigator.userAgent) + return false + if /Android/i.test(window.navigator.userAgent) + return false if /Mobile/i.test(window.navigator.userAgent) + if /IEMobile/i.test(window.navigator.userAgent) + return false + if /Windows Phone/i.test(window.navigator.userAgent) + return false + if /BlackBerry/i.test(window.navigator.userAgent) + return false + if /BB10/i.test(window.navigator.userAgent) + return false + if window.navigator.appName is "Microsoft Internet Explorer" + return document.documentMode >= 8 + return true + + @default_multiple_text: "Select Some Options" + @default_single_text: "Select an Option" + @default_no_result_text: "No results match" + diff --git a/profiles/wcm_base/libraries/chosen/coffee/lib/select-parser.coffee b/profiles/wcm_base/libraries/chosen/coffee/lib/select-parser.coffee new file mode 100644 index 0000000000000000000000000000000000000000..3cd0637b2d0bb52e3425a52b9efb2bd2e6745127 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/coffee/lib/select-parser.coffee @@ -0,0 +1,68 @@ +class SelectParser + + constructor: -> + @options_index = 0 + @parsed = [] + + add_node: (child) -> + if child.nodeName.toUpperCase() is "OPTGROUP" + this.add_group child + else + this.add_option child + + add_group: (group) -> + group_position = @parsed.length + @parsed.push + array_index: group_position + group: true + label: this.escapeExpression(group.label) + title: group.title if group.title + children: 0 + disabled: group.disabled, + classes: group.className + this.add_option( option, group_position, group.disabled ) for option in group.childNodes + + add_option: (option, group_position, group_disabled) -> + if option.nodeName.toUpperCase() is "OPTION" + if option.text != "" + if group_position? + @parsed[group_position].children += 1 + @parsed.push + array_index: @parsed.length + options_index: @options_index + value: option.value + text: option.text + html: option.innerHTML + title: option.title if option.title + selected: option.selected + disabled: if group_disabled is true then group_disabled else option.disabled + group_array_index: group_position + group_label: if group_position? then @parsed[group_position].label else null + classes: option.className + style: option.style.cssText + else + @parsed.push + array_index: @parsed.length + options_index: @options_index + empty: true + @options_index += 1 + + escapeExpression: (text) -> + if not text? or text is false + return "" + unless /[\&\<\>\"\'\`]/.test(text) + return text + map = + "<": "<" + ">": ">" + '"': """ + "'": "'" + "`": "`" + unsafe_chars = /&(?!\w+;)|[\<\>\"\'\`]/g + text.replace unsafe_chars, (chr) -> + map[chr] || "&" + +SelectParser.select_to_array = (select) -> + parser = new SelectParser() + parser.add_node( child ) for child in select.childNodes + parser.parsed diff --git a/profiles/wcm_base/libraries/chosen/config.rb b/profiles/wcm_base/libraries/chosen/config.rb new file mode 100644 index 0000000000000000000000000000000000000000..a9f6692151edba504fc12125b1952becd8e244ff --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/config.rb @@ -0,0 +1,8 @@ +http_path = "/" +css_dir = "public" +sass_dir = "sass" +images_dir = "public" + +relative_assets = true +line_comments = false +asset_cache_buster :none \ No newline at end of file diff --git a/profiles/wcm_base/libraries/chosen/contributing.md b/profiles/wcm_base/libraries/chosen/contributing.md new file mode 100644 index 0000000000000000000000000000000000000000..2b3d5e1bf35c9d01b5ddea2dcf61120acec05546 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/contributing.md @@ -0,0 +1,190 @@ +# 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: + +* Support issues or usage question that are not bugs should be posted on +[Stack Overflow, using the `chosen.js`](http://stackoverflow.com/questions/tagged/chosen.js) tag +(related tags: [`jquery-chosen`](http://stackoverflow.com/questions/tagged/jquery-chosen), +[`prototype-chosen`](http://stackoverflow.com/questions/tagged/prototype-chosen)). + +* 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). + +**Note:** In an effort to keep open issues to a manageable number, we will close any issues +that do not provide enough information for us to be able to work on a solution. +You will be encouraged to provide the necessary details, after which we will reopen the issue. + +<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 requests](#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@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 [Grunt](#grunt) to build the JavaScript files. +3. For feature changes, update both jQuery *and* Prototype versions +4. Don't manually update the version number in `package.json`. This is done using a Grunt task on deployment. + +<a name="grunt"></a> +#### Using CoffeeScript and Grunt + + +To install all development dependencies, in the project's root directory, run + + npm install && gem install bundler && bundle install + +Once you're configured, building the JavaScript from the command line is easy: + + grunt build # build Chosen from source + grunt watch # watch coffee/ for changes and build Chosen + +If you're interested, you can find the task in [Gruntfile.coffee](https://github.com/harvesthq/chosen/blob/master/Gruntfile.coffee). diff --git a/profiles/wcm_base/libraries/chosen/package.json b/profiles/wcm_base/libraries/chosen/package.json new file mode 100644 index 0000000000000000000000000000000000000000..21256f001b0160db9f0e72780cd6eaf280d12b72 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/package.json @@ -0,0 +1,85 @@ +{ + "author": "harvest", + "name": "chosen", + "version": "1.4.2", + "description": "Chosen is a JavaScript plugin that makes select boxes user-friendly. It is currently available in both jQuery and Prototype flavors.", + "repository": { + "type": "git", + "url": "https://github.com/harvesthq/chosen" + }, + "engines": { + "node": ">=0.4.0" + }, + "scripts": { + "test": "grunt test" + }, + "dependencies": {}, + "devDependencies": { + "coffee-script": ">= 1.6", + "grunt": "~0.4.1", + "grunt-contrib-coffee": "~0.6.4", + "grunt-contrib-compass": "~0.5.0", + "grunt-contrib-concat": "~0.1.3", + "grunt-contrib-cssmin": "~0.6.1", + "grunt-contrib-jasmine": "~0.5.1", + "grunt-contrib-uglify": "~0.2.0", + "grunt-contrib-watch": "~0.3.1", + "grunt-dom-munger": "~2.0.1", + "grunt-gh-pages": "~0.10.0", + "grunt-zip": "~0.9.2", + "load-grunt-tasks": "^3.0.0" + }, + "licenses": [ + { + "type": "MIT", + "url": "https://github.com/harvesthq/chosen/blob/master/LICENSE.md" + } + ], + "bowerJSON":{ + "main": [ + "chosen.jquery.js", + "chosen.css", + "chosen-sprite@2x.png", + "chosen-sprite.png" + ] + }, + "jqueryJSON": { + "title": "Chosen", + "keywords": [ + "select", + "multiselect", + "dropdown", + "form", + "input", + "ui" + ], + "author": { + "url": "http://getharvest.com" + }, + "maintainers": [ + { + "name": "Patrick Filler", + "url": "https://github.com/pfiller" + }, + { + "name": "Christophe Coevoet", + "url": "https://github.com/stof" + }, + { + "name": "Ken Earley", + "url": "https://github.com/kenearley" + }, + { + "name": "Koen Punt", + "url": "https://github.com/koenpunt" + } + ], + "download": "https://github.com/harvesthq/chosen/releases", + "homepage": "http://harvesthq.github.io/chosen/", + "docs": "http://harvesthq.github.io/chosen/", + "bugs": "https://github.com/harvesthq/chosen/issues", + "dependencies": { + "jquery": ">=1.4.4" + } + } +} diff --git a/profiles/wcm_base/libraries/chosen/public/chosen-sprite.png b/profiles/wcm_base/libraries/chosen/public/chosen-sprite.png new file mode 100644 index 0000000000000000000000000000000000000000..c57da70b4b5b1e08a6977ddde182677af0e5e1b8 Binary files /dev/null and b/profiles/wcm_base/libraries/chosen/public/chosen-sprite.png differ diff --git a/profiles/wcm_base/libraries/chosen/public/chosen-sprite@2x.png b/profiles/wcm_base/libraries/chosen/public/chosen-sprite@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..6b50545202cb4770039362c55025b0b9824663ad Binary files /dev/null and b/profiles/wcm_base/libraries/chosen/public/chosen-sprite@2x.png differ diff --git a/profiles/wcm_base/libraries/chosen/public/docsupport/chosen.png b/profiles/wcm_base/libraries/chosen/public/docsupport/chosen.png new file mode 100644 index 0000000000000000000000000000000000000000..22d70eeae2dde1ce0d2eea860615804e874a31d6 Binary files /dev/null and b/profiles/wcm_base/libraries/chosen/public/docsupport/chosen.png differ diff --git a/profiles/wcm_base/libraries/chosen/public/docsupport/event.simulate.js b/profiles/wcm_base/libraries/chosen/public/docsupport/event.simulate.js new file mode 100644 index 0000000000000000000000000000000000000000..964457b8b4a47a866054be296114191728e91f5a --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/public/docsupport/event.simulate.js @@ -0,0 +1,64 @@ +/** + * Event.simulate(@element, eventName[, options]) -> Element + * + * - @element: element to fire event on + * - eventName: name of event to fire (only MouseEvents and HTMLEvents interfaces are supported) + * - options: optional object to fine-tune event properties - pointerX, pointerY, ctrlKey, etc. + * + * $('foo').simulate('click'); // => fires "click" event on an element with id=foo + * + **/ +(function(){ + + var eventMatchers = { + 'HTMLEvents': /^(?:load|unload|abort|error|select|change|submit|reset|focus|blur|resize|scroll)$/, + 'MouseEvents': /^(?:click|dblclick|mouse(?:down|up|over|move|out))$/ + } + var defaultOptions = { + pointerX: 0, + pointerY: 0, + button: 0, + ctrlKey: false, + altKey: false, + shiftKey: false, + metaKey: false, + bubbles: true, + cancelable: true + } + + Event.simulate = function(element, eventName) { + var options = Object.extend(Object.clone(defaultOptions), arguments[2] || { }); + var oEvent, eventType = null; + + element = $(element); + + for (var name in eventMatchers) { + if (eventMatchers[name].test(eventName)) { eventType = name; break; } + } + + if (!eventType) + throw new SyntaxError('Only HTMLEvents and MouseEvents interfaces are supported'); + + if (document.createEvent) { + oEvent = document.createEvent(eventType); + if (eventType == 'HTMLEvents') { + oEvent.initEvent(eventName, options.bubbles, options.cancelable); + } + else { + oEvent.initMouseEvent(eventName, options.bubbles, options.cancelable, document.defaultView, + options.button, options.pointerX, options.pointerY, options.pointerX, options.pointerY, + options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, options.button, element); + } + element.dispatchEvent(oEvent); + } + else { + options.clientX = options.pointerX; + options.clientY = options.pointerY; + oEvent = Object.extend(document.createEventObject(), options); + element.fireEvent('on' + eventName, oEvent); + } + return element; + } + + Element.addMethods({ simulate: Event.simulate }); +})(); \ No newline at end of file diff --git a/profiles/wcm_base/libraries/chosen/public/docsupport/oss-credit.png b/profiles/wcm_base/libraries/chosen/public/docsupport/oss-credit.png new file mode 100644 index 0000000000000000000000000000000000000000..aa515c3e657bdba4f8e8958a89494528298dcad7 Binary files /dev/null and b/profiles/wcm_base/libraries/chosen/public/docsupport/oss-credit.png differ diff --git a/profiles/wcm_base/libraries/chosen/public/docsupport/prism.css b/profiles/wcm_base/libraries/chosen/public/docsupport/prism.css new file mode 100644 index 0000000000000000000000000000000000000000..b5ba1797bafd35e7d9c8ad308129c4d49d05cf8e --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/public/docsupport/prism.css @@ -0,0 +1,108 @@ +/** + * okaidia theme for JavaScript, CSS and HTML + * Loosely based on Monokai textmate theme by http://www.monokai.nl/ + * @author ocodia + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #f8f8f2; + text-shadow: 0 1px rgba(0,0,0,0.3); + font-family: Consolas, Monaco, 'Andale Mono', monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; + border-radius: 0.3em; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #272822; +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: .1em; + border-radius: .3em; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #f8f8f2; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag { + color: #f92672; +} + +.token.boolean, +.token.number{ + color: #ae81ff; +} + +.token.selector, +.token.attr-name, +.token.string { + color: #a6e22e; +} + + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #f8f8f2; +} + +.token.atrule, +.token.attr-value +{ + color: #e6db74; +} + + +.token.keyword{ +color: #66d9ef; +} + +.token.regex, +.token.important { + color: #fd971f; +} + +.token.important { + font-weight: bold; +} + +.token.entity { + cursor: help; +} diff --git a/profiles/wcm_base/libraries/chosen/public/docsupport/prism.js b/profiles/wcm_base/libraries/chosen/public/docsupport/prism.js new file mode 100644 index 0000000000000000000000000000000000000000..7ed4fa737534ff37da795873b2126e0d7acaae93 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/public/docsupport/prism.js @@ -0,0 +1,9 @@ +/** + * Prism: Lightweight, robust, elegant syntax highlighting + * MIT license http://www.opensource.org/licenses/mit-license.php/ + * @author Lea Verou http://lea.verou.me + */(function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var r={};for(var i in e)e.hasOwnProperty(i)&&(r[i]=t.util.clone(e[i]));return r;case"Array":return e.slice()}return e}},languages:{extend:function(e,n){var r=t.util.clone(t.languages[e]);for(var i in n)r[i]=n[i];return r},insertBefore:function(e,n,r,i){i=i||t.languages;var s=i[e],o={};for(var u in s)if(s.hasOwnProperty(u)){if(u==n)for(var a in r)r.hasOwnProperty(a)&&(o[a]=r[a]);o[u]=s[u]}return i[e]=o},DFS:function(e,n){for(var r in e){n.call(e,r,e[r]);t.util.type(e)==="Object"&&t.languages.DFS(e[r],n)}}},highlightAll:function(e,n){var r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');for(var i=0,s;s=r[i++];)t.highlightElement(s,e===!0,n)},highlightElement:function(r,i,s){var o,u,a=r;while(a&&!e.test(a.className))a=a.parentNode;if(a){o=(a.className.match(e)||[,""])[1];u=t.languages[o]}if(!u)return;r.className=r.className.replace(e,"").replace(/\s+/g," ")+" language-"+o;a=r.parentNode;/pre/i.test(a.nodeName)&&(a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+o);var f=r.textContent;if(!f)return;f=f.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ");var l={element:r,language:o,grammar:u,code:f};t.hooks.run("before-highlight",l);if(i&&self.Worker){var c=new Worker(t.filename);c.onmessage=function(e){l.highlightedCode=n.stringify(JSON.parse(e.data),o);t.hooks.run("before-insert",l);l.element.innerHTML=l.highlightedCode;s&&s.call(l.element);t.hooks.run("after-highlight",l)};c.postMessage(JSON.stringify({language:l.language,code:l.code}))}else{l.highlightedCode=t.highlight(l.code,l.grammar,l.language);t.hooks.run("before-insert",l);l.element.innerHTML=l.highlightedCode;s&&s.call(r);t.hooks.run("after-highlight",l)}},highlight:function(e,r,i){return n.stringify(t.tokenize(e,r),i)},tokenize:function(e,n,r){var i=t.Token,s=[e],o=n.rest;if(o){for(var u in o)n[u]=o[u];delete n.rest}e:for(var u in n){if(!n.hasOwnProperty(u)||!n[u])continue;var a=n[u],f=a.inside,l=!!a.lookbehind,c=0;a=a.pattern||a;for(var h=0;h<s.length;h++){var p=s[h];if(s.length>e.length)break e;if(p instanceof i)continue;a.lastIndex=0;var d=a.exec(p);if(d){l&&(c=d[1].length);var v=d.index-1+c,d=d[0].slice(c),m=d.length,g=v+m,y=p.slice(0,v+1),b=p.slice(g+1),w=[h,1];y&&w.push(y);var E=new i(u,f?t.tokenize(d,f):d);w.push(E);b&&w.push(b);Array.prototype.splice.apply(s,w)}}}return s},hooks:{all:{},add:function(e,n){var r=t.hooks.all;r[e]=r[e]||[];r[e].push(n)},run:function(e,n){var r=t.hooks.all[e];if(!r||!r.length)return;for(var i=0,s;s=r[i++];)s(n)}}},n=t.Token=function(e,t){this.type=e;this.content=t};n.stringify=function(e,r,i){if(typeof e=="string")return e;if(Object.prototype.toString.call(e)=="[object Array]")return e.map(function(t){return n.stringify(t,r,e)}).join("");var s={type:e.type,content:n.stringify(e.content,r,i),tag:"span",classes:["token",e.type],attributes:{},language:r,parent:i};s.type=="comment"&&(s.attributes.spellcheck="true");t.hooks.run("wrap",s);var o="";for(var u in s.attributes)o+=u+'="'+(s.attributes[u]||"")+'"';return"<"+s.tag+' class="'+s.classes.join(" ")+'" '+o+">"+s.content+"</"+s.tag+">"};if(!self.document){self.addEventListener("message",function(e){var n=JSON.parse(e.data),r=n.language,i=n.code;self.postMessage(JSON.stringify(t.tokenize(i,t.languages[r])));self.close()},!1);return}var r=document.getElementsByTagName("script");r=r[r.length-1];if(r){t.filename=r.src;document.addEventListener&&!r.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)}})();; +Prism.languages.markup={comment:/<!--[\w\W]*?-->/g,prolog:/<\?.+?\?>/,doctype:/<!DOCTYPE.+?>/,cdata:/<!\[CDATA\[[\w\W]*?]]>/i,tag:{pattern:/<\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|\w+))?\s*)*\/?>/gi,inside:{tag:{pattern:/^<\/?[\w:-]+/i,inside:{punctuation:/^<\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,inside:{punctuation:/=|>|"/g}},punctuation:/\/?>/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&#?[\da-z]{1,8};/gi};Prism.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))});; +Prism.languages.css={comment:/\/\*[\w\W]*?\*\//g,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*{))/gi,inside:{punctuation:/[;:]/g}},url:/url\((["']?).*?\1\)/gi,selector:/[^\{\}\s][^\{\};]*(?=\s*\{)/g,property:/(\b|\B)[\w-]+(?=\s*:)/ig,string:/("|')(\\?.)*?\1/g,important:/\B!important\b/gi,ignore:/&(lt|gt|amp);/gi,punctuation:/[\{\};:]/g};Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{style:{pattern:/(<|<)style[\w\W]*?(>|>)[\w\W]*?(<|<)\/style(>|>)/ig,inside:{tag:{pattern:/(<|<)style[\w\W]*?(>|>)|(<|<)\/style(>|>)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css}}});; +Prism.languages.clike={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|(^|[^:])\/\/.*?(\r?\n|$))/g,lookbehind:!0},string:/("|')(\\?.)*?\1/g,"class-name":{pattern:/((?:(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/ig,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|catch|finally|null|break|continue)\b/g,"boolean":/\b(true|false)\b/g,"function":{pattern:/[a-z0-9_]+\(/ig,inside:{punctuation:/\(/}}, number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?)\b/g,operator:/[-+]{1,2}|!|<=?|>=?|={1,3}|(&){1,2}|\|?\||\?|\*|\/|\~|\^|\%/g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g};; +Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(var|let|if|else|while|do|for|return|in|instanceof|function|new|with|typeof|try|catch|finally|null|break|continue)\b/g,number:/\b-?(0x[\dA-Fa-f]+|\d*\.?\d+([Ee]-?\d+)?|NaN|-?Infinity)\b/g});Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,lookbehind:!0}});Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(<|<)script[\w\W]*?(>|>)[\w\W]*?(<|<)\/script(>|>)/ig,inside:{tag:{pattern:/(<|<)script[\w\W]*?(>|>)|(<|<)\/script(>|>)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript}}});; diff --git a/profiles/wcm_base/libraries/chosen/public/docsupport/style.css b/profiles/wcm_base/libraries/chosen/public/docsupport/style.css new file mode 100644 index 0000000000000000000000000000000000000000..7f09d091f3f1de3656c50826a8d757cb9edaba17 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/public/docsupport/style.css @@ -0,0 +1,204 @@ +/* Reset */ +html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } + +blockquote, q { quotes: none; } +blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } +ins { background-color: #ff9; color: #000; text-decoration: none; } +mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } +del { text-decoration: line-through; } +abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } +table { border-collapse: collapse; border-spacing: 0; } +hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } +input, select { vertical-align: middle; } + +body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */ +select, input, textarea, button { font:99% sans-serif; } +pre, code, kbd, samp { font-family: monospace, sans-serif; } + + +body { background: #EEE; color: #444; line-height: 1.4em; } + +header h1 { color: black; font-size: 2em; line-height: 1.1em; display: inline-block; height: 27px; margin: 20px 0 25px; } +header h1 small { font-size: 0.6em; } + +div#content { background: white; border: 1px solid #ccc; border-width: 0 1px 1px; margin: 0 auto; padding: 40px 50px 40px; width: 738px; } + +footer { color: #999; padding-top: 40px; font-size: 0.8em; text-align: center; } + +body { font-family: sans-serif; font-size: 1em; } + +p { margin: 0 0 .7em; max-width: 700px; } +table+p { margin-top: 1em; } + +h2 { border-bottom: 1px solid #ccc; font-size: 1.2em; margin: 3em 0 1em 0; font-weight: bold;} +h3 { font-weight: bold; } + +h2.intro { border-bottom: none; font-size: 1em; font-weight: normal; margin-top:0; } + +ul li { list-style: disc; margin-left: 1em; margin-bottom: 1.25em; } +ol li { margin-left: 1.25em; } +ol ul, ul ul { margin: .25em 0 0; } +ol ul li, ul ul li { list-style-type: circle; margin: 0 0 .25em 1em; } + +li > p { margin-top: .25em; } + +div.side-by-side { width: 100%; margin-bottom: 1em; } +div.side-by-side > div { float: left; width: 49%; } +div.side-by-side > div > em { margin-bottom: 10px; display: block; } + +.faqs em { display: block; } + +.clearfix:after { + content: "\0020"; + display: block; + height: 0; + clear: both; + overflow: hidden; + visibility: hidden; +} + +a { color: #F36C00; outline: none; text-decoration: none; } +a:hover { text-decoration: underline; } + +ul.credits li { margin-bottom: .25em; } + +strong { font-weight: bold; } +i { font-style: italic; } + +.button { + background: #fafafa; + background: -webkit-linear-gradient(top, #ffffff, #eeeeee); + background: -moz-linear-gradient(top, #ffffff, #eeeeee); + background: -o-linear-gradient(top, #ffffff, #eeeeee); + background: linear-gradient(to bottom, #ffffff, #eeeeee); + border: 1px solid #bbbbbb; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); + color: #555555; + cursor: pointer; + display: inline-block; + font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif; + font-size: 13px; + font-weight: 500; + height: 31px; + line-height: 28px; + outline: none; + padding: 0 13px; + text-shadow: 0 1px 0 white; + text-decoration: none; + vertical-align: middle; + white-space: nowrap; + -webkit-font-smoothing: antialiased; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.button-blue { + background: #1385e5; + background: -webkit-linear-gradient(top, #53b2fc, #1385e5); + background: -moz-linear-gradient(top, #53b2fc, #1385e5); + background: -o-linear-gradient(top, #53b2fc, #1385e5); + background: linear-gradient(to bottom, #53b2fc, #1385e5); + border-color: #075fa9; + color: white; + font-weight: bold; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); +} + + +/* Tweak navbar brand link to be super sleek +-------------------------------------------------- */ +.oss-bar { + top: 0; + right: 20px; + position: fixed; + z-index: 1030; +} +.oss-bar ul { + float: right; + margin: 0; + list-style: none; +} +.oss-bar ul li { + list-style: none; + float: left; + line-height: 0; + margin: 0; +} +.oss-bar ul li a { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + border: 0; + margin-top: -10px; + display: block; + height: 58px; + background: #F36C00 url(oss-credit.png) no-repeat 20px 22px; + padding: 22px 20px 12px 20px; + text-indent: 120%; /* stupid padding */ + white-space: nowrap; + overflow: hidden; + -webkit-transition: all 0.10s ease-in-out; + -moz-transition: all 0.10s ease-in-out; + transition: all 0.15s ease-in-out; +} +.oss-bar ul li a:hover { + margin-top: 0px; +} +.oss-bar a.harvest { + width: 196px; + background-color: #F36C00; + background-position: -142px 22px; + padding-right: 22px; /* optical illusion */ +} +.oss-bar a.fork { + width: 162px; + background-color: #333333; +} + +.docs-table th, .docs-table td { + border: 1px solid #000; + padding: 4px 6px; + white-space: nowrap; +} + +.docs-table td:last-child { + white-space: normal; +} + +.docs-table th { + font-weight: bold; + text-align: left; +} + +#content pre[class*=language-] { + font-size: 14px; + margin-bottom: 20px; +} + +#content pre[class*=language-] code { + font-size: 14px; + padding: 0; +} + +#content code[class*=language-] { + font-size: 12px; + padding: 2px 4px; +} + +.anchor { + color: inherit; + position: relative; +} + +.anchor:hover { + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSI3Ij48ZyBmaWxsPSIjNDE0MDQyIj48cGF0aCBkPSJNOS44IDdoLS45bC0uOS0uMWMtLjctLjMtMS40LS43LTEuOC0xLjMtLjItLjEtLjMtLjMtLjMtLjVsLS4zLS40Yy0uMS0uNC0uMi0uOC0uMi0xLjIgMC0uNC4xLS44LjItMS4yaDEuN2MtLjMuNC0uNC44LS40IDEuMiAwIC40LjEuOC4zIDEuMS4xLjIuMi4zLjQuNC4xLjEuMi4yLjQuMy4zLjIuNy4zIDEgLjNoMy40YzEuMiAwIDIuMi0uOSAyLjItMi4xcy0xLTIuMS0yLjItMi4xaC0xLjRjLS4zLS42LS43LTEtMS4yLTEuNGgyLjZjMiAwIDMuNiAxLjYgMy42IDMuNXMtMS42IDMuNS0zLjYgMy41aC0yLjZ6TTguNCAyYy0uMS0uMS0uMi0uMy0uNC0uMy0uMy0uMi0uNy0uMy0xLS4zaC0zLjRjLTEuMiAwLTIuMi45LTIuMiAyLjEgMCAxLjIgMSAyLjEgMi4yIDIuMWgxLjRjLjMuNS43IDEgMS4yIDEuNGgtMi42Yy0yIDAtMy42LTEuNi0zLjYtMy41czEuNi0zLjUgMy42LTMuNWgzLjUwMDAwMDAwMDAwMDAwMDRsLjkuMWMuNy4yIDEuNC43IDEuOCAxLjMuMS4xLjIuMy4zLjUuMS4xLjIuMy4yLjUuMS40LjIuOC4yIDEuMiAwIC40LS4xLjgtLjIgMS4yaC0xLjZjLjMtLjUuNC0uOS40LTEuM3MtLjEtLjgtLjMtMS4xYy0uMS0uMi0uMi0uMy0uNC0uNHoiLz48L2c+PC9zdmc+) 0 50% no-repeat; + background-size: 21px 9px; + margin-left: -27px; + padding-left: 27px; + text-decoration: none; +} diff --git a/profiles/wcm_base/libraries/chosen/public/index.html b/profiles/wcm_base/libraries/chosen/public/index.html new file mode 100644 index 0000000000000000000000000000000000000000..7e3ed19b5c1c7ce198f7967ea54a29a48dfab471 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/public/index.html @@ -0,0 +1,1484 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title> + <link rel="stylesheet" href="docsupport/style.css"> + <link rel="stylesheet" href="docsupport/prism.css"> + <link rel="stylesheet" href="chosen.css"> + <style type="text/css" media="all"> + /* fix rtl for demo */ + .chosen-rtl .chosen-drop { left: -9000px; } + </style> +</head> +<body> + <form> + <div id="container"> + <div id="content"> + <header> + <h1>Chosen <small>(<span id="latest-version">v1.4.2</span>)</small></h1> + </header> + <p>Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.</p> + + <p> + <a class="button button-blue" href="https://github.com/harvesthq/chosen/releases">Downloads</a> + <a class="button" href="https://github.com/harvesthq/chosen">Project Source</a> + <a class="button" href="https://github.com/harvesthq/chosen/blob/master/contributing.md">Contribute</a> + </p> + + <h2><a name="standard-select" class="anchor" href="#standard-select">Standard Select</a></h2> + <div class="side-by-side clearfix"> + <div> + <em>Turns This</em> + <select data-placeholder="Choose a Country..." style="width:350px;" tabindex="1"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + <div> + <em>Into This</em> + <select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + </div> + + <h2><a name="multiple-select" class="anchor" href="#multiple-select">Multiple Select</a></h2> + <div class="side-by-side clearfix"> + <div> + <em>Turns This</em> + <select data-placeholder="Choose a Country..." style="width:350px;" multiple tabindex="3"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + <div> + <em>Into This</em> + <select data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + </div> + + <h2><a name="optgroup-support" class="anchor" href="#optgroup-support"><optgroup> Support</a></h2> + <div class="side-by-side clearfix"> + <div> + <em>Single Select with Groups</em> + <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" tabindex="5"> + <option value=""></option> + <optgroup label="NFC EAST"> + <option>Dallas Cowboys</option> + <option>New York Giants</option> + <option>Philadelphia Eagles</option> + <option>Washington Redskins</option> + </optgroup> + <optgroup label="NFC NORTH"> + <option>Chicago Bears</option> + <option>Detroit Lions</option> + <option>Green Bay Packers</option> + <option>Minnesota Vikings</option> + </optgroup> + <optgroup label="NFC SOUTH"> + <option>Atlanta Falcons</option> + <option>Carolina Panthers</option> + <option>New Orleans Saints</option> + <option>Tampa Bay Buccaneers</option> + </optgroup> + <optgroup label="NFC WEST"> + <option>Arizona Cardinals</option> + <option>St. Louis Rams</option> + <option>San Francisco 49ers</option> + <option>Seattle Seahawks</option> + </optgroup> + <optgroup label="AFC EAST"> + <option>Buffalo Bills</option> + <option>Miami Dolphins</option> + <option>New England Patriots</option> + <option>New York Jets</option> + </optgroup> + <optgroup label="AFC NORTH"> + <option>Baltimore Ravens</option> + <option>Cincinnati Bengals</option> + <option>Cleveland Browns</option> + <option>Pittsburgh Steelers</option> + </optgroup> + <optgroup label="AFC SOUTH"> + <option>Houston Texans</option> + <option>Indianapolis Colts</option> + <option>Jacksonville Jaguars</option> + <option>Tennessee Titans</option> + </optgroup> + <optgroup label="AFC WEST"> + <option>Denver Broncos</option> + <option>Kansas City Chiefs</option> + <option>Oakland Raiders</option> + <option>San Diego Chargers</option> + </optgroup> + </select> + </div> + <div> + <em>Multiple Select with Groups</em> + <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> + <option value=""></option> + <optgroup label="NFC EAST"> + <option>Dallas Cowboys</option> + <option>New York Giants</option> + <option>Philadelphia Eagles</option> + <option>Washington Redskins</option> + </optgroup> + <optgroup label="NFC NORTH"> + <option>Chicago Bears</option> + <option>Detroit Lions</option> + <option>Green Bay Packers</option> + <option>Minnesota Vikings</option> + </optgroup> + <optgroup label="NFC SOUTH"> + <option>Atlanta Falcons</option> + <option>Carolina Panthers</option> + <option>New Orleans Saints</option> + <option>Tampa Bay Buccaneers</option> + </optgroup> + <optgroup label="NFC WEST"> + <option>Arizona Cardinals</option> + <option>St. Louis Rams</option> + <option>San Francisco 49ers</option> + <option>Seattle Seahawks</option> + </optgroup> + <optgroup label="AFC EAST"> + <option>Buffalo Bills</option> + <option>Miami Dolphins</option> + <option>New England Patriots</option> + <option>New York Jets</option> + </optgroup> + <optgroup label="AFC NORTH"> + <option>Baltimore Ravens</option> + <option>Cincinnati Bengals</option> + <option>Cleveland Browns</option> + <option>Pittsburgh Steelers</option> + </optgroup> + <optgroup label="AFC SOUTH"> + <option>Houston Texans</option> + <option>Indianapolis Colts</option> + <option>Jacksonville Jaguars</option> + <option>Tennessee Titans</option> + </optgroup> + <optgroup label="AFC WEST"> + <option>Denver Broncos</option> + <option>Kansas City Chiefs</option> + <option>Oakland Raiders</option> + <option>San Diego Chargers</option> + </optgroup> + </select> + </div> + </div> + + <h2><a name="selected-and-disabled-support" class="anchor" href="#selected-and-disabled-support">Selected and Disabled Support</a></h2> + <div class="side-by-side clearfix"> + <p>Chosen automatically highlights selected options and removes disabled options.</p> + <div> + <em>Single Select</em> + <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select" tabindex="7"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option disabled>Sun Bear</option> + <option>Polar Bear</option> + <option disabled>Spectacled Bear</option> + </select> + </div> + <div> + <em>Multiple Select</em> + <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select" tabindex="8"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option disabled>Sun Bear</option> + <option selected>Polar Bear</option> + <option disabled>Spectacled Bear</option> + </select> + </div> + </div> + + <h2><a name="hide-search-on-single-select" class="anchor" href="#hide-search-on-single-select">Hide Search on Single Select</a></h2> + <div class="side-by-side clearfix"> + <p>The <code>disable_search_threshold</code> option can be specified to hide the search input on single selects if there are <i>n</i> or fewer options.</p> + <pre><code class="language-javascript">$(".chosen-select").chosen({disable_search_threshold: 10});</code></pre> + <p></p> + <div> + <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select-no-single" tabindex="9"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected disabled>Sloth Bear</option> + <option disabled>Sun Bear</option> + <option selected disabled>Paddington Bear</option> + <option selected>Polar Bear</option> + <option disabled>Spectacled Bear</option> + </select> + </div> + </div> + + <h2><a name="default-text-support" class="anchor" href="#default-text-support">Default Text Support</a></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 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> + <pre><code class="language-markup"><select <strong>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chosen-select"></code></pre> + <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> + + <h2><a name="no-results-text-support" class="anchor" href="#no-results-text-support">No Results Text Support</a></h2> + <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> + <pre><code class="language-javascript"> $(".chosen-select").chosen({no_results_text: "Oops, nothing found!"}); </code></pre> + <p></p> + <div> + <em>Single Select</em> + <select data-placeholder="Type 'C' to view" style="width:350px;" class="chosen-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="chosen-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><a name="limit-selected-options-in-multiselect" class="anchor" href="#limit-selected-options-in-multiselect">Limit Selected Options in Multiselect</a></h2> + <div class="side-by-side clearfix"> + <p>You can easily limit how many options the user can select:</p> + <pre><code class="language-javascript">$(".chosen-select").chosen({max_selected_options: 5});</code></pre> + <p>If you try to select another option with limit reached <code class="language-javascript">chosen:maxselected</code> event is triggered:</p> + <pre><code class="language-javascript"> $(".chosen-select").bind("chosen:maxselected", function () { ... }); </code></pre> + </div> + + <h2><a name="allow-deselect-on-single-selects" class="anchor" href="#allow-deselect-on-single-selects">Allow Deselect on Single Selects</a></h2> + <div class="side-by-side clearfix"> + <p>When a single select box isn't a required field, you can set <code class="language-javascript">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="chosen-select-deselect" tabindex="12"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option>Sun Bear</option> + <option>Polar Bear</option> + <option>Spectacled Bear</option> + </select> + </div> + </div> + + <h2><a name="right-to-left-support" class="anchor" href="#right-to-left-support">Right to Left Support</a></h2> + <div class="side-by-side clearfix"> + <p>Chosen supports right to left select boxes too. just add <code class="language-javascript">"chosen-rtl"</code> in addition to <code class="language-javascript">"chosen-select"</code> to your select tags and you are good to go.</p> + <pre><code class="language-markup"><select class="chosen-select <strong>chosen-rtl</strong>"></code></pre> + <div> + <em>Single right to left select</em> + <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select chosen-rtl" tabindex="13"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option>Polar Bear</option> + </select> + </div> + <div> + <em>Multiple right to left select</em> + <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select chosen-rtl" tabindex="14"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option selected>Polar Bear</option> + </select> + </div> + </div> + + <h2><a name="change-update-events" class="anchor" href="#change-update-events">Observing, Updating, and Destroying Chosen</a></h2> + <div class="side-by-side clearfix"> + <ul> + <li> + <h3>Observing Form Field Changes</h3> + <p>When working with form fields, you often want to perform some behavior after a value has been selected or deselected. Whenever a user selects a field in Chosen, it triggers a "change" event on the original form field. That let's you do something like this:</p> + <pre><code class="language-javascript">$("#form_field").chosen().change( … );</code></pre> + </li> + <li> + <h3>Updating Chosen Dynamically</h3> + <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "chosen:updated" event on the field. Chosen will re-build itself based on the updated content.</p> + <pre><code class="language-javascript">$("#form_field").trigger("chosen:updated");</code></pre> + </li> + <li> + <h3>Destroying Chosen</h3> + <p>To destroy Chosen and revert back to the native select:</p> + <pre><code class="language-javascript">$("#form_field").chosen("destroy");</code></pre> + </li> + </ul> + </div> + + <h2><a name="custom-width-support" class="anchor" href="#custom-width-support">Custom Width Support</a></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> + <pre><code class="language-javascript"> $(".chosen-select").chosen({width: "95%"}); </code></pre> + <div> + <em>Single Select</em> + <select data-placeholder="Your Favorite Types of Bear" class="chosen-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="chosen-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><a name="labels-work-too" class="anchor" href="#labels-work-too">Labels work, too</a></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="chosen-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="chosen-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><a name="setup" class="anchor" href="#setup">Setup</a></h2> + <p>Using Chosen is easy as can be.</p> + <ol> + <li><a href="https://github.com/harvesthq/chosen/releases">Download</a> the plugin and copy the chosen files to your app.</li> + <li>Activate the plugin on the select boxes of your choice: <code class="language-javascript">$(".chosen-select").chosen()</code></li> + <li><a href="http://www.youtube.com/watch?feature=player_detailpage&v=UkSPUDpe0U8#t=11s">Disco</a>.</li> + </ol> + + <h2><a name="faqs" class="anchor" href="#faqs">FAQs</a></h2> + <ul class="faqs"> + <li> + <h3>Do you have all the available options documented somewhere?</h3> + <p>Yes! You can find them on <a href="options.html">the options page</a>.</p> + </li> + <li> + <h3>Something doesn't work. Can you fix it?</h3> + <p>Yes! Please report all issues using the <a href="http://github.com/harvesthq/chosen/issues">GitHub issue tracking tool</a>. Please include the plugin version (jQuery or Prototype), browser and OS. The more information provided, the easier it is to fix a problem.</p> + </li> + <li> + <h3>What browsers are supported?</h3> + <p>All modern desktop browsers are supported (Firefox, Chrome, Safari and IE9). Legacy support for IE8 is also enabled. Chosen is disabled on iPhone, iPod Touch, and Android mobile devices (<a href="https://github.com/harvesthq/chosen/pull/1388">more information</a>).</p> + </li> + <li> + <h3>Didn't there used to be a Prototype version of Chosen?</h3> + <p><a href="index.proto.html">There still is!</a></p> + </li> + </ul> + + <h2><a name="credits" class="anchor" href="#credits">Credits</a></h2> + + <ul class="credits"> + <li>Concept and development by <a href="http://patrickfiller.com">Patrick Filler</a> for <a href="https://getharvest.com">Harvest</a>.</li> + <li>Design and CSS by <a href="http://matthewlettini.com">Matthew Lettini</a>.</li> + <li>Repository maintained by <a href="https://github.com/pfiller">@pfiller</a>, <a href="https://github.com/kenearley">@kenearley</a>, <a href="https://github.com/stof">@stof</a>, <a href="https://github.com/koenpunt">@koenpunt</a>, and <a href="https://github.com/tjschuck">@tjschuck</a>.</li> + <li>Chosen includes <a href="https://github.com/harvesthq/chosen/contributors">contributions by many fine folks</a>.</li> + </ul> + + <footer> + © 2011–2015 <a href="http://www.getharvest.com/">Harvest</a>. Chosen is licensed under the <a href="https://github.com/harvesthq/chosen/blob/master/LICENSE.md">MIT license</a>. + </footer> + + </div> + </div> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> + <script src="chosen.jquery.js" type="text/javascript"></script> + <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script> + <script type="text/javascript"> + var config = { + '.chosen-select' : {}, + '.chosen-select-deselect' : {allow_single_deselect:true}, + '.chosen-select-no-single' : {disable_search_threshold:10}, + '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'}, + '.chosen-select-width' : {width:"95%"} + } + for (var selector in config) { + $(selector).chosen(config[selector]); + } + </script> + </form> + <div class="oss-bar"> + <ul> + <li><a class="fork" href="https://github.com/harvesthq/chosen">Fork on Github</a></li> + <li><a class="harvest" href="http://www.getharvest.com/">Built by Harvest</a></li> + </ul> + </div> +</body> +</html> diff --git a/profiles/wcm_base/libraries/chosen/public/index.proto.html b/profiles/wcm_base/libraries/chosen/public/index.proto.html new file mode 100644 index 0000000000000000000000000000000000000000..cc611ccc06cad7cde3503e42dfa65019fd3f133b --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/public/index.proto.html @@ -0,0 +1,1491 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Chosen: A Prototype Plugin by Harvest to Tame Unwieldy Select Boxes</title> + <link rel="stylesheet" href="docsupport/style.css"> + <link rel="stylesheet" href="docsupport/prism.css"> + <link rel="stylesheet" href="chosen.css"> + <style type="text/css" media="all"> + /* fix rtl for demo */ + .chosen-rtl .chosen-drop { left: -9000px; } + </style> +</head> +<body> + <div id="container"> + <div id="content"> + <header> + <h1>Chosen - Prototype Version <small>(<span id="latest-version">v1.4.2</span>)</small></h1> + </header> + <p>Chosen is a Prototype plugin that makes long, unwieldy select boxes much more user-friendly.</p> + + <p> + <a class="button button-blue" href="https://github.com/harvesthq/chosen/releases">Downloads</a> + <a class="button" href="https://github.com/harvesthq/chosen">Project Source</a> + <a class="button" href="https://github.com/harvesthq/chosen/blob/master/contributing.md">Contribute</a> + </p> + + <p style="margin-top: 40px; font-style: italic;">Looking for the <a href="index.html">jQuery version?</a></p> + + <h2><a name="standard-select" class="anchor" href="#standard-select">Standard Select</a></h2> + <div class="side-by-side clearfix"> + <div> + <em>Turns This</em> + <select data-placeholder="Choose a Country..." style="width:350px;" tabindex="1"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + <div> + <em>Into This</em> + <select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + </div> + + <h2><a name="multiple-select" class="anchor" href="#multiple-select">Multiple Select</a></h2> + <div class="side-by-side clearfix"> + <div> + <em>Turns This</em> + <select data-placeholder="Choose a Country..." style="width:350px;" multiple tabindex="3"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + <div> + <em>Into This</em> + <select data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4"> + <option value=""></option> + <option value="United States">United States</option> + <option value="United Kingdom">United Kingdom</option> + <option value="Afghanistan">Afghanistan</option> + <option value="Aland Islands">Aland Islands</option> + <option value="Albania">Albania</option> + <option value="Algeria">Algeria</option> + <option value="American Samoa">American Samoa</option> + <option value="Andorra">Andorra</option> + <option value="Angola">Angola</option> + <option value="Anguilla">Anguilla</option> + <option value="Antarctica">Antarctica</option> + <option value="Antigua and Barbuda">Antigua and Barbuda</option> + <option value="Argentina">Argentina</option> + <option value="Armenia">Armenia</option> + <option value="Aruba">Aruba</option> + <option value="Australia">Australia</option> + <option value="Austria">Austria</option> + <option value="Azerbaijan">Azerbaijan</option> + <option value="Bahamas">Bahamas</option> + <option value="Bahrain">Bahrain</option> + <option value="Bangladesh">Bangladesh</option> + <option value="Barbados">Barbados</option> + <option value="Belarus">Belarus</option> + <option value="Belgium">Belgium</option> + <option value="Belize">Belize</option> + <option value="Benin">Benin</option> + <option value="Bermuda">Bermuda</option> + <option value="Bhutan">Bhutan</option> + <option value="Bolivia, Plurinational State of">Bolivia, Plurinational State of</option> + <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> + <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> + <option value="Botswana">Botswana</option> + <option value="Bouvet Island">Bouvet Island</option> + <option value="Brazil">Brazil</option> + <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> + <option value="Brunei Darussalam">Brunei Darussalam</option> + <option value="Bulgaria">Bulgaria</option> + <option value="Burkina Faso">Burkina Faso</option> + <option value="Burundi">Burundi</option> + <option value="Cambodia">Cambodia</option> + <option value="Cameroon">Cameroon</option> + <option value="Canada">Canada</option> + <option value="Cape Verde">Cape Verde</option> + <option value="Cayman Islands">Cayman Islands</option> + <option value="Central African Republic">Central African Republic</option> + <option value="Chad">Chad</option> + <option value="Chile">Chile</option> + <option value="China">China</option> + <option value="Christmas Island">Christmas Island</option> + <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> + <option value="Colombia">Colombia</option> + <option value="Comoros">Comoros</option> + <option value="Congo">Congo</option> + <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> + <option value="Cook Islands">Cook Islands</option> + <option value="Costa Rica">Costa Rica</option> + <option value="Cote D'ivoire">Cote D'ivoire</option> + <option value="Croatia">Croatia</option> + <option value="Cuba">Cuba</option> + <option value="Curacao">Curacao</option> + <option value="Cyprus">Cyprus</option> + <option value="Czech Republic">Czech Republic</option> + <option value="Denmark">Denmark</option> + <option value="Djibouti">Djibouti</option> + <option value="Dominica">Dominica</option> + <option value="Dominican Republic">Dominican Republic</option> + <option value="Ecuador">Ecuador</option> + <option value="Egypt">Egypt</option> + <option value="El Salvador">El Salvador</option> + <option value="Equatorial Guinea">Equatorial Guinea</option> + <option value="Eritrea">Eritrea</option> + <option value="Estonia">Estonia</option> + <option value="Ethiopia">Ethiopia</option> + <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> + <option value="Faroe Islands">Faroe Islands</option> + <option value="Fiji">Fiji</option> + <option value="Finland">Finland</option> + <option value="France">France</option> + <option value="French Guiana">French Guiana</option> + <option value="French Polynesia">French Polynesia</option> + <option value="French Southern Territories">French Southern Territories</option> + <option value="Gabon">Gabon</option> + <option value="Gambia">Gambia</option> + <option value="Georgia">Georgia</option> + <option value="Germany">Germany</option> + <option value="Ghana">Ghana</option> + <option value="Gibraltar">Gibraltar</option> + <option value="Greece">Greece</option> + <option value="Greenland">Greenland</option> + <option value="Grenada">Grenada</option> + <option value="Guadeloupe">Guadeloupe</option> + <option value="Guam">Guam</option> + <option value="Guatemala">Guatemala</option> + <option value="Guernsey">Guernsey</option> + <option value="Guinea">Guinea</option> + <option value="Guinea-bissau">Guinea-bissau</option> + <option value="Guyana">Guyana</option> + <option value="Haiti">Haiti</option> + <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option> + <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> + <option value="Honduras">Honduras</option> + <option value="Hong Kong">Hong Kong</option> + <option value="Hungary">Hungary</option> + <option value="Iceland">Iceland</option> + <option value="India">India</option> + <option value="Indonesia">Indonesia</option> + <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option> + <option value="Iraq">Iraq</option> + <option value="Ireland">Ireland</option> + <option value="Isle of Man">Isle of Man</option> + <option value="Israel">Israel</option> + <option value="Italy">Italy</option> + <option value="Jamaica">Jamaica</option> + <option value="Japan">Japan</option> + <option value="Jersey">Jersey</option> + <option value="Jordan">Jordan</option> + <option value="Kazakhstan">Kazakhstan</option> + <option value="Kenya">Kenya</option> + <option value="Kiribati">Kiribati</option> + <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option> + <option value="Korea, Republic of">Korea, Republic of</option> + <option value="Kuwait">Kuwait</option> + <option value="Kyrgyzstan">Kyrgyzstan</option> + <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> + <option value="Latvia">Latvia</option> + <option value="Lebanon">Lebanon</option> + <option value="Lesotho">Lesotho</option> + <option value="Liberia">Liberia</option> + <option value="Libya">Libya</option> + <option value="Liechtenstein">Liechtenstein</option> + <option value="Lithuania">Lithuania</option> + <option value="Luxembourg">Luxembourg</option> + <option value="Macao">Macao</option> + <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option> + <option value="Madagascar">Madagascar</option> + <option value="Malawi">Malawi</option> + <option value="Malaysia">Malaysia</option> + <option value="Maldives">Maldives</option> + <option value="Mali">Mali</option> + <option value="Malta">Malta</option> + <option value="Marshall Islands">Marshall Islands</option> + <option value="Martinique">Martinique</option> + <option value="Mauritania">Mauritania</option> + <option value="Mauritius">Mauritius</option> + <option value="Mayotte">Mayotte</option> + <option value="Mexico">Mexico</option> + <option value="Micronesia, Federated States of">Micronesia, Federated States of</option> + <option value="Moldova, Republic of">Moldova, Republic of</option> + <option value="Monaco">Monaco</option> + <option value="Mongolia">Mongolia</option> + <option value="Montenegro">Montenegro</option> + <option value="Montserrat">Montserrat</option> + <option value="Morocco">Morocco</option> + <option value="Mozambique">Mozambique</option> + <option value="Myanmar">Myanmar</option> + <option value="Namibia">Namibia</option> + <option value="Nauru">Nauru</option> + <option value="Nepal">Nepal</option> + <option value="Netherlands">Netherlands</option> + <option value="New Caledonia">New Caledonia</option> + <option value="New Zealand">New Zealand</option> + <option value="Nicaragua">Nicaragua</option> + <option value="Niger">Niger</option> + <option value="Nigeria">Nigeria</option> + <option value="Niue">Niue</option> + <option value="Norfolk Island">Norfolk Island</option> + <option value="Northern Mariana Islands">Northern Mariana Islands</option> + <option value="Norway">Norway</option> + <option value="Oman">Oman</option> + <option value="Pakistan">Pakistan</option> + <option value="Palau">Palau</option> + <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> + <option value="Panama">Panama</option> + <option value="Papua New Guinea">Papua New Guinea</option> + <option value="Paraguay">Paraguay</option> + <option value="Peru">Peru</option> + <option value="Philippines">Philippines</option> + <option value="Pitcairn">Pitcairn</option> + <option value="Poland">Poland</option> + <option value="Portugal">Portugal</option> + <option value="Puerto Rico">Puerto Rico</option> + <option value="Qatar">Qatar</option> + <option value="Reunion">Reunion</option> + <option value="Romania">Romania</option> + <option value="Russian Federation">Russian Federation</option> + <option value="Rwanda">Rwanda</option> + <option value="Saint Barthelemy">Saint Barthelemy</option> + <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> + <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> + <option value="Saint Lucia">Saint Lucia</option> + <option value="Saint Martin (French part)">Saint Martin (French part)</option> + <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> + <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option> + <option value="Samoa">Samoa</option> + <option value="San Marino">San Marino</option> + <option value="Sao Tome and Principe">Sao Tome and Principe</option> + <option value="Saudi Arabia">Saudi Arabia</option> + <option value="Senegal">Senegal</option> + <option value="Serbia">Serbia</option> + <option value="Seychelles">Seychelles</option> + <option value="Sierra Leone">Sierra Leone</option> + <option value="Singapore">Singapore</option> + <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> + <option value="Slovakia">Slovakia</option> + <option value="Slovenia">Slovenia</option> + <option value="Solomon Islands">Solomon Islands</option> + <option value="Somalia">Somalia</option> + <option value="South Africa">South Africa</option> + <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option> + <option value="South Sudan">South Sudan</option> + <option value="Spain">Spain</option> + <option value="Sri Lanka">Sri Lanka</option> + <option value="Sudan">Sudan</option> + <option value="Suriname">Suriname</option> + <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> + <option value="Swaziland">Swaziland</option> + <option value="Sweden">Sweden</option> + <option value="Switzerland">Switzerland</option> + <option value="Syrian Arab Republic">Syrian Arab Republic</option> + <option value="Taiwan, Province of China">Taiwan, Province of China</option> + <option value="Tajikistan">Tajikistan</option> + <option value="Tanzania, United Republic of">Tanzania, United Republic of</option> + <option value="Thailand">Thailand</option> + <option value="Timor-leste">Timor-leste</option> + <option value="Togo">Togo</option> + <option value="Tokelau">Tokelau</option> + <option value="Tonga">Tonga</option> + <option value="Trinidad and Tobago">Trinidad and Tobago</option> + <option value="Tunisia">Tunisia</option> + <option value="Turkey">Turkey</option> + <option value="Turkmenistan">Turkmenistan</option> + <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> + <option value="Tuvalu">Tuvalu</option> + <option value="Uganda">Uganda</option> + <option value="Ukraine">Ukraine</option> + <option value="United Arab Emirates">United Arab Emirates</option> + <option value="United Kingdom">United Kingdom</option> + <option value="United States">United States</option> + <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> + <option value="Uruguay">Uruguay</option> + <option value="Uzbekistan">Uzbekistan</option> + <option value="Vanuatu">Vanuatu</option> + <option value="Venezuela, Bolivarian Republic of">Venezuela, Bolivarian Republic of</option> + <option value="Viet Nam">Viet Nam</option> + <option value="Virgin Islands, British">Virgin Islands, British</option> + <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option> + <option value="Wallis and Futuna">Wallis and Futuna</option> + <option value="Western Sahara">Western Sahara</option> + <option value="Yemen">Yemen</option> + <option value="Zambia">Zambia</option> + <option value="Zimbabwe">Zimbabwe</option> + </select> + </div> + </div> + + <h2><a name="optgroup-support" class="anchor" href="#optgroup-support"><optgroup> Support</a></h2> + <div class="side-by-side clearfix"> + <div> + <em>Single Select with Groups</em> + <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" tabindex="5"> + <option value=""></option> + <optgroup label="NFC EAST"> + <option>Dallas Cowboys</option> + <option>New York Giants</option> + <option>Philadelphia Eagles</option> + <option>Washington Redskins</option> + </optgroup> + <optgroup label="NFC NORTH"> + <option>Chicago Bears</option> + <option>Detroit Lions</option> + <option>Green Bay Packers</option> + <option>Minnesota Vikings</option> + </optgroup> + <optgroup label="NFC SOUTH"> + <option>Atlanta Falcons</option> + <option>Carolina Panthers</option> + <option>New Orleans Saints</option> + <option>Tampa Bay Buccaneers</option> + </optgroup> + <optgroup label="NFC WEST"> + <option>Arizona Cardinals</option> + <option>St. Louis Rams</option> + <option>San Francisco 49ers</option> + <option>Seattle Seahawks</option> + </optgroup> + <optgroup label="AFC EAST"> + <option>Buffalo Bills</option> + <option>Miami Dolphins</option> + <option>New England Patriots</option> + <option>New York Jets</option> + </optgroup> + <optgroup label="AFC NORTH"> + <option>Baltimore Ravens</option> + <option>Cincinnati Bengals</option> + <option>Cleveland Browns</option> + <option>Pittsburgh Steelers</option> + </optgroup> + <optgroup label="AFC SOUTH"> + <option>Houston Texans</option> + <option>Indianapolis Colts</option> + <option>Jacksonville Jaguars</option> + <option>Tennessee Titans</option> + </optgroup> + <optgroup label="AFC WEST"> + <option>Denver Broncos</option> + <option>Kansas City Chiefs</option> + <option>Oakland Raiders</option> + <option>San Diego Chargers</option> + </optgroup> + </select> + </div> + <div> + <em>Multiple Select with Groups</em> + <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"> + <option value=""></option> + <optgroup label="NFC EAST"> + <option>Dallas Cowboys</option> + <option>New York Giants</option> + <option>Philadelphia Eagles</option> + <option>Washington Redskins</option> + </optgroup> + <optgroup label="NFC NORTH"> + <option>Chicago Bears</option> + <option>Detroit Lions</option> + <option>Green Bay Packers</option> + <option>Minnesota Vikings</option> + </optgroup> + <optgroup label="NFC SOUTH"> + <option>Atlanta Falcons</option> + <option>Carolina Panthers</option> + <option>New Orleans Saints</option> + <option>Tampa Bay Buccaneers</option> + </optgroup> + <optgroup label="NFC WEST"> + <option>Arizona Cardinals</option> + <option>St. Louis Rams</option> + <option>San Francisco 49ers</option> + <option>Seattle Seahawks</option> + </optgroup> + <optgroup label="AFC EAST"> + <option>Buffalo Bills</option> + <option>Miami Dolphins</option> + <option>New England Patriots</option> + <option>New York Jets</option> + </optgroup> + <optgroup label="AFC NORTH"> + <option>Baltimore Ravens</option> + <option>Cincinnati Bengals</option> + <option>Cleveland Browns</option> + <option>Pittsburgh Steelers</option> + </optgroup> + <optgroup label="AFC SOUTH"> + <option>Houston Texans</option> + <option>Indianapolis Colts</option> + <option>Jacksonville Jaguars</option> + <option>Tennessee Titans</option> + </optgroup> + <optgroup label="AFC WEST"> + <option>Denver Broncos</option> + <option>Kansas City Chiefs</option> + <option>Oakland Raiders</option> + <option>San Diego Chargers</option> + </optgroup> + </select> + </div> + </div> + + <h2><a name="selected-and-disabled-support" class="anchor" href="#selected-and-disabled-support">Selected and Disabled Support</a></h2> + <div class="side-by-side clearfix"> + <p>Chosen automatically highlights selected options and removes disabled options.</p> + <div> + <em>Single Select</em> + <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select" tabindex="7"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option disabled>Sun Bear</option> + <option>Polar Bear</option> + <option disabled>Spectacled Bear</option> + </select> + </div> + <div> + <em>Multiple Select</em> + <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select" tabindex="8"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option disabled>Sun Bear</option> + <option selected>Polar Bear</option> + <option disabled>Spectacled Bear</option> + </select> + </div> + </div> + + <h2><a name="hide-search-on-single-select" class="anchor" href="#hide-search-on-single-select">Hide Search on Single Select</a></h2> + <div class="side-by-side clearfix"> + <p>The <code>disable_search_threshold</code> option can be specified to hide the search input on single selects if there are <i>n</i> or fewer options.</p> + <pre><code class="language-javascript"> new Chosen($("chosen_select_field"),{disable_search_threshold: 10}); </code></pre> + <p></p> + <div> + <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select-no-single" tabindex="9"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected disabled>Sloth Bear</option> + <option disabled>Sun Bear</option> + <option selected>Paddington Bear</option> + <option selected>Polar Bear</option> + <option disabled>Spectacled Bear</option> + </select> + </div> + </div> + + <h2><a name="default-text-support" class="anchor" href="#default-text-support">Default Text Support</a></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 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> + <pre><code class="language-markup"><select <strong>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chosen-select"></code></pre> + <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> + + <h2><a name="no-results-text-support" class="anchor" href="#no-results-text-support">No Results Text Support</a></h2> + <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> + <pre><code class="language-javascript">new Chosen($("chosen_select_field"),{no_results_text: "Oops, nothing found!"}); </code></pre> + + <div> + <em>Single Select</em> + <select data-placeholder="Type 'C' to view" style="width:350px;" class="chosen-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="chosen-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><a name="limit-selected-options-in-multiselect" class="anchor" href="#limit-selected-options-in-multiselect">Limit Selected Options in Multiselect</a></h2> + <div class="side-by-side clearfix"> + <p>You can easily limit how many options the user can select:</p> + <pre><code class="language-javascript">new Chosen($("chosen_select_field"),{max_selected_options: 5}); </code></pre> + <p>If you try to select another option with limit reached <code>chosen:maxselected</code> event is triggered:</p> + <pre><code class="language-javascript">$("chosen_select_field").observe("chosen:maxselected", function(evt) { ... }); </code></pre> + </div> + + <h2><a name="allow-deselect-on-single-selects" class="anchor" href="#allow-deselect-on-single-selects">Allow Deselect on Single Selects</a></h2> + <div class="side-by-side clearfix"> + <p>When a single select box isn't a required field, you can set <code class="language-javascript">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="chosen-select-deselect" tabindex="12"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option>Sun Bear</option> + <option>Polar Bear</option> + <option>Spectacled Bear</option> + </select> + </div> + </div> + + <h2><a name="right-to-left-support" class="anchor" href="#right-to-left-support">Right to Left Support</a></h2> + <div class="side-by-side clearfix"> + <p>Chosen supports right to left select boxes too. just add <code class="language-markup">"chosen-rtl"</code> in addition to <code class="language-markup">"chosen-select"</code> to your select tags and you are good to go.</p> + <pre><code class="language-markup"><select class="chosen-select <strong>chosen-rtl</strong>"></code></pre> + <div> + <em>Single right to left select</em> + <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select chosen-rtl" tabindex="13"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option>Polar Bear</option> + </select> + </div> + <div> + <em>Multiple right to left select</em> + <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select chosen-rtl" tabindex="14"> + <option value=""></option> + <option>American Black Bear</option> + <option>Asiatic Black Bear</option> + <option>Brown Bear</option> + <option>Giant Panda</option> + <option selected>Sloth Bear</option> + <option selected>Polar Bear</option> + </select> + </div> + </div> + + <h2><a name="change-update-events" class="anchor" href="#change-update-events">Observing, Updating, and Destroying Chosen</a></h2> + <div class="side-by-side clearfix"> + <ul> + <li> + <h3>Observing Form Field Changes</h3> + <p>When working with form fields, you often want to perform some behavior after a value has been selected or deselected. Whenever a user selects a field in Chosen, it triggers a "change" event on the original form field. That let's you do something like this:</p> + <pre><code class="language-javascript">$("#form_field").chosen().change( … );</code></pre> + <p><strong>Note:</strong> Prototype doesn't offer support for triggering standard browser events. <a href="https://github.com/kangax/protolicious/blob/5b56fdafcd7d7662c9d648534225039b2e78e371/event.simulate.js">Event.simulate</a> is required to trigger the change event when using the Prototype version.</p> + </li> + <li> + <h3>Updating Chosen Dynamically</h3> + <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "chosen:updated" event on the field. Chosen will re-build itself based on the updated content.</p> + <pre><code class="language-javascript">Event.fire($("form_field"), "chosen:updated");</code></pre> + </li> + <li> + <h3>Destroying Chosen</h3> + <p>To destroy Chosen and revert back to the native select, call <code class="language-javascript">destroy</code> on the Chosen instance:</p> + <pre><code class="language-javascript">chosen = new Chosen($("form_field")); + +// ...later +chosen.destroy();</code></pre> + </li> + </ul> + </div> + + <h2><a name="custom-width-support" class="anchor" href="#custom-width-support">Custom Width Support</a></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> + <pre><code class="language-javascript">new Chosen($("chosen_select_field"),{width: "95%"}); </code></pre> + <div> + <em>Single Select</em> + <select data-placeholder="Your Favorite Types of Bear" class="chosen-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="chosen-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><a name="labels-work-too" class="anchor" href="#labels-work-too">Labels work, too</a></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="chosen-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="chosen-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><a name="setup" class="anchor" href="#setup">Setup</a></h2> + <p>Using Chosen is easy as can be.</p> + <ol> + <li><a href="https://github.com/harvesthq/chosen/releases">Download</a> 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>,<em>some_options</em>);</li> + <li><a href="http://www.youtube.com/watch?feature=player_detailpage&v=UkSPUDpe0U8#t=11s">Disco</a>.</li> + </ol> + + <h2><a name="faqs" class="anchor" href="#faqs">FAQs</a></h2> + <ul class="faqs"> + <li> + <h3>Do you have all the available options documented somewhere?</h3> + <p>Yes! You can find them on <a href="options.html">the options page</a>.</p> + </li> + <li> + <h3>Something doesn't work. Can you fix it?</h3> + <p>Yes! Please report all issues using the <a href="http://github.com/harvesthq/chosen/issues">GitHub issue tracking tool</a>. Please include the plugin version (jQuery or Prototype), browser and OS. The more information provided, the easier it is to fix a problem.</p> + </li> + <li> + <h3>What browsers are supported?</h3> + <p>All modern desktop browsers are supported (Firefox, Chrome, Safari and IE9). Legacy support for IE8 is also enabled. Chosen is disabled on iPhone, iPod Touch, and Android mobile devices (<a href="https://github.com/harvesthq/chosen/pull/1388">more information</a>).</p> + </li> + </ul> + + <h2><a name="credits" class="anchor" href="#credits">Credits</a></h2> + + <ul class="credits"> + <li>Concept and development by <a href="http://patrickfiller.com">Patrick Filler</a> for <a href="https://getharvest.com">Harvest</a>.</li> + <li>Design and CSS by <a href="http://matthewlettini.com">Matthew Lettini</a>.</li> + <li>Repository maintained by <a href="https://github.com/pfiller">@pfiller</a>, <a href="https://github.com/kenearley">@kenearley</a>, <a href="https://github.com/stof">@stof</a>, <a href="https://github.com/koenpunt">@koenpunt</a>, and <a href="https://github.com/tjschuck">@tjschuck</a>.</li> + <li>Chosen includes <a href="https://github.com/harvesthq/chosen/contributors">contributions by many fine folks</a>.</li> + </ul> + + <footer> + © 2011–2015 <a href="http://www.getharvest.com/">Harvest</a>. Chosen is licensed under the <a href="https://github.com/harvesthq/chosen/blob/master/LICENSE.md">MIT license</a>. + </footer> + + </div> + </div> + <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" type="text/javascript"></script> + <script src="chosen.proto.js" type="text/javascript"></script> + <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script> + <script type="text/javascript"> + document.observe('dom:loaded', function(evt) { + var config = { + '.chosen-select' : {}, + '.chosen-select-deselect' : {allow_single_deselect:true}, + '.chosen-select-no-single' : {disable_search_threshold:10}, + '.chosen-select-no-results': {no_results_text: "Oops, nothing found!"}, + '.chosen-select-width' : {width: "95%"} + } + 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; + }); + </script> + <div class="oss-bar"> + <ul> + <li><a class="fork" href="https://github.com/harvesthq/chosen">Fork on Github</a></li> + <li><a class="harvest" href="http://www.getharvest.com/">Built by Harvest</a></li> + </ul> + </div> +</body> +</html> diff --git a/profiles/wcm_base/libraries/chosen/public/options.html b/profiles/wcm_base/libraries/chosen/public/options.html new file mode 100644 index 0000000000000000000000000000000000000000..ada5afa735f86c702e1131db47c28fb490d8e620 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/public/options.html @@ -0,0 +1,283 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes</title> + <link rel="stylesheet" href="docsupport/style.css"> + <link rel="stylesheet" href="docsupport/prism.css"> + <link rel="stylesheet" href="chosen.css"> + <style type="text/css" media="all"> + /* fix rtl for demo */ + .chosen-rtl .chosen-drop { left: -9000px; } + </style> +</head> +<body> + <div id="container"> + <div id="content"> + <header> + <h1>Chosen <small>(<span id="latest-version">v1.4.2</span>)</small></h1> + </header> + <p>Chosen has a number of options and attributes that allow you to have full control of your select boxes.</p> + + <h2><a name="options" class="anchor" href="#options">Options</a></h2> + <p>The following options are available to pass into Chosen on instantiation.</p> + + <h3>Example:</h3> +<pre> + <code class="language-javascript">$(".my_select_box").chosen({ + disable_search_threshold: 10, + no_results_text: "Oops, nothing found!", + width: "95%" + });</code> +</pre> + + <table class="docs-table"> + <tr> + <th>Option</th><th>Default</th><th>Description</th> + </tr> + <tr> + <td>allow_single_deselect</td> + <td>false</td> + <td>When set to <code class="language-javascript">true</code> on a single select, Chosen adds a UI element which selects the first element (if it is blank).</td> + </tr> + <tr> + <td>disable_search</td> + <td>false</td> + <td>When set to <code class="language-javascript">true</code>, Chosen will not display the search field (single selects only).</td> + </tr> + <tr> + <td>disable_search_threshold</td> + <td>0</td> + <td>Hide the search input on single selects if there are <i>n</i> or fewer options.</td> + </tr> + <tr> + <td>enable_split_word_search</td> + <td>true</td> + <td>By default, searching will match on any word within an option tag. Set this option to <code class="language-javascript">false</code> if you want to only match on the entire text of an option tag.</td> + </tr> + <tr> + <td>inherit_select_classes</td> + <td>false</td> + <td>When set to <code class="language-javascript">true</code>, Chosen will grab any classes on the original select field and add them to Chosen’s container div.</td> + </tr> + <tr> + <td>max_selected_options</td> + <td>Infinity</td> + <td>Limits how many options the user can select. When the limit is reached, the <code class="language-javascript">chosen:maxselected</code> event is triggered.</td> + </tr> + <tr> + <td>no_results_text</td> + <td>"No results match"</td> + <td>The text to be displayed when no matching results are found. The current search is shown at the end of the text (<i>e.g.</i>, + No results match "Bad Search").</td> + </tr> + <tr> + <td>placeholder_text_multiple</td> + <td>"Select Some Options"</td> + <td>The text to be displayed as a placeholder when no options are selected for a multiple select.</td> + </tr> + <tr> + <td>placeholder_text_single</td> + <td>"Select an Option"</td> + <td>The text to be displayed as a placeholder when no options are selected for a single select.</td> + </tr> + <tr> + <td>search_contains</td> + <td>false</td> + <td>By default, Chosen’s search matches starting at the beginning of a word. Setting this option to <code class="language-javascript">true</code> allows matches starting from anywhere within a word. This is especially useful for options that include a lot of special characters or phrases in ()s and []s.</td> + </tr> + <tr> + <td>single_backstroke_delete</td> + <td>true</td> + <td>By default, pressing delete/backspace on multiple selects will remove a selected choice. When <code class="language-javascript">false</code>, pressing delete/backspace will highlight the last choice, and a second press deselects it.</td> + </tr> + <tr> + <td>width</td> + <td>Original select width.</td> + <td>The width of the Chosen select box. By default, Chosen attempts to match the width of the select box you are replacing. If your select is hidden when Chosen is instantiated, you must specify a width or the select will show up with a width of 0.</td> + </tr> + <tr> + <td>display_disabled_options</td> + <td>true</td> + <td>By default, Chosen includes disabled options in search results with a special styling. Setting this option to false will hide disabled results and exclude them from searches.</td> + </tr> + <tr> + <td>display_selected_options</td> + <td>true</td> + <td> + <p>By default, Chosen includes selected options in search results with a special styling. Setting this option to false will hide selected results and exclude them from searches.</p> + <p><strong>Note:</strong> this is for multiple selects only. In single selects, the selected result will always be displayed.</p> + </td> + </tr> + <tr> + <td>include_group_label_in_selected</td> + <td>false</td> + <td> + <p>By default, Chosen only shows the text of a selected option. Setting this option to <code class="language-javascript">true</code> will show the text and group (if any) of the selected option.</p> + </td> + </tr> + <tr> + <td>max_shown_results</td> + <td>Infinity</td> + <td> + <p>Only show the first (n) matching options in the results. This can be used to increase performance for selects with very many options.</p> + </td> + </tr> + </table> + + <h2><a name="attributes" class="anchor" href="#attributes">Attributes</a></h2> + <p>Certain attributes placed on the select tag or its options can be used to configure Chosen.</p> + + <h3>Example:</h3> + +<pre> + <code class="language-markup"><select class="my_select_box" data-placeholder="Select Your Options"> + <option value="1">Option 1</option> + <option value="2" selected>Option 2</option> + <option value="3" disabled>Option 3</option> + </select></code> +</pre> + + <table class="docs-table"> + <tr> + <th>Attribute</th><th>Description</th> + </tr> + <tr> + <td>data-placeholder</td> + <td> + <p>The text to be displayed as a placeholder when no options are selected for a select. Defaults to "Select an Option" for single selects or "Select Some Options" for multiple selects.</p> + <p><strong>Note:</strong>This attribute overrides anything set in the <code class="language-javascript">placeholder_text_multiple</code> or <code class="language-javascript">placeholder_text_single</code> options.</p> + </td> + </tr> + <tr> + <td>multiple</td> + <td>The attribute <code class="language-html">multiple</code> on your select box dictates whether Chosen will render a multiple or single select.</td> + </tr> + <tr> + <td>selected, disabled</td> + <td>Chosen automatically highlights selected options and disables disabled options.</td> + </tr> + </table> + + <h2><a name="classes" class="anchor" href="#classes">Classes</a></h2> + <p>Classes placed on the select tag can be used to configure Chosen.</p> + + <h3>Example:</h3> + +<pre> + <code class="language-markup"><select class="my_select_box chosen-rtl"> + <option value="1">Option 1</option> + <option value="2">Option 2</option> + <option value="3">Option 3</option> + </select></code> +</pre> + + <table class="docs-table"> + <tr> + <th>Classname</th> + <th>Description</th> + </tr> + <tr> + <td>chosen-rtl</td> + <td> + <p>Chosen supports right-to-left text in select boxes. Add the class <code class="language-html">chosen-rtl</code> to your select tag to support right-to-left text options.</p> + <p><strong>Note:</strong> The <code class="language-html">chosen-rtl</code> class will pass through to the Chosen select even when the <code class="language-javascript">inherit_select_classes</code> option is set to <code class="language-javascript">false</code>.</p> + </td> + </tr> + </table> + + <h2><a name="triggered-events" class="anchor" href="#triggered-events">Triggered Events</a></h2> + <p>Chosen triggers a number of standard and custom events on the original select field.</p> + + <h3>Example:</h3> + +<pre> + <code class="language-javascript">$('.my_select_box').on('change', function(evt, params) { + do_something(evt, params); + });</code> +</pre> + + <table class="docs-table"> + <tr> + <th>Event</th><th>Description</th> + </tr> + <tr> + <td>change</td> + <td> + <p>Chosen triggers the standard DOM event whenever a selection is made (it also sends a <code class="language-javascript">selected</code> or <code class="language-javascript">deselected</code> parameter that tells you which option was changed).</p> + <p><strong>Note:</strong> in order to use change in the Prototype version, you have to include the <a href="https://github.com/kangax/protolicious/blob/5b56fdafcd7d7662c9d648534225039b2e78e371/event.simulate.js">Event.simulate</a> class. The selected and deselected parameters are not available for Prototype.</p> + </td> + </tr> + <tr> + <td>chosen:ready</td> + <td>Triggered after Chosen has been fully instantiated.</td> + </tr> + <tr> + <td>chosen:maxselected</td> + <td>Triggered if <code class="language-javascript">max_selected_options</code> is set and that total is broken.</td> + </tr> + <tr> + <td>chosen:showing_dropdown</td> + <td>Triggered when Chosen’s dropdown is opened.</td> + </tr> + <tr> + <td>chosen:hiding_dropdown</td> + <td>Triggered when Chosen’s dropdown is closed.</td> + </tr> + <tr> + <td>chosen:no_results</td> + <td>Triggered when a search returns no matching results.</td> + </tr> + </table> + + <p> + <strong>Note:</strong> all custom Chosen events (those that being with <code class="language-javascript">chosen:</code>) also include the <code class="language-javascript">chosen</code> object as a parameter. + </p> + + <h2><a name="triggerable-events" class="anchor" href="#triggerable-events">Triggerable Events</a></h2> + <p>You can trigger several events on the original select field to invoke a behavior in Chosen.</p> + + <h3>Example:</h3> + +<pre> + <code class="language-javascript">// tell Chosen that a select has changed + $('.my_select_box').trigger('chosen:updated');</code> +</pre> + + <table class="docs-table"> + <tr> + <th>Event</th><th>Description</th> + </tr> + <tr> + <td>chosen:updated</td> + <td>This event should be triggered whenever Chosen’s underlying select element changes (such as a change in selected options).</td> + </tr> + <tr> + <td>chosen:activate</td> + <td>This is the equivalant of focusing a standard HTML select field. When activated, Chosen will capure keypress events as if you had clicked the field directly.</td> + </tr> + <tr> + <td>chosen:open</td> + <td>This event activates Chosen and also displays the search results.</td> + </tr> + <tr> + <td>chosen:close</td> + <td>This event deactivates Chosen and hides the search results.</td> + </tr> + </table> + + <footer> + © 2011–2015 <a href="http://www.getharvest.com/">Harvest</a>. Chosen is licensed under the <a href="https://github.com/harvesthq/chosen/blob/master/LICENSE.md">MIT license</a>. + </footer> + + </div> + </div> + <div class="oss-bar"> + <ul> + <li><a class="fork" href="https://github.com/harvesthq/chosen">Fork on Github</a></li> + <li><a class="harvest" href="http://www.getharvest.com/">Built by Harvest</a></li> + </ul> + </div> + <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script> +</body> +</html> diff --git a/profiles/wcm_base/libraries/chosen/sass/chosen.scss b/profiles/wcm_base/libraries/chosen/sass/chosen.scss new file mode 100644 index 0000000000000000000000000000000000000000..a392719c4a704b2eb6ba9eabe30f09ea67d7bb34 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/sass/chosen.scss @@ -0,0 +1,431 @@ +@import "compass/css3/box-sizing"; +@import "compass/css3/images"; +@import "compass/css3/user-interface"; + +$chosen-sprite: image-url('chosen-sprite.png') !default; +$chosen-sprite-retina: image-url('chosen-sprite@2x.png') !default; + +/* @group Base */ +.chosen-container { + position: relative; + display: inline-block; + vertical-align: middle; + font-size: 13px; + @include user-select(none); + * { + @include box-sizing(border-box); + } + .chosen-drop { + position: absolute; + top: 100%; + left: -9999px; + z-index: 1010; + width: 100%; + border: 1px solid #aaa; + border-top: 0; + background: #fff; + box-shadow: 0 4px 5px rgba(#000,.15); + } + &.chosen-with-drop .chosen-drop { + left: 0; + } + a{ + cursor: pointer; + } + + .search-choice, .chosen-single{ + .group-name{ + margin-right: 4px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-weight: normal; + color: #999999; + &:after { + content: ":"; + padding-left: 2px; + vertical-align: top; + } + } + } +} +/* @end */ + +/* @group Single Chosen */ +.chosen-container-single{ + .chosen-single { + position: relative; + display: block; + overflow: hidden; + padding: 0 0 0 8px; + height: 25px; + border: 1px solid #aaa; + border-radius: 5px; + background-color: #fff; + @include background(linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%)); + background-clip: padding-box; + box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(#000,.1); + color: #444; + text-decoration: none; + white-space: nowrap; + line-height: 24px; + } + .chosen-default { + color: #999; + } + .chosen-single span { + display: block; + overflow: hidden; + margin-right: 26px; + text-overflow: ellipsis; + white-space: nowrap; + } + .chosen-single-with-deselect span { + margin-right: 38px; + } + .chosen-single abbr { + position: absolute; + top: 6px; + right: 26px; + display: block; + width: 12px; + height: 12px; + background: $chosen-sprite -42px 1px no-repeat; + font-size: 1px; + &:hover { + background-position: -42px -10px; + } + } + &.chosen-disabled .chosen-single abbr:hover { + background-position: -42px -10px; + } + .chosen-single div { + position: absolute; + top: 0; + right: 0; + display: block; + width: 18px; + height: 100%; + b { + display: block; + width: 100%; + height: 100%; + background: $chosen-sprite no-repeat 0px 2px; + } + } + .chosen-search { + position: relative; + z-index: 1010; + margin: 0; + padding: 3px 4px; + white-space: nowrap; + input[type="text"] { + margin: 1px 0; + padding: 4px 20px 4px 5px; + width: 100%; + height: auto; + outline: 0; + border: 1px solid #aaa; + background: #fff $chosen-sprite no-repeat 100% -20px; + @include background($chosen-sprite no-repeat 100% -20px); + font-size: 1em; + font-family: sans-serif; + line-height: normal; + border-radius: 0; + } + } + .chosen-drop { + margin-top: -1px; + border-radius: 0 0 4px 4px; + background-clip: padding-box; + } + &.chosen-container-single-nosearch .chosen-search { + position: absolute; + left: -9999px; + } +} +/* @end */ + +/* @group Results */ +.chosen-container .chosen-results { + color: #444; + position: relative; + overflow-x: hidden; + overflow-y: auto; + margin: 0 4px 4px 0; + padding: 0 0 0 4px; + max-height: 240px; + -webkit-overflow-scrolling: touch; + li { + display: none; + margin: 0; + padding: 5px 6px; + list-style: none; + line-height: 15px; + word-wrap: break-word; + -webkit-touch-callout: none; + &.active-result { + display: list-item; + cursor: pointer; + } + &.disabled-result { + display: list-item; + color: #ccc; + cursor: default; + } + &.highlighted { + background-color: #3875d7; + @include background-image(linear-gradient(#3875d7 20%, #2a62bc 90%)); + color: #fff; + } + &.no-results { + color: #777; + display: list-item; + background: #f4f4f4; + } + &.group-result { + display: list-item; + font-weight: bold; + cursor: default; + } + &.group-option { + padding-left: 15px; + } + em { + font-style: normal; + text-decoration: underline; + } + } +} +/* @end */ + +/* @group Multi Chosen */ +.chosen-container-multi{ + .chosen-choices { + position: relative; + overflow: hidden; + margin: 0; + padding: 0 5px; + width: 100%; + height: auto !important; + height: 1%; + border: 1px solid #aaa; + background-color: #fff; + @include background-image(linear-gradient(#eee 1%, #fff 15%)); + cursor: text; + } + .chosen-choices li { + float: left; + list-style: none; + &.search-field { + margin: 0; + padding: 0; + white-space: nowrap; + input[type="text"] { + margin: 1px 0; + padding: 0; + height: 25px; + outline: 0; + border: 0 !important; + background: transparent !important; + box-shadow: none; + color: #999; + font-size: 100%; + font-family: sans-serif; + line-height: normal; + border-radius: 0; + } + } + &.search-choice { + position: relative; + margin: 3px 5px 3px 0; + padding: 3px 20px 3px 5px; + border: 1px solid #aaa; + max-width: 100%; + border-radius: 3px; + background-color: #eeeeee; + @include background-image(linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)); + background-size: 100% 19px; + background-repeat: repeat-x; + background-clip: padding-box; + box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(#000,.05); + color: #333; + line-height: 13px; + cursor: default; + span { + word-wrap: break-word; + } + .search-choice-close { + position: absolute; + top: 4px; + right: 3px; + display: block; + width: 12px; + height: 12px; + background: $chosen-sprite -42px 1px no-repeat; + font-size: 1px; + &:hover { + background-position: -42px -10px; + } + } + } + &.search-choice-disabled { + padding-right: 5px; + border: 1px solid #ccc; + background-color: #e4e4e4; + @include background-image(linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)); + color: #666; + } + &.search-choice-focus { + background: #d4d4d4; + .search-choice-close { + background-position: -42px -10px; + } + } + } + .chosen-results { + margin: 0; + padding: 0; + } + .chosen-drop .result-selected { + display: list-item; + color: #ccc; + cursor: default; + } +} +/* @end */ + +/* @group Active */ +.chosen-container-active{ + .chosen-single { + border: 1px solid #5897fb; + box-shadow: 0 0 5px rgba(#000,.3); + } + &.chosen-with-drop{ + .chosen-single { + border: 1px solid #aaa; + -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; + @include background-image(linear-gradient(#eee 20%, #fff 80%)); + box-shadow: 0 1px 0 #fff inset; + } + .chosen-single div { + border-left: none; + background: transparent; + b { + background-position: -18px 2px; + } + } + } + .chosen-choices { + border: 1px solid #5897fb; + box-shadow: 0 0 5px rgba(#000,.3); + li.search-field input[type="text"] { + color: #222 !important; + } + } +} +/* @end */ + +/* @group Disabled Support */ +.chosen-disabled { + opacity: 0.5 !important; + cursor: default; + .chosen-single { + cursor: default; + } + .chosen-choices .search-choice .search-choice-close { + cursor: default; + } +} +/* @end */ + +/* @group Right to Left */ +.chosen-rtl { + text-align: right; + .chosen-single { + overflow: visible; + padding: 0 8px 0 0; + } + .chosen-single span { + margin-right: 0; + margin-left: 26px; + direction: rtl; + } + .chosen-single-with-deselect span { + margin-left: 38px; + } + .chosen-single div { + right: auto; + left: 3px; + } + .chosen-single abbr { + right: auto; + left: 26px; + } + .chosen-choices li { + float: right; + &.search-field input[type="text"] { + direction: rtl; + } + &.search-choice { + margin: 3px 5px 3px 0; + padding: 3px 5px 3px 19px; + .search-choice-close { + right: auto; + left: 4px; + } + } + } + &.chosen-container-single-nosearch .chosen-search, + .chosen-drop { + left: 9999px; + } + &.chosen-container-single .chosen-results { + margin: 0 0 4px 4px; + padding: 0 4px 0 0; + } + .chosen-results li.group-option { + padding-right: 15px; + padding-left: 0; + } + &.chosen-container-active.chosen-with-drop .chosen-single div { + border-right: none; + } + .chosen-search input[type="text"] { + padding: 4px 5px 4px 20px; + background: #fff $chosen-sprite no-repeat -30px -20px; + @include background($chosen-sprite no-repeat -30px -20px); + direction: rtl; + } + &.chosen-container-single{ + .chosen-single div b { + background-position: 6px 2px; + } + &.chosen-with-drop{ + .chosen-single div b { + background-position: -12px 2px; + } + } + } +} + +/* @end */ + +/* @group Retina compatibility */ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { + .chosen-rtl .chosen-search input[type="text"], + .chosen-container-single .chosen-single abbr, + .chosen-container-single .chosen-single div b, + .chosen-container-single .chosen-search input[type="text"], + .chosen-container-multi .chosen-choices .search-choice .search-choice-close, + .chosen-container .chosen-results-scroll-down span, + .chosen-container .chosen-results-scroll-up span { + background-image: $chosen-sprite-retina !important; + background-size: 52px 37px !important; + background-repeat: no-repeat !important; + } +} +/* @end */ diff --git a/profiles/wcm_base/libraries/chosen/spec/jquery/basic.spec.coffee b/profiles/wcm_base/libraries/chosen/spec/jquery/basic.spec.coffee new file mode 100644 index 0000000000000000000000000000000000000000..918be661c0b4ba91ddc037b8d9e61f2da6b1b82c --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/spec/jquery/basic.spec.coffee @@ -0,0 +1,33 @@ +describe "Basic setup", -> + it "should add chosen to jQuery object", -> + expect(jQuery.fn.chosen).toBeDefined() + + it "should create very basic chosen", -> + tmpl = " + <select data-placeholder='Choose a Country...'> + <option value=''></option> + <option value='United States'>United States</option> + <option value='United Kingdom'>United Kingdom</option> + <option value='Afghanistan'>Afghanistan</option> + </select> + " + div = $("<div>").html(tmpl) + select = div.find("select") + expect(select.size()).toBe(1) + select.chosen() + # very simple check that the necessary elements have been created + ["container", "container-single", "single", "default"].forEach (clazz)-> + el = div.find(".chosen-#{clazz}") + expect(el.size()).toBe(1) + + # test a few interactions + expect(select.val()).toBe "" + + container = div.find(".chosen-container") + container.trigger("mousedown") # open the drop + expect(container.hasClass("chosen-container-active")).toBe true + #select an item + container.find(".active-result").last().trigger("mouseup") + + expect(select.val()).toBe "Afghanistan" + diff --git a/profiles/wcm_base/libraries/chosen/spec/jquery/max_shown_results.spec.coffee b/profiles/wcm_base/libraries/chosen/spec/jquery/max_shown_results.spec.coffee new file mode 100644 index 0000000000000000000000000000000000000000..e37cb23b4757cb8b62d4fc9e109f2502ff440d66 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/spec/jquery/max_shown_results.spec.coffee @@ -0,0 +1,64 @@ +describe "search", -> + it "should display only matching items when entering a search term", -> + tmpl = " + <select data-placeholder='Choose a Country...'> + <option value=''></option> + <option value='United States'>United States</option> + <option value='United Kingdom'>United Kingdom</option> + <option value='Afghanistan'>Afghanistan</option> + </select> + " + div = $("<div>").html(tmpl) + select = div.find("select") + select.chosen() + + container = div.find(".chosen-container") + container.trigger("mousedown") # open the drop + # Expect all results to be shown + results = div.find(".active-result") + expect(results.size()).toBe(3) + + # Enter some text in the search field. + search_field = div.find(".chosen-search input").first() + search_field.val("Afgh") + search_field.trigger('keyup') + + # Expect to only have one result: 'Afghanistan'. + results = div.find(".active-result") + expect(results.size()).toBe(1) + expect(results.first().text()).toBe "Afghanistan" + + it "should only show max_shown_results items in results", -> + tmpl = " + <select data-placeholder='Choose a Country...'> + <option value=''></option> + <option value='United States'>United States</option> + <option value='United Kingdom'>United Kingdom</option> + <option value='Afghanistan'>Afghanistan</option> + </select> + " + div = $("<div>").html(tmpl) + select = div.find("select") + select.chosen({max_shown_results: 1 }) + + container = div.find(".chosen-container") + container.trigger("mousedown") # open the drop + results = div.find(".active-result") + expect(results.size()).toBe(1) + + # Enter some text in the search field. + search_field = div.find(".chosen-search input").first() + search_field.val("United") + search_field.trigger("keyup") + + # Showing only one result: the one that occurs first. + results = div.find(".active-result") + expect(results.size()).toBe(1) + expect(results.first().text()).toBe "United States" + + # Showing still only one result, but not the first one. + search_field.val("United Ki") + search_field.trigger("keyup") + results = div.find(".active-result") + expect(results.size()).toBe(1) + expect(results.first().text()).toBe "United Kingdom" diff --git a/profiles/wcm_base/libraries/chosen/spec/proto/basic.spec.coffee b/profiles/wcm_base/libraries/chosen/spec/proto/basic.spec.coffee new file mode 100644 index 0000000000000000000000000000000000000000..ac5f3102848b01ac2ab38c243cf127bcd47a5919 --- /dev/null +++ b/profiles/wcm_base/libraries/chosen/spec/proto/basic.spec.coffee @@ -0,0 +1,37 @@ +describe "Basic setup", -> + it "should add expose a Chosen global", -> + expect(Chosen).toBeDefined() + + it "should create very basic chosen", -> + tmpl = " + <select data-placeholder='Choose a Country...'> + <option value=''></option> + <option value='United States'>United States</option> + <option value='United Kingdom'>United Kingdom</option> + <option value='Afghanistan'>Afghanistan</option> + </select> + " + + div = new Element("div") + document.body.insert(div) + div.update(tmpl) + select = div.down("select") + expect(select).toBeDefined() + new Chosen(select) + # very simple check that the necessary elements have been created + ["container", "container-single", "single", "default"].forEach (clazz)-> + el = div.down(".chosen-#{clazz}") + expect(el).toBeDefined() + + # test a few interactions + expect($F(select)).toBe "" + + container = div.down(".chosen-container") + container.simulate("mousedown") # open the drop + expect(container.hasClassName("chosen-container-active")).toBe true + + #select an item + container.select(".active-result").last().simulate("mouseup") + + expect($F(select)).toBe "Afghanistan" + div.remove() diff --git a/profiles/wcm_base/modules/contrib/file_entity/PATCHES.txt b/profiles/wcm_base/modules/contrib/file_entity/PATCHES.txt new file mode 100644 index 0000000000000000000000000000000000000000..9d9176658435124c956d5874bb05440d67d17801 --- /dev/null +++ b/profiles/wcm_base/modules/contrib/file_entity/PATCHES.txt @@ -0,0 +1,5 @@ +The following patches have been applied to this project: +- http://drupal.org/files/issues/file_entity-file-size-limit-per-file-type-2530656-3.patch +- http://drupal.org/files/issues/file_entity-notice_undefined_offset_menu_translate-2533816-4.patch + +This file was automatically generated by Drush Make (http://drupal.org/project/drush). \ No newline at end of file diff --git a/profiles/wcm_base/modules/contrib/file_entity/file_entity.admin.inc b/profiles/wcm_base/modules/contrib/file_entity/file_entity.admin.inc index 41c7c93beb6bd4e5c4f2f2c77aced0963d2ed7a9..4da9f2ff08ca500037e8b170dd9b1d76b7bdee57 100644 --- a/profiles/wcm_base/modules/contrib/file_entity/file_entity.admin.inc +++ b/profiles/wcm_base/modules/contrib/file_entity/file_entity.admin.inc @@ -1071,6 +1071,15 @@ function file_entity_settings_form($form, &$form_state) { '#maxlength' => NULL, ); + $form['file_entity_max_filesize_extensions'] = array( + '#type' => 'textarea', + '#title' => t('Maximum upload size per extension'), + '#default_value' => variable_get('file_entity_max_filesize_extensions', ''), + '#description' => t('Set the maximum filesize for specific extensions. Enter one value per line, in the format <strong>extension|filesize</strong>. When an extension does not have a file size limit, the default maximum file size is used.'), + '#rows' => 10, + '#element_validate' => array('file_entity_max_filesize_extensions_validate'), + ); + $form['file_entity_alt'] = array( '#type' => 'textfield', '#title' => t('Alt attribute'), @@ -1122,3 +1131,28 @@ function file_entity_settings_form($form, &$form_state) { return system_settings_form($form); } + +/** + * Element validate callback for the maximum upload size / file extension field. + */ +function file_entity_max_filesize_extensions_validate($element, &$form_state) { + $list = explode("\n", $element['#value']); + + foreach ($list as $position => $text) { + $matches = array(); + preg_match('/(.*)\|(.*)/', $text, $matches); + + $extension = $matches[1]; + $filesize = $matches[2]; + + //Validate filesize. + $element['#value'] = $filesize; + _file_generic_settings_max_filesize($element, $form_state); + + //Validate extension. + $extensions = explode(' ', $form_state['input']['file_entity_default_allowed_extensions']); + if (!in_array($extension, $extensions)) { + form_error($element, t('"!extension" was not found in the list of allowed extensions.', array('!extension' => $extension))); + } + } +} diff --git a/profiles/wcm_base/modules/contrib/file_entity/file_entity.pages.inc b/profiles/wcm_base/modules/contrib/file_entity/file_entity.pages.inc index 17688fee7ec5677f56f1bbc090e2e677f0ef4816..54722532463155017b10fad16b740e4b331f7e45 100644 --- a/profiles/wcm_base/modules/contrib/file_entity/file_entity.pages.inc +++ b/profiles/wcm_base/modules/contrib/file_entity/file_entity.pages.inc @@ -112,6 +112,33 @@ function file_entity_add_upload_step_upload($form, &$form_state, array $options '#default_value' => isset($form_state['storage']['upload']) ? $form_state['storage']['upload'] : NULL, ); + $form['upload']['#description'] = t('Files must be less than !size.', array('!size' => '<strong>' . format_size($form['upload']['#upload_validators']['file_entity_validate_size_extensions'][0]) . '</strong>')); + + // Get list of extensions. + $extensions = explode("\n", variable_get('file_entity_max_filesize_extensions')); + + if (!empty($extensions)) { + + $limits = ''; + + foreach ($extensions as $position => $text) { + $matches = array(); + preg_match('/(.*)\|(.*)/', $text, $matches); + + if (is_array($matches) && count($matches) == 3) { + $extension = $matches[1]; + $filesize = $matches[2]; + + $limits .= $extension . ': ' . $filesize . ','; + } + } + + $limits = rtrim($limits, ','); + + $form['upload']['#description'] = t('Files must be less than !size (!limits).', array('!size' => '<strong>' . format_size($form['upload']['#upload_validators']['file_entity_validate_size_extensions'][0]) . '</strong>', '!limits' => $limits)); + + } + $form['actions'] = array('#type' => 'actions'); $form['actions']['next'] = array( '#type' => 'submit', @@ -123,6 +150,44 @@ function file_entity_add_upload_step_upload($form, &$form_state, array $options return $form; } +function file_entity_validate_size_extensions(stdClass $file, $file_limit = 0, $user_limit = 0) { + global $user; + $errors = array(); + + // Current file extension. + $current_extension = pathinfo($file->filename, PATHINFO_EXTENSION); + + // Get list of extensions. + $extensions = explode("\n", variable_get('file_entity_max_filesize_extensions')); + + if ($extensions) { + foreach ($extensions as $position => $text) { + $matches = array(); + preg_match('/(.*)\|(.*)/', $text, $matches); + + if (is_array($matches) && count($matches) == 3) { + $extension = $matches[1]; + $filesize = $matches[2]; + + if (strtolower($extension) == strtolower($current_extension)) { + $file_limit = parse_size($filesize); + } + } + } + } + + if ($file_limit && $file->filesize > $file_limit) { + $errors[] = t('The file is %filesize exceeding the maximum file size of %maxsize.', array('%filesize' => format_size($file->filesize), '%maxsize' => format_size($file_limit))); + } + + // Save a query by only calling file_space_used() when a limit is provided. + if ($user_limit && (file_space_used($user->uid) + $file->filesize) > $user_limit) { + $errors[] = t('The file is %filesize which would exceed your disk quota of %quota.', array('%filesize' => format_size($file->filesize), '%quota' => format_size($user_limit))); + } + + return $errors; +} + /** * Generate form fields for the second step in the add file wizard. */ @@ -1069,7 +1134,7 @@ function file_entity_get_upload_validators(array $options = array()) { } // There is always a file size limit due to the PHP server limit. - $validators['file_validate_size'] = array($max_filesize); + $validators['file_entity_validate_size_extensions'] = array($max_filesize); // Add image validators. $options += array('min_resolution' => 0, 'max_resolution' => 0); diff --git a/profiles/wcm_base/modules/contrib/file_entity/plugins/entity/PanelizerEntityFile.class.php b/profiles/wcm_base/modules/contrib/file_entity/plugins/entity/PanelizerEntityFile.class.php index 7f15dfbcec9d26796daa1ce80b1df443951f52be..84b869c8f824011c76858b798abd2cebfa93e71f 100644 --- a/profiles/wcm_base/modules/contrib/file_entity/plugins/entity/PanelizerEntityFile.class.php +++ b/profiles/wcm_base/modules/contrib/file_entity/plugins/entity/PanelizerEntityFile.class.php @@ -10,8 +10,8 @@ * Handles file specific functionality for Panelizer. */ class PanelizerEntityFile extends PanelizerEntityDefault { - public $entity_admin_root = 'admin/structure/file-types/%'; - public $entity_admin_bundle = 3; + public $entity_admin_root = 'admin/structure/file-types/manage/%'; + public $entity_admin_bundle = 4; public $views_table = 'file_managed'; public function entity_access($op, $entity) { diff --git a/profiles/wcm_base/wcm_base.make b/profiles/wcm_base/wcm_base.make index 619b383e5b4cb4b56eac8c2cc49b26ef244205ef..1e3f00b13db60b53ef9e2dfeda01e6f3ad732b59 100644 --- a/profiles/wcm_base/wcm_base.make +++ b/profiles/wcm_base/wcm_base.make @@ -52,6 +52,11 @@ projects[features_extra][subdir] = contrib projects[fieldable_panels_panes][version] = 1.7 projects[fieldable_panels_panes][subdir] = contrib +projects[file_entity][version] = 2.0-beta2 +projects[file_entity][subdir] = contrib +projects[file_entity][patch][2530656] = http://drupal.org/files/issues/file_entity-file-size-limit-per-file-type-2530656-3.patch +projects[file_entity][patch][2533816] = http://drupal.org/files/issues/file_entity-notice_undefined_offset_menu_translate-2533816-4.patch + projects[file_entity_swf][version] = 1.0-rc2 projects[file_entity_swf][subdir] = contrib @@ -385,6 +390,12 @@ libraries[ocio_modernizr][download][type] = "git" libraries[ocio_modernizr][download][url] = "git@code.osu.edu:ocio_odee_web/ocio_modernizr.git" libraries[ocio_modernizr][download][branch] = 7.x-1.x +libraries[chosen][directory_name] = chosen +libraries[chosen][download][type] = "get" +libraries[chosen][download][url] = https://github.com/harvesthq/chosen/archive/master.zip +libraries[chosen][destination] = libraries + + ; ********************************************** ; ***************** PANOPOLY *******************