materialize-sass 0.95.3.3 → 0.95.3.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: fd2c374425f1d4f9baa6937139a349103e5de5bc
+  data.tar.gz: 2dd3747f6efe6a109ed48261bdbd0e8f3bd7a5c7
+SHA512:
+  metadata.gz: bca13c7a46a9b929a9646cf3c189abfd25e3da673c6a9d319c3c1d45b3bdc03363a5b04447158aabedcd4b2627f2c11174759163e7d6360c4ce1275905e7ac3e
+  data.tar.gz: eaf0bc50a9f7f63f8841f84403cabb4b4f0bec7c7b75c7fc6f1d321ef8c988e0fb8c95765f02d435e09d82d8701460044e168a28eb65483808c9a81af474719d

data/README.md

@@ -43,7 +43,7 @@ $ rm app/assets/stylesheets/application.css
 
 ### b. JavaScript
 
-Require Bootstrap javascripts in `app/assets/javascripts/application.js`:
+Require Materialize javascripts in `app/assets/javascripts/application.js`:
 
 ```js
 //= require jquery

data/app/assets/javascripts/materialize-sprockets.js

@@ -2,6 +2,7 @@
 //= require ./materialize/animation
 //= require ./materialize/velocity.min
 //= require ./materialize/hammer.min
+//= require ./materialize/global
 //= require ./materialize/jquery.hammer
 //= require ./materialize/collapsible
 //= require ./materialize/dropdown
@@ -13,7 +14,6 @@
 //= require ./materialize/waves
 //= require ./materialize/toasts
 //= require ./materialize/sideNav
-//= require ./materialize/scrollFire
 //= require ./materialize/scrollspy
 //= require ./materialize/forms
 //= require ./materialize/slider
@@ -21,5 +21,6 @@
 //= require ./materialize/pushpin
 //= require ./materialize/buttons
 //= require ./materialize/transitions
+//= require ./materialize/scrollFire
 //= require ./materialize/date_picker/picker
 //= require ./materialize/date_picker/picker.date

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

@@ -7,12 +7,12 @@
     $(document).on('mouseenter.fixedActionBtn', '.fixed-action-btn', function(e) {
       var $this = $(this);
 
-      $this.find('ul a.btn-floating').velocity(
+      $this.find('ul .btn-floating').velocity(
         { scaleY: ".4", scaleX: ".4", translateY: "40px"},
         { duration: 0 });
 
       var time = 0;
-      $this.find('ul a.btn-floating').reverse().each(function () {
+      $this.find('ul .btn-floating').reverse().each(function () {
         $(this).velocity(
           { opacity: "1", scaleX: "1", scaleY: "1", translateY: "0"},
           { duration: 80, delay: time });
@@ -25,8 +25,8 @@
       var $this = $(this);
 
       var time = 0;
-      $this.find('ul a.btn-floating').velocity("stop", true);
-      $this.find('ul a.btn-floating').velocity(
+      $this.find('ul .btn-floating').velocity("stop", true);
+      $this.find('ul .btn-floating').velocity(
         { opacity: "0", scaleX: ".4", scaleY: ".4", translateY: "40px"},
         { duration: 80 });
     });

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

@@ -11,7 +11,7 @@
 
       var $this = $(this);
 
-      var $panel_headers = $(this).find('.collapsible-header');
+      var $panel_headers = $(this).find('> li > .collapsible-header');
 
       var collapsible_type = $this.data("collapsible");
 
@@ -26,7 +26,7 @@
 
       // Accordion Open
       function accordionOpen(object) {
-        $panel_headers = $this.find('.collapsible-header');
+        $panel_headers = $this.find('> li > .collapsible-header');
         object.parent().toggleClass('active');
         if (object.parent().hasClass('active')){
           object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false});
@@ -37,8 +37,9 @@
         $panel_headers.not(object).parent().removeClass('active');
         $panel_headers.not(object).parent().children('.collapsible-body').stop(true,false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false});
       }
-      // Collapsible Open
-      function collapsibleOpen(object) {
+
+      // Expandable Open
+      function expandableOpen(object) {
         object.parent().toggleClass('active');
         if (object.parent().hasClass('active')){
           object.siblings('.collapsible-body').stop(true,false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false});
@@ -53,26 +54,22 @@
 
 
       if (options.accordion || collapsible_type == "accordion" || collapsible_type == undefined) { // Handle Accordion
-
-        // Event delegation to all collapsible section
-        $this.on('click.collapse', '.collapsible-header', function (e) {
-          accordionOpen($(e.currentTarget));
+        // Add click handler to only direct collapsible header children
+        $this.find('> li > .collapsible-header').on('click.collapse', function (e) {
+          accordionOpen($(e.target));
         });
-
         // Open first active
         accordionOpen($panel_headers.filter('.active').first());
       }
       else { // Handle Expandables
         $panel_headers.each(function () {
-
-          // Event delegation to open collapsible section
+          // Add click handler to only direct collapsible header children
           $(this).on('click.collapse', function (e) {
-            collapsibleOpen($(e.currentTarget));
+            expandableOpen($(e.target));
           });
-
           // Open any bodies that have the active class
           if ($(this).hasClass('active')) {
-            collapsibleOpen($(this));
+            expandableOpen($(this));
           }
 
         });

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

@@ -12,7 +12,7 @@
       inDuration: 300,
       outDuration: 225,
       constrain_width: true, // Constrains width of dropdown to the activator
-      hover: true,
+      hover: false,
       gutter: 0, // Spacing from edge
       belowOrigin: false
     }
@@ -177,4 +177,8 @@
 
    });
   }; // End dropdown plugin
+
+  $(document).ready(function(){
+    $('.dropdown-button').dropdown();
+  });
 }( jQuery ));

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

@@ -1,12 +1,28 @@
 (function ($) {
   $(document).ready(function() {
 
+    // Function to update labels of text fields
+    Materialize.updateTextFields = function() {
+      var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea';
+      $(input_selector).each(function(index, element) {
+        if ($(element).val().length > 0 || $(this).attr('placeholder') !== undefined) {
+          $(this).siblings('label, i').addClass('active');
+        }
+        else {
+          $(this).siblings('label, i').removeClass('active');
+        }
+      });
+    }
+
     // Text based inputs
     var input_selector = 'input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea';
 
+    // Handle HTML5 autofocus
+    $('input[autofocus]').siblings('label, i').addClass('active');
+
     // Add active if form auto complete
     $(document).on('change', input_selector, function () {
-      if($(this).val().length !== 0) {
+      if($(this).val().length !== 0 || $(this).attr('placeholder') !== undefined) {
         $(this).siblings('label, i').addClass('active');
       }
       validate_field($(this));
@@ -14,11 +30,7 @@
 
     // Add active if input element has been pre-populated on document ready
     $(document).ready(function() {
-      $(input_selector).each(function(index, element) {
-        if($(element).val().length > 0) {
-          $(this).siblings('label, i').addClass('active');
-        }
-      });
+      Materialize.updateTextFields();
     });
 
     // HTML DOM FORM RESET handling
@@ -40,7 +52,7 @@
     });
 
     $(document).on('blur', input_selector, function () {
-      if ($(this).val().length === 0) {
+      if ($(this).val().length === 0 && $(this).attr('placeholder') === undefined) {
         $(this).siblings('label, i').removeClass('active');
       }
       validate_field($(this));
@@ -110,7 +122,7 @@
     $('.file-field').each(function() {
       var path_input = $(this).find('input.file-path');
       $(this).find('input[type="file"]').change(function () {
-        path_input.val($(this).val());
+        path_input.val($(this)[0].files[0].name);
         path_input.trigger('change');
       });
     });
@@ -191,187 +203,181 @@
       }
     });
 
-    //  Select Functionality
+  }); // End of $(document).ready
 
-    // Select Plugin
-    $.fn.material_select = function (callback) {
-      $(this).each(function(){
-        $select = $(this);
 
-        if ( $select.hasClass('browser-default')) {
-          return; // Continue to next (return false breaks out of entire loop)
-        }
 
-        // Tear down structure if Select needs to be rebuilt
-        var lastID = $select.data('select-id');
-        if (lastID) {
-          $select.parent().find('i').remove();
-          $select.parent().find('input').remove();
 
-          $select.unwrap();
-          $('ul#select-options-'+lastID).remove();
-        }
+  // Select Plugin
+  $.fn.material_select = function (callback) {
+    $(this).each(function(){
+      $select = $(this);
 
-        var uniqueID = guid();
-        $select.data('select-id', uniqueID);
-        var wrapper = $('<div class="select-wrapper"></div>');
-        var options = $('<ul id="select-options-' + uniqueID+'" class="dropdown-content select-dropdown"></ul>');
-        var selectOptions = $select.children('option');
-        if ($select.find('option:selected') !== undefined) {
-          var label = $select.find('option:selected');
-        }
-        else {
-          var label = options.first();
-        }
+      if ( $select.hasClass('browser-default')) {
+        return; // Continue to next (return false breaks out of entire loop)
+      }
 
+      // Tear down structure if Select needs to be rebuilt
+      var lastID = $select.data('select-id');
+      if (lastID) {
+        $select.parent().find('i').remove();
+        $select.parent().find('input').remove();
 
-        // Create Dropdown structure
-        selectOptions.each(function () {
-          // Add disabled attr if disabled
-          options.append($('<li class="' + (($(this).is(':disabled')) ? 'disabled' : '') + '"><span>' + $(this).html() + '</span></li>'));
-        });
+        $select.unwrap();
+        $('ul#select-options-'+lastID).remove();
+      }
 
+      var uniqueID = Materialize.guid();
+      $select.data('select-id', uniqueID);
+      var wrapper = $('<div class="select-wrapper"></div>');
+      var options = $('<ul id="select-options-' + uniqueID+'" class="dropdown-content select-dropdown"></ul>');
+      var selectOptions = $select.children('option');
+      if ($select.find('option:selected') !== undefined) {
+        var label = $select.find('option:selected');
+      }
+      else {
+        var label = options.first();
+      }
 
-        options.find('li').each(function (i) {
-          var $curr_select = $select;
-          $(this).click(function () {
-            // Check if option element is disabled
-            if (!$(this).hasClass('disabled')) {
-              $curr_select.find('option').eq(i).prop('selected', true);
-              // Trigger onchange() event
-              $curr_select.trigger('change');
-              $curr_select.siblings('input.select-dropdown').val($(this).text());
-              if (typeof callback !== 'undefined') callback();
-            }
-          });
 
-        });
+      // Create Dropdown structure
+      selectOptions.each(function () {
+        // Add disabled attr if disabled
+        options.append($('<li class="' + (($(this).is(':disabled')) ? 'disabled' : '') + '"><span>' + $(this).html() + '</span></li>'));
+      });
 
-        // Wrap Elements
-        $select.wrap(wrapper);
-        // Add Select Display Element
-        var $newSelect = $('<input type="text" class="select-dropdown" readonly="true" ' + (($select.is(':disabled')) ? 'disabled' : '')
-                         + ' data-activates="select-options-' + uniqueID +'" value="'+ label.html() +'"/><i class="mdi-navigation-arrow-drop-down">');
-        $select.before($newSelect);
-        $('body').append(options);
-        // Check if section element is disabled
-        if (!$select.is(':disabled')) {
-          $newSelect.dropdown({"hover": false});
-        }
-        $select.addClass('initialized');
 
-        $newSelect.on('focus', function(){
-          $(this).trigger('open');
-          label = $(this).val();
-          selectedOption = options.find('li').filter(function() {
-            return $(this).text().toLowerCase() === label.toLowerCase();
-          })[0];
-          activateOption(options, selectedOption);
+      options.find('li').each(function (i) {
+        var $curr_select = $select;
+        $(this).click(function () {
+          // Check if option element is disabled
+          if (!$(this).hasClass('disabled')) {
+            $curr_select.find('option').eq(i).prop('selected', true);
+            // Trigger onchange() event
+            $curr_select.trigger('change');
+            $curr_select.siblings('input.select-dropdown').val($(this).text());
+            if (typeof callback !== 'undefined') callback();
+          }
         });
 
-        $newSelect.on('blur', function(){
-          $(this).trigger('close');
-        });
+      });
 
-        // Make option as selected and scroll to selected position
-        activateOption = function(collection, newOption) {
-          collection.find('li.active').removeClass('active');
-          $(newOption).addClass('active');
-          collection.scrollTo(newOption);
-        }
+      // Wrap Elements
+      $select.wrap(wrapper);
+      // Add Select Display Element
+      var dropdownIcon = $('<i class="mdi-navigation-arrow-drop-down"></i>');
+      if ( $select.is(':disabled') )
+        dropdownIcon.addClass('disabled');
+
+      var $newSelect = $('<input type="text" class="select-dropdown" readonly="true" ' + (($select.is(':disabled')) ? 'disabled' : '')
+                       + ' data-activates="select-options-' + uniqueID +'" value="'+ label.html() +'"/>');
+      $select.before($newSelect);
+      $newSelect.before(dropdownIcon);
+
+      $('body').append(options);
+      // Check if section element is disabled
+      if (!$select.is(':disabled')) {
+        $newSelect.dropdown({"hover": false});
+      }
+      $select.addClass('initialized');
+
+      $newSelect.on('focus', function(){
+        $(this).trigger('open');
+        label = $(this).val();
+        selectedOption = options.find('li').filter(function() {
+          return $(this).text().toLowerCase() === label.toLowerCase();
+        })[0];
+        activateOption(options, selectedOption);
+      });
 
-        // Allow user to search by typing
-        // this array is cleared after 1 second
-        filterQuery = []
+      $newSelect.on('blur', function(){
+        $(this).trigger('close');
+      });
 
-        onKeyDown = function(event){
-          // TAB - switch to another input
-          if(event.which == 9){
-            $newSelect.trigger('close');
-            return
-          }
+      // Make option as selected and scroll to selected position
+      activateOption = function(collection, newOption) {
+        collection.find('li.active').removeClass('active');
+        $(newOption).addClass('active');
+        collection.scrollTo(newOption);
+      }
 
-          // ARROW DOWN WHEN SELECT IS CLOSED - open select options
-          if(event.which == 40 && !options.is(":visible")){
-            $newSelect.trigger('open');
-            return
-          }
+      // Allow user to search by typing
+      // this array is cleared after 1 second
+      filterQuery = []
 
-          // ENTER WHEN SELECT IS CLOSED - submit form
-          if(event.which == 13 && !options.is(":visible")){
-            return
-          }
+      onKeyDown = function(event){
+        // TAB - switch to another input
+        if(event.which == 9){
+          $newSelect.trigger('close');
+          return
+        }
 
-          event.preventDefault();
+        // ARROW DOWN WHEN SELECT IS CLOSED - open select options
+        if(event.which == 40 && !options.is(":visible")){
+          $newSelect.trigger('open');
+          return
+        }
 
-          // CASE WHEN USER TYPE LETTERS
-          letter = String.fromCharCode(event.which).toLowerCase();
+        // ENTER WHEN SELECT IS CLOSED - submit form
+        if(event.which == 13 && !options.is(":visible")){
+          return
+        }
 
-          if (letter){
-            filterQuery.push(letter);
+        event.preventDefault();
 
-            string = filterQuery.join("");
+        // CASE WHEN USER TYPE LETTERS
+        letter = String.fromCharCode(event.which).toLowerCase();
 
-            newOption = options.find('li').filter(function() {
-              return $(this).text().toLowerCase().indexOf(string) === 0;
-            })[0];
+        if (letter){
+          filterQuery.push(letter);
 
-            if(newOption){
-              activateOption(options, newOption);
-            }
-          }
+          string = filterQuery.join("");
 
-          // ENTER - select option and close when select options are opened
-          if(event.which == 13){
-            activeOption = options.find('li.active:not(.disabled)')[0];
-            if(activeOption){
-              $(activeOption).trigger('click');
-              $newSelect.trigger('close');
-            }
-          }
+          newOption = options.find('li').filter(function() {
+            return $(this).text().toLowerCase().indexOf(string) === 0;
+          })[0];
 
-          // ARROW DOWN - move to next not disabled option
-          if(event.which == 40){
-            newOption = options.find('li.active').next('li:not(.disabled)')[0];
-            if(newOption){
-              activateOption(options, newOption);
-            }
+          if(newOption){
+            activateOption(options, newOption);
           }
+        }
 
-          // ESC - close options
-          if(event.which == 27){
+        // ENTER - select option and close when select options are opened
+        if(event.which == 13){
+          activeOption = options.find('li.active:not(.disabled)')[0];
+          if(activeOption){
+            $(activeOption).trigger('click');
             $newSelect.trigger('close');
           }
+        }
 
-          // ARROW UP - move to previous not disabled option
-          if(event.which == 38){
-            newOption = options.find('li.active').prev('li:not(.disabled)')[0];
-            if(newOption){
-              activateOption(options, newOption);
-            }
+        // ARROW DOWN - move to next not disabled option
+        if(event.which == 40){
+          newOption = options.find('li.active').next('li:not(.disabled)')[0];
+          if(newOption){
+            activateOption(options, newOption);
           }
+        }
 
-          // Automaticaly clean filter query so user can search again by starting letters
-          setTimeout(function(){filterQuery = []}, 1000)
+        // ESC - close options
+        if(event.which == 27){
+          $newSelect.trigger('close');
         }
 
-        $newSelect.on('keydown', onKeyDown);
-      });
-    }
+        // ARROW UP - move to previous not disabled option
+        if(event.which == 38){
+          newOption = options.find('li.active').prev('li:not(.disabled)')[0];
+          if(newOption){
+            activateOption(options, newOption);
+          }
+        }
 
-    // Unique ID
-    var guid = (function() {
-      function s4() {
-        return Math.floor((1 + Math.random()) * 0x10000)
-                   .toString(16)
-                   .substring(1);
+        // Automaticaly clean filter query so user can search again by starting letters
+        setTimeout(function(){filterQuery = []}, 1000)
       }
-      return function() {
-        return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
-               s4() + '-' + s4() + s4() + s4();
-      };
-    })();
 
-  });
+      $newSelect.on('keydown', onKeyDown);
+    });
+  }
 
 }( jQuery ));