multi-select-rails 0.9.2 → 0.9.3

data/Rakefile

@@ -0,0 +1,30 @@
+desc "Update"
+task :update do
+  system("rm -rf multi-select-src")
+
+  system("git clone https://github.com/lou/multi-select.git multi-select-src")
+  system("cp multi-select-src/img/switch.png vendor/assets/images/switch.png")
+  system("cp multi-select-src/css/multi-select.css vendor/assets/stylesheets/multi-select.scss")
+  system("cp multi-select-src/js/jquery.multi-select.js vendor/assets/javascripts/multi-select.js")
+
+  fixes
+
+  system("rm -rf multi-select-src")
+end
+
+def fixes
+  replace_string_in_file("vendor/assets/stylesheets/multi-select.scss", "url('../img/switch.png')", "image-url('switch.png')")
+end
+
+def replace_string_in_file(file, find, replace)
+  file_content = File.read(file)
+
+  File.open(file, "w") do |f|
+    f.puts file_content.gsub!(find, replace)
+  end
+end
+
+desc "Build"
+task "build" do
+  system("gem build multi-select-rails.gemspec")
+end

data/lib/multi-select-rails/version.rb

@@ -1,5 +1,5 @@
 module MultiSelectRails
   module Rails
-    VERSION = "0.9.2"
+    VERSION = "0.9.3"
   end
 end

data/vendor/assets/javascripts/multi-select.js

@@ -1,5 +1,5 @@
 /*
-* MultiSelect v0.9.2
+* MultiSelect v0.9.3
 * Copyright (c) 2012 Louis Cuny
 *
 * This program is free software. It comes without any warranty, to
@@ -104,9 +104,19 @@
             var selectableLi = $('<li '+attributes+'><span>'+$(this).text()+'</span></li>'),
                 selectedLi = selectableLi.clone();
 
-            var value = $(this).val();
-            selectableLi.addClass('ms-elem-selectable').attr('id', value+'-selectable');
-            selectedLi.addClass('ms-elem-selection').attr('id', value+'-selection').hide();
+            var value = $(this).val(),
+                msId = that.sanitize(value);
+
+            selectableLi
+              .data('ms-value', value)
+              .addClass('ms-elem-selectable')
+              .attr('id', msId+'-selectable');
+
+            selectedLi
+              .data('ms-value', value)
+              .addClass('ms-elem-selection')
+              .attr('id', msId+'-selection')
+              .hide();
 
             that.$selectionUl.find('.ms-optgroup-label').hide();
 
@@ -125,15 +135,17 @@
           }
         });
 
-        if (that.options.selectableHeader){
+        if (that.options.selectableHeader)
           that.$selectableContainer.append(that.options.selectableHeader);
-        }
         that.$selectableContainer.append(that.$selectableUl);
-        
-        if (that.options.selectionHeader){
+        if (that.options.selectableFooter)
+          that.$selectableContainer.append(that.options.selectableFooter);
+
+        if (that.options.selectionHeader)
           that.$selectionContainer.append(that.options.selectionHeader);
-        }
-        this.$selectionContainer.append(that.$selectionUl);
+        that.$selectionContainer.append(that.$selectionUl);
+        if (that.options.selectionFooter)
+          that.$selectionContainer.append(that.options.selectionFooter);
 
         that.$container.append(that.$selectableContainer);
         that.$container.append(that.$selectionContainer);
@@ -147,17 +159,17 @@
 
         if(that.options.dblClick) {
           that.$selectableUl.on('dblclick', '.ms-elem-selectable', function(){
-            that.select($(this).attr('id').replace(/-selectable/, ''));
+            that.select($(this).data('ms-value'));
           });
           that.$selectionUl.on('dblclick', '.ms-elem-selection', function(){
-            that.deselect($(this).attr('id').replace(/-selection/, ''));
+            that.deselect($(this).data('ms-value'));
           });
         } else {
           that.$selectableUl.on('click', '.ms-elem-selectable', function(){
-            that.select($(this).attr('id').replace(/-selectable/, ''));
+            that.select($(this).data('ms-value'));
           });
           that.$selectionUl.on('click', '.ms-elem-selection', function(){
-            that.deselect($(this).attr('id').replace(/-selection/, ''));
+            that.deselect($(this).data('ms-value'));
           });
         }
 
@@ -206,9 +218,9 @@
             if (liFocused.length >0){
               var method = keyContainer == 'ms-selectable' ? 'select' : 'deselect';
               if (keyContainer == 'ms-selectable'){
-                that.select(liFocused.attr('id').replace('-selectable', ''));
+                that.select(liFocused.data('ms-value'));
               } else {
-                that.deselect(liFocused.attr('id').replace('-selection', ''));
+                that.deselect(liFocused.data('ms-value'));
               }
               lis.removeClass('ms-hover');
               that.scrollTo = 0;
@@ -273,17 +285,20 @@
         that.options.afterInit.call(this, this.$container);
       }
     },
+
     'refresh' : function() {
       $("#ms-"+this.$element.attr("id")).remove();
       this.init(this.options);
     },
+
     'select' : function(value, method){
       if (typeof value == 'string')
         value = [value]
       var that = this,
           ms = this.$element,
-          selectables = this.$selectableUl.find('#' + value.join('-selectable, #')+'-selectable').filter(':not(.'+that.options.disabledClass+')'),
-          selections = this.$selectionUl.find('#' + value.join('-selection, #') + '-selection'),
+          msIds = $.map(value, function(val, index){ return(that.sanitize(val)) }),
+          selectables = this.$selectableUl.find('#' + msIds.join('-selectable, #')+'-selectable').filter(':not(.'+that.options.disabledClass+')'),
+          selections = this.$selectionUl.find('#' + msIds.join('-selection, #') + '-selection'),
           options = ms.find('option').filter(function(index){ return($.inArray(this.value, value) > -1) });
 
       if (selectables.length > 0){
@@ -318,13 +333,15 @@
         }
       }
     },
+
     'deselect' : function(value){
       if (typeof value == 'string')
         value = [value]
       var that = this,
           ms = this.$element,
-          selectables = this.$selectableUl.find('#' + value.join('-selectable, #')+'-selectable'),
-          selections = this.$selectionUl.find('#' + value.join('-selection, #')+'-selection').filter('.ms-selected'),
+          msIds = $.map(value, function(val, index){ return(that.sanitize(val)) }),
+          selectables = this.$selectableUl.find('#' + msIds.join('-selectable, #')+'-selectable'),
+          selections = this.$selectionUl.find('#' + msIds.join('-selection, #')+'-selection').filter('.ms-selected'),
           options = ms.find('option').filter(function(index){ return($.inArray(this.value, value) > -1) });
 
       if (selections.length > 0){
@@ -357,6 +374,7 @@
         }
       }
     },
+
     'select_all' : function(){
       var ms = this.$element;
 
@@ -369,6 +387,7 @@
       this.$selectableUl.focusout();
       ms.trigger('change');
     },
+
     'deselect_all' : function(){
       var ms = this.$element;
 
@@ -381,6 +400,7 @@
       this.$selectionUl.focusout();
       ms.trigger('change');
     },
+
     isDomNode: function (attr){
       return (
         attr &&
@@ -388,6 +408,10 @@
         typeof attr.nodeType === "number" &&
         typeof attr.nodeName === "string"
       );
+    },
+
+    sanitize: function(value){
+      return(value.replace(/[^A-Za-z0-9]*/gi, '_'));
     }
   }
 

data/vendor/assets/stylesheets/multi-select.scss

@@ -1,86 +1,93 @@
-.ms-container{
-  background: transparent image-url('switch.png') no-repeat 170px 80px;
-}
-
-.ms-container:after{
-  content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;
-}
-
-.ms-container .ms-selectable, .ms-container .ms-selection{
-
-  background: #fff;
-  color: #555555;
-  float: left;
-}
-
-.ms-container .ms-list{
-  -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);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -ms-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;
-    border: 1px solid #cccccc;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}
-
-
-.ms-selected{
-  display:none;
-}
-.ms-container .ms-selectable{
-  margin-right: 40px;
-}
-
-.ms-container .ms-list.ms-focus{
-  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);
-  outline: 0;
-  outline: thin dotted \9;
-}
-
-.ms-container ul{
-  margin: 0;
-  list-style-type: none;
-}
-
-.ms-container ul.ms-list{
-  width: 160px;
-  height: 200px;
-  padding: 0px 0px;
-  overflow-y: auto;
-}
-
-.ms-container .ms-selectable li.ms-elem-selectable,
-.ms-container .ms-selection li.ms-elem-selected{
-  border-bottom: 1px #eee solid;
-  padding: 2px 10px;
-  color: #555;
-  font-size: 14px;
-}
-
-.ms-container .ms-selectable li.disabled,
-.ms-container .ms-selection li.disabled{
-  background-color: #eee;
-  color: #aaa;
-}
-
-.ms-container .ms-optgroup-label{
-  padding: 5px 0px 0px 5px;
-  cursor: pointer;
-  color: #999;
-}
-
-.ms-container li.ms-elem-selectable:not(.disabled).ms-hover,
-.ms-container .ms-selection li:not(.disabled).ms-hover{
-  cursor: pointer;
-  color: #ffffff;
-  text-decoration: none;
-  background-color: #0088cc;
-}
+.ms-container{
+  background: transparent image-url('switch.png') no-repeat 170px 80px;
+}
+
+.ms-container:after{
+  content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;
+}
+
+.ms-container .ms-selectable, .ms-container .ms-selection{
+
+  background: #fff;
+  color: #555555;
+  float: left;
+}
+
+.ms-container .ms-list{
+  -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);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+  -ms-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;
+  border: 1px solid #ccc;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+}
+
+
+.ms-selected{
+  display:none;
+}
+.ms-container .ms-selectable{
+  margin-right: 40px;
+}
+
+.ms-container .ms-list.ms-focus{
+  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);
+  outline: 0;
+  outline: thin dotted \9;
+}
+
+.ms-container ul{
+  margin: 0;
+  list-style-type: none;
+  padding: 0;
+}
+
+.ms-container .ms-optgroup-container{
+  width: 100%;
+}
+
+.ms-container ul.ms-list{
+  width: 160px;
+  height: 200px;
+  padding: 0;
+  overflow-y: auto;
+}
+
+.ms-container .ms-optgroup-label{
+  margin: 0;
+  padding: 5px 0px 0px 5px;
+  cursor: pointer;
+  color: #999;
+}
+
+.ms-container .ms-selectable li.ms-elem-selectable,
+.ms-container .ms-selection li.ms-elem-selection{
+  border-bottom: 1px #eee solid;
+  padding: 2px 10px;
+  color: #555;
+  font-size: 14px;
+}
+
+.ms-container .ms-selectable li.ms-hover,
+.ms-container .ms-selection li.ms-hover{
+  cursor: pointer;
+  color: #fff;
+  text-decoration: none;
+  background-color: #08c;
+}
+
+.ms-container .ms-selectable li.disabled,
+.ms-container .ms-selection li.disabled{
+  background-color: #eee;
+  color: #aaa;
+  cursor: text;
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: multi-select-rails
 version: !ruby/object:Gem::Version
-  version: 0.9.2
+  version: 0.9.3
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-12-18 00:00:00.000000000 Z
+date: 2013-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -69,6 +69,7 @@ files:
 - .gitignore
 - Gemfile
 - README.md
+- Rakefile
 - lib/multi-select-rails.rb
 - lib/multi-select-rails/engine.rb
 - lib/multi-select-rails/railtie.rb
@@ -92,7 +93,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2806128788544940467
+      hash: -448448030300929018
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -101,7 +102,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2806128788544940467
+      hash: -448448030300929018
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.24