rails-bootstrap-toggle-buttons 0.0.5 → 0.0.6

data/vendor/assets/javascripts/bootstrap-toggle-buttons.js

@@ -1,10 +1,13 @@
 !function ($) {
   "use strict";
-  // version: 2.3
+  // version: 2.8.2
   // by Mattia Larentis - follow me on twitter! @SpiritualGuru
 
   var addToAttribute = function (obj, array, value) {
-    for (var i = 0, length = array.length; i < length; i++) {
+    var i = 0
+      , length = array.length;
+
+    for (; i < length; i++) {
       obj = obj[array[i]] = obj[array[i]] || i == ( length - 1) ? value : {}
     }
   };
@@ -12,6 +15,7 @@
   $.fn.toggleButtons = function (method) {
     var $element
       , $div
+      , $cb
       , transitionSpeed = 0.05
       , methods = {
         init: function (opt) {
@@ -31,7 +35,7 @@
 
                 if (i.indexOf("togglebutton") === 0) {
                   key = i.match(/[A-Z][a-z]+/g);
-                  key = jQuery.map(key, function (n) {
+                  key = $.map(key, function (n) {
                     return (n.toLowerCase());
                   });
 
@@ -48,12 +52,14 @@
               $spanRight = $('<span></span>').addClass("labelRight").text(options.label.disabled === undefined ? "OFF " : options.label.disabled);
 
               // html layout
-              $div = $element.find('input').wrap($('<div></div>')).parent();
+              $cb = $element.find('input:checkbox')
+
+              $div = $cb.wrap($('<div></div>')).parent();
               $div.append($spanLeft);
-              $div.append($('<label></label>').attr('for', $element.find('input').attr('id')));
+              $div.append($('<label></label>').attr('for', $cb.attr('id') || ''));
               $div.append($spanRight);
 
-              if ($element.find('input').is(':checked'))
+              if ($cb.is(':checked'))
                 $element.find('>div').css('left', "0");
               else $element.find('>div').css('left', "-50%");
 
@@ -85,7 +91,7 @@
                 .filter('span')
                 .css('line-height', options.height + "px");
 
-              if ($element.find('input').is(':disabled'))
+              if ($cb.is(':disabled'))
                 $(this).addClass('deactivate');
 
               $element.find('span').css(options.font);
@@ -98,6 +104,7 @@
                   if (options.style.custom.enabled.gradient === undefined)
                     $spanLeft.css('background', options.style.custom.enabled.background);
                   else $.each(["-webkit-", "-moz-", "-o-", ""], function (i, el) {
+                    $spanLeft.css('background-color', options.style.custom.enabled.background);
                     $spanLeft.css('background-image', el + 'linear-gradient(top, ' + options.style.custom.enabled.background + ',' + options.style.custom.enabled.gradient + ')');
                   });
                 }
@@ -111,6 +118,7 @@
                   if (options.style.custom.disabled.gradient === undefined)
                     $spanRight.css('background', options.style.custom.disabled.background);
                   else $.each(["-webkit-", "-moz-", "-o-", ""], function (i, el) {
+                    $spanRight.css('background-color', options.style.custom.disabled.background);
                     $spanRight.css('background-image', el + 'linear-gradient(top, ' + options.style.custom.disabled.background + ',' + options.style.custom.disabled.gradient + ')');
                   });
                 }
@@ -118,7 +126,10 @@
               else $spanRight.addClass(options.style.disabled);
 
               var changeStatus = function ($this) {
-                $this.siblings('label').trigger('mousedown').trigger('mouseup').trigger('click');
+                $this.siblings('label')
+                  .trigger('mousedown')
+                  .trigger('mouseup')
+                  .trigger('click');
               };
 
               $spanLeft.on('click', function (e) {
@@ -128,50 +139,51 @@
                 changeStatus($(this));
               });
 
-              $('.toggle-button').find('input').on('change', function (e) {
+              $element.find('input:checkbox').on('change', function (e, skipOnChange) {
                 var $element = $(this).parent()
                   , active = $(this).is(':checked')
                   , $toggleButton = $(this).closest('.toggle-button');
 
-                e.preventDefault();
-                e.stopImmediatePropagation();
-
                 $element.stop().animate({'left': active ? '0' : '-50%'}, $toggleButton.data('transitionSpeed'));
 
                 options = $toggleButton.data('options');
-                options.onChange($element, active, e);
+
+                if (!skipOnChange)
+                  options.onChange($element, active, e);
               });
 
-              $('.toggle-button').find('label').on('mousedown', function (e) {
+              $element.find('label').on('mousedown touchstart', function (e) {
                 moving = false;
-
                 e.preventDefault();
                 e.stopImmediatePropagation();
 
                 if ($(this).closest('.toggle-button').is('.deactivate'))
-                  $(this).unbind('click');
+                  $(this).off('click');
                 else {
-                  $(this).on('mousemove', function (e) {
+                  $(this).on('mousemove touchmove', function (e) {
                     var $element = $(this).closest('.toggle-button')
-                      , relativeX = e.pageX - $element.offset().left
+                      , relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left
                       , percent = ((relativeX / (options.width * 2)) * 100);
                     moving = true;
 
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+
                     if (percent < 25)
                       percent = 25;
                     else if (percent > 75)
                       percent = 75;
 
-                    $element.find('>div').css('left', (percent - 75) + "%")
+                    $element.find('>div').css('left', (percent - 75) + "%");
                   });
 
-                  $(this).on('click', function (e) {
+                  $(this).on('click touchend', function (e) {
                     var $target = $(e.target)
-                      , $myCheckBox = $target.siblings('input');
+                      , $myCheckBox = $target.siblings('input:checkbox');
 
                     e.stopImmediatePropagation();
                     e.preventDefault();
-                    $(this).unbind('mouseleave');
+                    $(this).off('mouseleave');
 
                     if (moving)
                       if (parseInt($(this).parent().css('left')) < -25)
@@ -183,12 +195,12 @@
                   });
 
                   $(this).on('mouseleave', function (e) {
-                    var $myCheckBox = $(this).siblings('input');
+                    var $myCheckBox = $(this).siblings('input:checkbox');
 
                     e.preventDefault();
                     e.stopImmediatePropagation();
 
-                    $(this).unbind('mouseleave');
+                    $(this).off('mouseleave');
                     $(this).trigger('mouseup');
 
                     if (parseInt($(this).parent().css('left')) < -25)
@@ -201,16 +213,39 @@
                   $(this).on('mouseup', function (e) {
                     e.stopImmediatePropagation();
                     e.preventDefault();
-                    $(this).unbind('mousemove');
+                    $(this).off('mousemove');
                   });
                 }
               });
             }
-          )
-          ;
+          );
+          return this;
         },
         toggleActivation: function () {
           $(this).toggleClass('deactivate');
+        },
+        toggleState: function (skipOnChange) {
+          var $input = $(this).find('input:checkbox');
+          $input.attr('checked', !$input.is(':checked')).trigger('change', skipOnChange);
+        },
+        setState: function(value, skipOnChange) {
+          $(this).find('input:checkbox').attr('checked', value).trigger('change', skipOnChange);
+        },
+        status: function () {
+          return $(this).find('input:checkbox').is(':checked');
+        },
+        destroy: function () {
+          var $div = $(this).find('div')
+            , $checkbox;
+
+          $div.find(':not(input:checkbox)').remove();
+
+          $checkbox = $div.children();
+          $checkbox.unwrap().unwrap();
+
+          $checkbox.unbind('change');
+
+          return $checkbox;
         }
       };
 
@@ -219,7 +254,7 @@
     else if (typeof method === 'object' || !method)
       return methods.init.apply(this, arguments);
     else
-      $.error('Method ' + method + ' does not exist on jQuery.tooltip');
+      $.error('Method ' + method + ' does not exist!');
   };
 
   $.fn.toggleButtons.defaults = {
@@ -251,4 +286,4 @@
       }
     }
   };
-}($);
+}(jQuery);

data/vendor/assets/stylesheets/bootstrap-toggle-buttons.css

@@ -96,60 +96,60 @@
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
   color: black;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6));
-  background-image: -webkit-linear-gradient(top, #fefefe, #e6e6e6);
-  background-image: -moz-linear-gradient(top, #fefefe, #e6e6e6);
-  background-image: -o-linear-gradient(top, #fefefe, #e6e6e6);
-  background-image: linear-gradient(top, #fefefe, #e6e6e6);
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fefefe), color-stop(100%, #e6e6e6));
+  background-image: -webkit-linear-gradient(bottom, #fefefe, #e6e6e6);
+  background-image: -moz-linear-gradient(bottom, #fefefe, #e6e6e6);
+  background-image: -o-linear-gradient(bottom, #fefefe, #e6e6e6);
+  background-image: linear-gradient(bottom, #fefefe, #e6e6e6);
   padding-right: 3px;
 }
 /* line 91, ../sass/bootstrap-toggle-buttons.scss */
 .toggle-button span.primary, .toggle-button span.labelLeft {
   color: #fefefe;
   background: #0088cc;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
-  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
-  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
-  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
-  background-image: linear-gradient(top, #0088cc, #0055cc);
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
+  background-image: -webkit-linear-gradient(bottom, #0088cc, #0055cc);
+  background-image: -moz-linear-gradient(bottom, #0088cc, #0055cc);
+  background-image: -o-linear-gradient(bottom, #0088cc, #0055cc);
+  background-image: linear-gradient(bottom, #0088cc, #0055cc);
 }
 /* line 96, ../sass/bootstrap-toggle-buttons.scss */
 .toggle-button span.info {
   color: #fefefe;
   background: #5bc0de;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
-  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
-  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
-  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
-  background-image: linear-gradient(top, #5bc0de, #2f96b4);
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
+  background-image: -webkit-linear-gradient(bottom, #5bc0de, #2f96b4);
+  background-image: -moz-linear-gradient(bottom, #5bc0de, #2f96b4);
+  background-image: -o-linear-gradient(bottom, #5bc0de, #2f96b4);
+  background-image: linear-gradient(bottom, #5bc0de, #2f96b4);
 }
 /* line 102, ../sass/bootstrap-toggle-buttons.scss */
 .toggle-button span.success {
   color: #fefefe;
   background: #62c462;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #51a351));
-  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
-  background-image: -moz-linear-gradient(top, #62c462, #51a351);
-  background-image: -o-linear-gradient(top, #62c462, #51a351);
-  background-image: linear-gradient(top, #62c462, #51a351);
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #62c462), color-stop(100%, #51a351));
+  background-image: -webkit-linear-gradient(bottom, #62c462, #51a351);
+  background-image: -moz-linear-gradient(bottom, #62c462, #51a351);
+  background-image: -o-linear-gradient(bottom, #62c462, #51a351);
+  background-image: linear-gradient(bottom, #62c462, #51a351);
 }
 /* line 108, ../sass/bootstrap-toggle-buttons.scss */
 .toggle-button span.warning {
   color: #fefefe;
   background: #dbb450;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbb450), color-stop(100%, #f89406));
-  background-image: -webkit-linear-gradient(top, #dbb450, #f89406);
-  background-image: -moz-linear-gradient(top, #dbb450, #f89406);
-  background-image: -o-linear-gradient(top, #dbb450, #f89406);
-  background-image: linear-gradient(top, #dbb450, #f89406);
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbb450), color-stop(100%, #f89406));
+  background-image: -webkit-linear-gradient(bottom, #dbb450, #f89406);
+  background-image: -moz-linear-gradient(bottom, #dbb450, #f89406);
+  background-image: -o-linear-gradient(bottom, #dbb450, #f89406);
+  background-image: linear-gradient(bottom, #dbb450, #f89406);
 }
 /* line 114, ../sass/bootstrap-toggle-buttons.scss */
 .toggle-button span.danger {
   color: #fefefe;
   background: #ee5f5b;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
-  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: linear-gradient(top, #ee5f5b, #bd362f);
-}
+  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
+  background-image: -webkit-linear-gradient(bottom, #ee5f5b, #bd362f);
+  background-image: -moz-linear-gradient(bottom, #ee5f5b, #bd362f);
+  background-image: -o-linear-gradient(bottom, #ee5f5b, #bd362f);
+  background-image: linear-gradient(bottom, #ee5f5b, #bd362f);
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails-bootstrap-toggle-buttons
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-10-03 00:00:00.000000000 Z
+date: 2013-01-11 00:00:00.000000000 Z
 dependencies: []
 description: Just providing the bootstrap-toggle-buttons from https://github.com/nostalgiaz/bootstrap-toggle-buttons
   into a gem.
@@ -20,8 +20,8 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/rails-bootstrap-toggle-buttons.rb
-- vendor/assets/javascripts/bootstrap-toggle-buttons.js
 - vendor/assets/stylesheets/bootstrap-toggle-buttons.css
+- vendor/assets/javascripts/bootstrap-toggle-buttons.js
 - LICENSE.txt
 - README.md
 homepage: https://github.com/caarlos0/rails-bootstrap-toggle-buttons.git
@@ -44,7 +44,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.24
+rubygems_version: 1.8.23
 signing_key: 
 specification_version: 3
 summary: A simple gem for https://github.com/nostalgiaz/bootstrap-toggle-buttons