chosen-awesome-rails 1.0.0 → 1.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: a520111beb5680aaae507d0281c70d23e13cd318
+  data.tar.gz: 6602e21c49d725065ba7d5a609ce892f4b1a34a2
+SHA512:
+  metadata.gz: 301ad7f526f6de1027a51fae053ecb839770796fb06be5b734f2d00457f866d10a6b14ad1a8ba71e31d077d6f5a5d738b721d3c98e5f767874bfd7ca260080de
+  data.tar.gz: 48fa46865fd676b969671a46ba7f630f8d5d08521acd2685323c4f62a899d6eb65f04814c6e03f7da3a3f5d5a527af762f34a55c1c76a79a018b66694862af73

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    chosen-awesome-rails (1.0.0)
+    chosen-awesome-rails (1.0.2)
       coffee-rails (>= 3.2)
       railties (>= 3.0)
       sass-rails (>= 3.2)

data/README.md

@@ -1,7 +1,7 @@
-# Chosen awesome (with ajax support and dynamic options injection)
+# Chosen awesome (with ajax support and "on the fly" options insertion)
 
-A written from the scratch library that wraps around default html select controls
-and makes them more user friendly (Ruby on Rails package).
+A written from scratch library that wraps around default html select controls
+and makes them more user friendly (Ruby on Rails package). Out of the box ajax support.
 
 ## Usage
 
@@ -38,20 +38,22 @@ Default options are:
 
 ```javascript
 {
-  allow_insertion: false, // allows to add missing options dynamically, e.g. when you
-                          // need to show a list of tags allowing users to add missing ones
-  inherit_classes: true,  // whether chosen should inherit html class names from the
-                          // original select element
-  option_parser: null,    // a function that should return an object that
-                          // will be passed right to jQuery's append method to build
-                          // html option elemets: $("<option />", parsed_object)
-  option_formatter: null  // a function that accepts an option object (jquery selector)
+  allow_insertion: false, // Allows to add missing options dynamically, e.g. when you
+                          // need to show a list of tags allowing users to add missing ones.
+  inherit_classes: true,  // Whether chosen should inherit html class names from the
+                          // original select element or not.
+  option_parser: null,    // A function that should return an object that
+                          // will be passed to jQuery to build html option elemets:
+                          // $("<option />", parsed_object).
+  option_formatter: null  // A function that accepts an option object (jquery selector)
                           // and returns an array of 2 values where one is used
                           // for the dropdown item and another for the choice element
+  placeholder: "..."      // Custom placeholder text (by default it will try to read it
+                          // from the target element)
 }
 ```
 
-Dynamic insertion example:
+On the fly options insertion:
 
 ![Dynamic insertion example]
 (http://oi62.tinypic.com/14kb808.jpg)
@@ -87,3 +89,9 @@ And pass the next ajax options:
   }
 }
 ```
+
+### JS events
+
+Once chosen is ready it triggers `chosen:ready` event on the target element.
+A link to the newly created Chosen object will be saved in the data-chosen attribute
+of the target select element.

data/chosen-awesome-rails.gemspec

@@ -3,12 +3,12 @@
 
 Gem::Specification.new do |s|
   s.name = "chosen-awesome-rails"
-  s.version = "1.0.0"
+  s.version = "1.0.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.require_paths = ["lib"]
   s.authors = ["heaven"]
-  s.date = "2013-08-04"
+  s.date = "2015-03-24"
   s.description = "Chosen is a javascript library of select box enhancer for jQuery, integrates with Rails asset pipeline for ease of use."
   s.email = ["alex@codeart.pw"]
   s.files = [".gitignore", "Gemfile", "Gemfile.lock", "LICENSE.txt", "README.md", "Rakefile", "chosen-awesome-rails.gemspec", "lib/chosen-awesome-rails.rb", "lib/chosen-awesome-rails/engine.rb", "lib/chosen-awesome-rails/engine3.rb", "lib/chosen-awesome-rails/version.rb", "vendor/assets/images/chosen-arrow.gif", "vendor/assets/javascripts/chosen.js.coffee", "vendor/assets/javascripts/chosen/chosen.js.coffee", "vendor/assets/javascripts/chosen/multiple.js.coffee", "vendor/assets/javascripts/chosen/parser.js.coffee", "vendor/assets/javascripts/chosen/single.js.coffee", "vendor/assets/stylesheets/chosen.css.scss", "vendor/assets/stylesheets/chosen/bootstrap.css.scss", "vendor/assets/stylesheets/chosen/default.css.scss"]

data/vendor/assets/javascripts/chosen/chosen.js.coffee

@@ -18,21 +18,16 @@ class Chosen
 
     @build()
     @load()
-    @complete()
 
-  complete: ->
     Chosen.pool.push(@)
 
-    if @target.disabled
-      @disabled = false
-      @disable()
-    else
-      @disabled = true
-      @enable()
+    @set_state()
 
-    @$target.addClass("chosen").after(@$container)
+    @$target.addClass("chosen").after(@$container).bind("chosen:update", (evt) => @set_state())
 
   destroy: ->
+    @$target.unbind "chosen:update"
+
     @unbind_events()
 
     delete @$body
@@ -53,6 +48,14 @@ class Chosen
     index = Chosen.pool.indexOf(@)
     Chosen.pool.splice(index, 1) if index >= 0
 
+  set_state: ->
+    if @target.disabled
+      @disabled = false
+      @disable()
+    else
+      @disabled = true
+      @enable()
+
   reset: ->
     @deselect_all()
 
@@ -68,11 +71,14 @@ class Chosen
     select_classes.push "rtl" if @is_rtl
     select_classes.push @target.className if @inherit_classes and @target.className
 
-    width = if @width? then @width else "#{@target.offsetWidth}px"
-
     container_props =
       class: select_classes.join ' '
-      style: "width: #{width}; min-width: #{width}; max-width: #{width}"
+      css: if @width? then { width: @width } else @getCSSProperties(@target, ["width", "min-width", "max-width"])
+
+    attrs = @getCSSProperties(@target, ["height"])
+
+    if attrs.height
+      container_props.css['min-height'] = attrs.height
 
     container_props.title = @target.title if @target.title.length
     container_props.id = @target.id.replace(/[^\w]/g, '-') + "-chosen" if @target.id
@@ -99,6 +105,28 @@ class Chosen
     @$dropdown.$list.$no_results = $("<li />", class: "chosen-noresults")
     @$dropdown.$list.suggestion = null
 
+  getCSSProperties: (node, properties)->
+    sheets = document.styleSheets
+    node.matches = node.matches or node.webkitMatchesSelector or node.mozMatchesSelector or node.msMatchesSelector or node.oMatchesSelector
+    matches = []
+    attrs = {}
+
+    for i of sheets
+      rules = sheets[i].rules or sheets[i].cssRules
+
+      for r of rules
+        if node.matches(rules[r].selectorText)
+          matches.push rules[r].cssText
+
+    for p in properties
+      for m in matches
+        match = m.match(new RegExp("(?:\\s|;|^)#{p}:\\s*([^;]+)"))
+
+        if match
+          attrs[p] = match[1]
+
+    attrs
+
   bind_events: ->
     if @target.id.length
       $("label[for=#{@target.id}]").bind "click", (evt) =>
@@ -206,6 +234,7 @@ class Chosen
 
     @$dropdown.bind "mouseover", "li.chosen-option", (evt) => @dropdown_mouseover(evt)
     @$dropdown.bind "mousedown", "li.chosen-option", (evt) => @dropdown_mousedown(evt)
+    @$dropdown.bind "mousewheel DOMMouseScroll", (evt) => @prevent_page_scroll(evt)
 
     @$container.addClass("opened")
     @$dropdown.addClass("opened")
@@ -217,7 +246,7 @@ class Chosen
 
     @$container.removeClass("opened")
     @$dropdown.removeClass("opened")
-    @$dropdown.unbind "mouseover mousedown"
+    @$dropdown.unbind "mouseover mousedown mousewheel DOMMouseScroll"
     @$dropdown.remove()
     @opened = false
 
@@ -258,6 +287,14 @@ class Chosen
     evt.stopImmediatePropagation()
     return
 
+  prevent_page_scroll: (evt) ->
+    delta = evt.originalEvent.wheelDelta || -evt.originalEvent.detail
+
+    if (delta < 0 and @$dropdown.$list[0].scrollHeight - @$dropdown.scrollTop() == @$dropdown.innerHeight()) or (delta > 0 and @$dropdown.scrollTop() == 0)
+      evt.preventDefault()
+
+    return
+
   keydown: (evt) ->
     code = evt.which ? evt.keyCode
 
@@ -310,10 +347,9 @@ class Chosen
   update_dropdown_position: ->
     return unless @opened
 
-    list = @$container.find("ul")
-    offsets = list.offset()
-    height = list.innerHeight()
-    width = list.innerWidth()
+    offsets = @$container.offset()
+    height = @$container.innerHeight()
+    width = @$container.innerWidth()
 
     @$dropdown.css
       left: "#{offsets.left}px",
@@ -376,7 +412,7 @@ class Chosen
     @move_selection_to(cursor)
 
     if @cursor_option and @cursor_option.selected and @parser.selectable_options.length
-      # TODO: optimize this
+      # TODO: optimize this, could be slow on big lists
       return @move_selection(dir)
 
     return @

data/vendor/assets/stylesheets/chosen/bootstrap.css.scss

@@ -1,44 +1,51 @@
 .chosen-container {
+  border: 1px solid #cccccc;
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+  transition: border linear 0.2s, box-shadow linear 0.2s;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-sizing: border-box;
+
   ul.chosen-choices {
     color: #555555;
-    border: 1px solid #cccccc;
-    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-    transition: border linear 0.2s, box-shadow linear 0.2s;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+
+    li.chosen-search-field {
+      input {
+        padding: 0;
+        height: 100%;
+      }
+    }
+  }
+
+  > a.chosen-delete {
+    right: 25px;
   }
 }
 
 .chosen-container.disabled {
-  ul.chosen-choices {
-    background-color: #eee;
-  }
+  background-color: #eee;
 }
 
 .chosen-container.focus {
-  ul.chosen-choices {
-    border-color: rgba(82, 168, 236, 0.8);
-    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-  }
+  border-color: rgba(82, 168, 236, 0.8);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
 }
 
 .chosen-container.opened {
-  ul.chosen-choices {
-    -webkit-border-bottom-left-radius: 0;
-    -webkit-border-bottom-right-radius: 0;
-    -moz-border-bottom-left-radius: 0;
-    -moz-border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
+  -webkit-border-bottom-left-radius: 0;
+  -webkit-border-bottom-right-radius: 0;
+  -moz-border-bottom-left-radius: 0;
+  -moz-border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
 .chosen-dropdown {

data/vendor/assets/stylesheets/chosen/default.css.scss

@@ -8,7 +8,6 @@ $background_color_default: #fff;
 $background_color_active: rgba(82, 168, 236, 1);
 $background_color_disabled: #efefef;
 
-$color_default: #555;
 $color_disabled: #989898;
 $color_selected: #989898;
 $group_color: #a0a0a0;
@@ -25,22 +24,15 @@ $color_active: #fff;
   display: inline-block;
   *display: inline;
   vertical-align: middle;
+  height: auto !important;
   outline: none;
   cursor: default;
-  border: none;
+  border-width: 1px;
+  border-style: solid;
+  border-color: $border_color_default;
+  background-color: $background_color_default;
   zoom: 1;
 
-  > a.chosen-delete {
-    position: absolute;
-    right: 12px;
-    top: 4px;
-  }
-
-  a.chosen-delete:hover {
-    color: #333;
-    text-decoration: none;
-  }
-
   a.chosen-delete {
     padding: 0 5px;
     margin: 0;
@@ -50,6 +42,24 @@ $color_active: #fff;
     text-decoration: none;
   }
 
+  a.chosen-delete:hover {
+    color: #333;
+    text-decoration: none;
+  }
+
+  > a.chosen-delete {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    width: 10px;
+    height: 15px;
+    padding: 0;
+    margin: -8px auto 0 auto;
+    text-align: center;
+    font-size: 15px;
+    line-height: 1;
+  }
+
   ul.chosen-choices {
     position: relative;
     overflow: hidden;
@@ -58,14 +68,10 @@ $color_active: #fff;
     padding: 0 24px 0 0;
     margin: 0;
     width: auto;
-    height: auto;
-    border-width: 1px;
-    border-style: solid;
-    border-color: $border_color_default;
+    height: 100%;
     background-repeat: no-repeat;
     background-position: right center;
     background-image: url($arrow_image_path);
-    background-color: $background_color_default;
 
     li {
       position: relative;
@@ -77,13 +83,13 @@ $color_active: #fff;
 
     li.chosen-search-field {
       width: 100%;
+      height: 100%;
 
       input {
         position: relative;
         float: left;
         width: 100%;
         margin: 0;
-        color: $color_default;
         outline: none;
         cursor: text;
         border: none;
@@ -127,7 +133,7 @@ $color_active: #fff;
   ul.chosen-choices {
     li.chosen-option {
       padding: 0 5px 0 0;
-      margin: 3px 0 0 3px;
+      margin: 0 3px 3px 0;
       border: 1px solid #aaa;
       border-radius: 3px;
       background-color: #e4e4e4;
@@ -201,7 +207,7 @@ $color_active: #fff;
   border: 1px solid $border_color_active;
   border-top: none;
   background: $background_color_default;
-  z-index: 100;
+  z-index: 10000;
   zoom: 1;
 
   ul {

metadata

@@ -1,96 +1,85 @@
 --- !ruby/object:Gem::Specification
 name: chosen-awesome-rails
 version: !ruby/object:Gem::Version
-  prerelease: 
-  version: 1.0.0
+  version: 1.0.2
 platform: ruby
 authors:
 - heaven
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-04 00:00:00.000000000 Z
+date: 2015-03-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  version_requirements: !ruby/object:Gem::Requirement
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.0'
-    none: false
-  prerelease: false
-  name: railties
   type: :runtime
-  requirement: !ruby/object:Gem::Requirement
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.0'
-    none: false
 - !ruby/object:Gem::Dependency
-  version_requirements: !ruby/object:Gem::Requirement
+  name: coffee-rails
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.2'
-    none: false
-  prerelease: false
-  name: coffee-rails
   type: :runtime
-  requirement: !ruby/object:Gem::Requirement
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.2'
-    none: false
 - !ruby/object:Gem::Dependency
-  version_requirements: !ruby/object:Gem::Requirement
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.2'
-    none: false
-  prerelease: false
-  name: sass-rails
   type: :runtime
-  requirement: !ruby/object:Gem::Requirement
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.2'
-    none: false
 - !ruby/object:Gem::Dependency
-  version_requirements: !ruby/object:Gem::Requirement
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.0'
-    none: false
-  prerelease: false
-  name: bundler
   type: :development
-  requirement: !ruby/object:Gem::Requirement
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.0'
-    none: false
 - !ruby/object:Gem::Dependency
-  version_requirements: !ruby/object:Gem::Requirement
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.0'
-    none: false
-  prerelease: false
-  name: rails
   type: :development
-  requirement: !ruby/object:Gem::Requirement
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.0'
-    none: false
 description: Chosen is a javascript library of select box enhancer for jQuery, integrates
   with Rails asset pipeline for ease of use.
 email:
@@ -99,7 +88,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
+- ".gitignore"
 - Gemfile
 - Gemfile.lock
 - LICENSE.txt
@@ -121,28 +110,24 @@ files:
 - vendor/assets/stylesheets/chosen/default.css.scss
 homepage: https://github.com/heaven/chosen-awesome-rails
 licenses: []
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
-      segments:
-      - 0
-      hash: 1484227093598222791
       version: '0'
-  none: false
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
-  none: false
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.25
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 3
 summary: Integrate Chosen javascript library with Rails asset pipeline