materialize-sass 0.99.0 → 0.100.0

data/app/assets/javascripts/materialize/character_counter.js

@@ -1,7 +1,7 @@
 (function ($) {
 
-  $.fn.characterCounter = function(){
-    return this.each(function(){
+  $.fn.characterCounter = function () {
+    return this.each(function () {
       var $input = $(this);
       var $counterElement = $input.parent().find('span[class="character-counter"]');
 
@@ -12,24 +12,22 @@
 
       var itHasLengthAttribute = $input.attr('data-length') !== undefined;
 
-      if(itHasLengthAttribute){
+      if (itHasLengthAttribute) {
         $input.on('input', updateCounter);
         $input.on('focus', updateCounter);
         $input.on('blur', removeCounterElement);
 
         addCounterElement($input);
       }
-
     });
   };
 
-  function updateCounter(){
-    var maxLength     = +$(this).attr('data-length'),
-    actualLength      = +$(this).val().length,
-    isValidLength     = actualLength <= maxLength;
+  function updateCounter() {
+    var maxLength = +$(this).attr('data-length'),
+        actualLength = +$(this).val().length,
+        isValidLength = actualLength <= maxLength;
 
-    $(this).parent().find('span[class="character-counter"]')
-                    .html( actualLength + '/' + maxLength);
+    $(this).parent().find('span[class="character-counter"]').html(actualLength + '/' + maxLength);
 
     addInputStyle(isValidLength, $(this));
   }
@@ -41,32 +39,26 @@
       return;
     }
 
-    $counterElement = $('<span/>')
-                        .addClass('character-counter')
-                        .css('float','right')
-                        .css('font-size','12px')
-                        .css('height', 1);
+    $counterElement = $('<span/>').addClass('character-counter').css('float', 'right').css('font-size', '12px').css('height', 1);
 
     $input.parent().append($counterElement);
   }
 
-  function removeCounterElement(){
+  function removeCounterElement() {
     $(this).parent().find('span[class="character-counter"]').html('');
   }
 
-  function addInputStyle(isValidLength, $input){
+  function addInputStyle(isValidLength, $input) {
     var inputHasInvalidClass = $input.hasClass('invalid');
     if (isValidLength && inputHasInvalidClass) {
       $input.removeClass('invalid');
-    }
-    else if(!isValidLength && !inputHasInvalidClass){
+    } else if (!isValidLength && !inputHasInvalidClass) {
       $input.removeClass('valid');
       $input.addClass('invalid');
     }
   }
 
-  $(document).on('ready turbolinks:load', function(){
+  $(document).on('ready turbolinks:load', function () {
     $('input, textarea').characterCounter();
   });
-
-}( jQuery ));
+})(jQuery);

data/app/assets/javascripts/materialize/chips.js

@@ -3,12 +3,12 @@
     data: [],
     placeholder: '',
     secondaryPlaceholder: '',
-    autocompleteOptions: {},
+    autocompleteOptions: {}
   };
 
-  $(document).on('ready turbolinks:load', function() {
+  $(document).on('ready turbolinks:load', function () {
     // Handle removal of static chips.
-    $(document).on('click', '.chip .close', function(e){
+    $(document).on('click', '.chip .close', function (e) {
       var $chips = $(this).closest('.chips');
       if ($chips.attr('data-initialized')) {
         return;
@@ -26,7 +26,7 @@
       CHIP: '.chip',
       INPUT: 'input',
       DELETE: '.material-icons',
-      SELECTED_CHIP: '.selected',
+      SELECTED_CHIP: '.selected'
     };
 
     if ('data' === options) {
@@ -37,10 +37,10 @@
     self.hasAutocomplete = !$.isEmptyObject(curr_options.autocompleteOptions.data);
 
     // Initialize
-    this.init = function() {
+    this.init = function () {
       var i = 0;
       var chips;
-      self.$el.each(function(){
+      self.$el.each(function () {
         var $chips = $(this);
         var chipId = Materialize.guid();
         self.chipId = chipId;
@@ -61,14 +61,14 @@
       });
     };
 
-    this.handleEvents = function() {
+    this.handleEvents = function () {
       var SELS = self.SELS;
 
-      self.$document.off('click.chips-focus', SELS.CHIPS).on('click.chips-focus', SELS.CHIPS, function(e){
+      self.$document.off('click.chips-focus', SELS.CHIPS).on('click.chips-focus', SELS.CHIPS, function (e) {
         $(e.target).find(SELS.INPUT).focus();
       });
 
-      self.$document.off('click.chips-select', SELS.CHIP).on('click.chips-select', SELS.CHIP, function(e){
+      self.$document.off('click.chips-select', SELS.CHIP).on('click.chips-select', SELS.CHIP, function (e) {
         var $chip = $(e.target);
         if ($chip.length) {
           var wasSelected = $chip.hasClass('selected');
@@ -81,7 +81,7 @@
         }
       });
 
-      self.$document.off('keydown.chips').on('keydown.chips', function(e){
+      self.$document.off('keydown.chips').on('keydown.chips', function (e) {
         if ($(e.target).is('input, textarea')) {
           return;
         }
@@ -103,9 +103,9 @@
           self.deleteChip(index, $chips);
 
           var selectIndex = null;
-          if ((index + 1) < length) {
+          if (index + 1 < length) {
             selectIndex = index;
-          } else if (index === length || (index + 1) === length) {
+          } else if (index === length || index + 1 === length) {
             selectIndex = length - 1;
           }
 
@@ -116,7 +116,7 @@
           }
           if (!length) $chips.find('input').focus();
 
-        // left
+          // left
         } else if (e.which === 37) {
           index = $chip.index() - 1;
           if (index < 0) {
@@ -125,7 +125,7 @@
           $(SELS.CHIP).removeClass('selected');
           self.selectChip(index, $chips);
 
-        // right
+          // right
         } else if (e.which === 39) {
           index = $chip.index() + 1;
           $(SELS.CHIP).removeClass('selected');
@@ -137,14 +137,14 @@
         }
       });
 
-      self.$document.off('focusin.chips', SELS.CHIPS + ' ' + SELS.INPUT).on('focusin.chips', SELS.CHIPS + ' ' + SELS.INPUT, function(e){
+      self.$document.off('focusin.chips', SELS.CHIPS + ' ' + SELS.INPUT).on('focusin.chips', SELS.CHIPS + ' ' + SELS.INPUT, function (e) {
         var $currChips = $(e.target).closest(SELS.CHIPS);
         $currChips.addClass('focus');
         $currChips.siblings('label, .prefix').addClass('active');
         $(SELS.CHIP).removeClass('selected');
       });
 
-      self.$document.off('focusout.chips', SELS.CHIPS + ' ' + SELS.INPUT).on('focusout.chips', SELS.CHIPS + ' ' + SELS.INPUT, function(e){
+      self.$document.off('focusout.chips', SELS.CHIPS + ' ' + SELS.INPUT).on('focusout.chips', SELS.CHIPS + ' ' + SELS.INPUT, function (e) {
         var $currChips = $(e.target).closest(SELS.CHIPS);
         $currChips.removeClass('focus');
 
@@ -155,7 +155,7 @@
         $currChips.siblings('.prefix').removeClass('active');
       });
 
-      self.$document.off('keydown.chips-add', SELS.CHIPS + ' ' + SELS.INPUT).on('keydown.chips-add', SELS.CHIPS + ' ' + SELS.INPUT, function(e){
+      self.$document.off('keydown.chips-add', SELS.CHIPS + ' ' + SELS.INPUT).on('keydown.chips-add', SELS.CHIPS + ' ' + SELS.INPUT, function (e) {
         var $target = $(e.target);
         var $chips = $target.closest(SELS.CHIPS);
         var chipsLength = $chips.children(SELS.CHIP).length;
@@ -163,14 +163,12 @@
         // enter
         if (13 === e.which) {
           // Override enter if autocompleting.
-          if (self.hasAutocomplete &&
-              $chips.find('.autocomplete-content.dropdown-content').length &&
-              $chips.find('.autocomplete-content.dropdown-content').children().length) {
+          if (self.hasAutocomplete && $chips.find('.autocomplete-content.dropdown-content').length && $chips.find('.autocomplete-content.dropdown-content').children().length) {
             return;
           }
 
           e.preventDefault();
-          self.addChip({tag: $target.val()}, $chips);
+          self.addChip({ tag: $target.val() }, $chips);
           $target.val('');
           return;
         }
@@ -185,7 +183,7 @@
       });
 
       // Click on delete icon in chip.
-      self.$document.off('click.chips-delete', SELS.CHIPS + ' ' + SELS.DELETE).on('click.chips-delete', SELS.CHIPS + ' ' + SELS.DELETE, function(e) {
+      self.$document.off('click.chips-delete', SELS.CHIPS + ' ' + SELS.DELETE).on('click.chips-delete', SELS.CHIPS + ' ' + SELS.DELETE, function (e) {
         var $target = $(e.target);
         var $chips = $target.closest(SELS.CHIPS);
         var $chip = $target.closest(SELS.CHIP);
@@ -195,12 +193,12 @@
       });
     };
 
-    this.chips = function($chips, chipId) {
+    this.chips = function ($chips, chipId) {
       $chips.empty();
-      $chips.data('chips').forEach(function(elem){
+      $chips.data('chips').forEach(function (elem) {
         $chips.append(self.renderChip(elem));
       });
-      $chips.append($('<input id="' + chipId +'" class="input" placeholder="">'));
+      $chips.append($('<input id="' + chipId + '" class="input" placeholder="">'));
       self.setPlaceholder($chips);
 
       // Set for attribute for label
@@ -208,7 +206,7 @@
       if (label.length) {
         label.attr('for', chipId);
 
-        if ($chips.data('chips')!== undefined && $chips.data('chips').length) {
+        if ($chips.data('chips') !== undefined && $chips.data('chips').length) {
           label.addClass('active');
         }
       }
@@ -216,11 +214,11 @@
       // Setup autocomplete if needed.
       var input = $('#' + chipId);
       if (self.hasAutocomplete) {
-        curr_options.autocompleteOptions.onAutocomplete = function(val) {
-          self.addChip({tag: val}, $chips);
+        curr_options.autocompleteOptions.onAutocomplete = function (val) {
+          self.addChip({ tag: val }, $chips);
           input.val('');
           input.focus();
-        }
+        };
         input.autocomplete(curr_options.autocompleteOptions);
       }
     };
@@ -230,40 +228,39 @@
      * @param {Object} elem
      * @return {jQuery}
      */
-    this.renderChip = function(elem) {
+    this.renderChip = function (elem) {
       if (!elem.tag) return;
 
       var $renderedChip = $('<div class="chip"></div>');
       $renderedChip.text(elem.tag);
       if (elem.image) {
-        $renderedChip.prepend($('<img />').attr('src', elem.image))
+        $renderedChip.prepend($('<img />').attr('src', elem.image));
       }
       $renderedChip.append($('<i class="material-icons close">close</i>'));
       return $renderedChip;
     };
 
-    this.setPlaceholder = function($chips) {
-      if ($chips.data('chips') !== undefined && $chips.data('chips').length && curr_options.placeholder) {
+    this.setPlaceholder = function ($chips) {
+      if ($chips.data('chips') !== undefined && !$chips.data('chips').length && curr_options.placeholder) {
         $chips.find('input').prop('placeholder', curr_options.placeholder);
-
-      } else if (($chips.data('chips') === undefined || !$chips.data('chips').length) && curr_options.secondaryPlaceholder) {
+      } else if (($chips.data('chips') === undefined || !!$chips.data('chips').length) && curr_options.secondaryPlaceholder) {
         $chips.find('input').prop('placeholder', curr_options.secondaryPlaceholder);
       }
     };
 
-    this.isValid = function($chips, elem) {
+    this.isValid = function ($chips, elem) {
       var chips = $chips.data('chips');
       var exists = false;
-      for (var i=0; i < chips.length; i++) {
+      for (var i = 0; i < chips.length; i++) {
         if (chips[i].tag === elem.tag) {
-            exists = true;
-            return;
+          exists = true;
+          return;
         }
       }
       return '' !== elem.tag && !exists;
     };
 
-    this.addChip = function(elem, $chips) {
+    this.addChip = function (elem, $chips) {
       if (!self.isValid($chips, elem)) {
         return;
       }
@@ -281,7 +278,7 @@
       self.setPlaceholder($chips);
     };
 
-    this.deleteChip = function(chipIndex, $chips) {
+    this.deleteChip = function (chipIndex, $chips) {
       var chip = $chips.data('chips')[chipIndex];
       $chips.find('.chip').eq(chipIndex).remove();
 
@@ -298,7 +295,7 @@
       self.setPlaceholder($chips);
     };
 
-    this.selectChip = function(chipIndex, $chips) {
+    this.selectChip = function (chipIndex, $chips) {
       var $chip = $chips.find('.chip').eq(chipIndex);
       if ($chip && false === $chip.hasClass('selected')) {
         $chip.addClass('selected');
@@ -306,7 +303,7 @@
       }
     };
 
-    this.getChipsElement = function(index, $chips) {
+    this.getChipsElement = function (index, $chips) {
       return $chips.eq(index);
     };
 
@@ -315,4 +312,4 @@
 
     this.handleEvents();
   };
-}( jQuery ));
+})(jQuery);

data/app/assets/javascripts/materialize/collapsible.js

@@ -1,5 +1,5 @@
 (function ($) {
-  $.fn.collapsible = function(options, methodParam) {
+  $.fn.collapsible = function (options, methodParam) {
     var defaults = {
       accordion: undefined,
       onOpen: undefined,
@@ -9,8 +9,7 @@
     var methodName = options;
     options = $.extend(defaults, options);
 
-
-    return this.each(function() {
+    return this.each(function () {
 
       var $this = $(this);
 
@@ -27,31 +26,32 @@
         $panel_headers = $this.find('> li > .collapsible-header');
         if (object.hasClass('active')) {
           object.parent().addClass('active');
-        }
-        else {
+        } else {
           object.parent().removeClass('active');
         }
-        if (object.parent().hasClass('active')){
-          object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
-        }
-        else{
-          object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
+        if (object.parent().hasClass('active')) {
+          object.siblings('.collapsible-body').stop(true, false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
+              $(this).css('height', '');
+            } });
+        } else {
+          object.siblings('.collapsible-body').stop(true, false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
+              $(this).css('height', '');
+            } });
         }
 
         $panel_headers.not(object).removeClass('active').parent().removeClass('active');
 
         // Close previously open accordion elements.
-        $panel_headers.not(object).parent().children('.collapsible-body').stop(true,false).each(function() {
+        $panel_headers.not(object).parent().children('.collapsible-body').stop(true, false).each(function () {
           if ($(this).is(':visible')) {
             $(this).slideUp({
               duration: 350,
               easing: "easeOutQuart",
               queue: false,
-              complete:
-                function() {
-                  $(this).css('height', '');
-                  execCallbacks($(this).siblings('.collapsible-header'));
-                }
+              complete: function () {
+                $(this).css('height', '');
+                execCallbacks($(this).siblings('.collapsible-header'));
+              }
             });
           }
         });
@@ -61,15 +61,17 @@
       function expandableOpen(object) {
         if (object.hasClass('active')) {
           object.parent().addClass('active');
-        }
-        else {
+        } else {
           object.parent().removeClass('active');
         }
-        if (object.parent().hasClass('active')){
-          object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
-        }
-        else {
-          object.siblings('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function() {$(this).css('height', '');}});
+        if (object.parent().hasClass('active')) {
+          object.siblings('.collapsible-body').stop(true, false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
+              $(this).css('height', '');
+            } });
+        } else {
+          object.siblings('.collapsible-body').stop(true, false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
+              $(this).css('height', '');
+            } });
         }
       }
 
@@ -79,9 +81,11 @@
           object.toggleClass('active');
         }
 
-        if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) { // Handle Accordion
+        if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) {
+          // Handle Accordion
           accordionOpen(object);
-        } else { // Handle Expandables
+        } else {
+          // Handle Expandables
           expandableOpen(object);
         }
 
@@ -91,11 +95,11 @@
       // Handle callbacks
       function execCallbacks(object) {
         if (object.hasClass('active')) {
-          if (typeof(options.onOpen) === "function") {
+          if (typeof options.onOpen === "function") {
             options.onOpen.call(this, object.parent());
           }
         } else {
-          if (typeof(options.onClose) === "function") {
+          if (typeof options.onClose === "function") {
             options.onClose.call(this, object.parent());
           }
         }
@@ -123,7 +127,6 @@
         return object.closest('li > .collapsible-header');
       }
 
-
       // Turn off any existing event handlers
       function removeEventHandlers() {
         $this.off('click.collapse', '> li > .collapsible-header');
@@ -131,29 +134,22 @@
 
       /*****  End Helper Functions  *****/
 
-
       // Methods
       if (methodName === 'destroy') {
         removeEventHandlers();
         return;
-      } else if (methodParam >= 0 &&
-          methodParam < $panel_headers.length) {
+      } else if (methodParam >= 0 && methodParam < $panel_headers.length) {
         var $curr_header = $panel_headers.eq(methodParam);
-        if ($curr_header.length &&
-            (methodName === 'open' ||
-            (methodName === 'close' &&
-            $curr_header.hasClass('active')))) {
+        if ($curr_header.length && (methodName === 'open' || methodName === 'close' && $curr_header.hasClass('active'))) {
           collapsibleOpen($curr_header);
         }
         return;
       }
 
-
       removeEventHandlers();
 
-
       // Add click handler to only direct collapsible header children
-      $this.on('click.collapse', '> li > .collapsible-header', function(e) {
+      $this.on('click.collapse', '> li > .collapsible-header', function (e) {
         var element = $(e.target);
 
         if (isChildrenOfPanelHeader(element)) {
@@ -163,21 +159,20 @@
         collapsibleOpen(element);
       });
 
-
       // Open first active
-      if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) { // Handle Accordion
+      if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) {
+        // Handle Accordion
         collapsibleOpen($panel_headers.filter('.active').first(), true);
-
-      } else { // Handle Expandables
-        $panel_headers.filter('.active').each(function() {
+      } else {
+        // Handle Expandables
+        $panel_headers.filter('.active').each(function () {
           collapsibleOpen($(this), true);
         });
       }
-
     });
   };
 
-  $(document).on('ready turbolinks:load', function(){
+  $(document).on('ready turbolinks:load', function () {
     $('.collapsible').collapsible();
   });
-}( jQuery ));
+})(jQuery);