materialize-sass 0.95.1 → 0.95.2

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

@@ -0,0 +1,8 @@
+    // Custom Easing
+    jQuery.extend( jQuery.easing,
+    {
+      easeInOutMaterial: function (x, t, b, c, d) {
+        if ((t/=d/2) < 1) return c/2*t*t + b;
+        return c/4*((t-=2)*t*t + 2) + b;
+      }
+    });

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

@@ -0,0 +1,35 @@
+(function ($) {
+  $(document).ready(function() {
+
+    // jQuery reverse
+    jQuery.fn.reverse = [].reverse;
+
+    $('.fixed-action-btn').each(function (i) {
+      var $this = $(this);
+      $this.find('ul a.btn-floating').velocity(
+        { scaleY: ".4", scaleX: ".4", translateY: "40px"},
+        { duration: 0 });
+
+
+      var timer;
+      $this.hover(
+        function() {
+          var time = 0;
+          $this.find('ul a.btn-floating').reverse().each(function () {
+            $(this).velocity(
+              { opacity: "1", scaleX: "1", scaleY: "1", translateY: "0"},
+              { duration: 100, delay: time });
+            time += 40;
+          });
+        }, function() {
+          var time = 0;
+          $this.find('ul a.btn-floating').velocity("stop", true);
+          $this.find('ul a.btn-floating').velocity(
+            { opacity: "0", scaleX: ".4", scaleY: ".4", translateY: "40px"},
+            { duration: 100 });
+        }
+      );
+    });
+
+  });
+}( jQuery ));

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

@@ -1,14 +1,18 @@
 (function ($) {
   $(document).ready(function() {
 
+    $('.card > .card-reveal').each(function() {
+      $(this).parent().css('overflow', 'hidden');
+    });
+
     $(document).on('click.card', '.card', function (e) {
       if ($(this).find('.card-reveal').length) {
         if ($(e.target).is($('.card-reveal .card-title')) || $(e.target).is($('.card-reveal .card-title i'))) {
-          $(this).find('.card-reveal').velocity({translateY: 0}, {duration: 300, queue: false, easing: 'easeOutQuad'});
+          $(this).find('.card-reveal').velocity({translateY: 0}, {duration: 225, queue: false, easing: 'easeInOutQuad'});
         }
         else if ($(e.target).is($('.card .activator')) ||
                  $(e.target).is($('.card .activator i')) ) {
-          $(this).find('.card-reveal').velocity({translateY: '-100%'}, {duration: 300, queue: false, easing: 'easeOutQuad'});
+          $(this).find('.card-reveal').velocity({translateY: '-100%'}, {duration: 300, queue: false, easing: 'easeInOutQuad'});
         }
       }
 
@@ -16,4 +20,4 @@
     });
 
   });
-}( jQuery ));
+}( jQuery ));

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

@@ -16,8 +16,8 @@
       var collapsible_type = $this.data("collapsible");
 
       // Turn off any existing event handlers
-       $this.off();
-       $this.children().off();
+       $this.off('click.collapse', '.collapsible-header');
+       $panel_headers.off('click.collapse');
 
 
        /****************
@@ -54,8 +54,8 @@
 
       if (options.accordion || collapsible_type == "accordion" || collapsible_type == undefined) { // Handle Accordion
 
-        // Event delegation to open collapsible section
-        $this.on('click', '.collapsible-header', function (e) {
+        // Event delegation to all collapsible section
+        $this.on('click.collapse', '.collapsible-header', function (e) {
           accordionOpen($(e.currentTarget));
         });
 
@@ -66,7 +66,7 @@
         $panel_headers.each(function () {
 
           // Event delegation to open collapsible section
-          $this.on('click', '.collapsible-header', function (e) {
+          $(this).on('click.collapse', function (e) {
             collapsibleOpen($(e.currentTarget));
           });
 
@@ -84,4 +84,4 @@
   $(document).ready(function(){
     $('.collapsible').collapsible();
   });
-}( jQuery ));
+}( jQuery ));

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

@@ -1,5 +1,12 @@
 (function ($) {
 
+  // Add posibility to scroll to selected option
+  // usefull for select for example
+  $.fn.scrollTo = function(elem) {
+    $(this).scrollTop($(this).scrollTop() - $(this).offset().top + $(elem).offset().top);
+    return this;
+  };
+
   $.fn.dropdown = function (options) {
     var defaults = {
       inDuration: 300,
@@ -7,7 +14,8 @@
       constrain_width: true, // Constrains width of dropdown to the activator
       hover: true,
       alignment: 'left',
-      gutter: 0 // Spacing from edge
+      gutter: 0, // Spacing from edge
+      belowOrigin: false
     }
 
     options = $.extend(defaults, options);
@@ -30,6 +38,8 @@
         options.alignment = origin.data('alignment');
       if (origin.data('gutter') != undefined)
         options.gutter = origin.data('gutter');
+      if (origin.data('beloworigin') != undefined)
+        options.belowOrigin = origin.data('beloworigin');
     }
 
     updateOptions();
@@ -40,6 +50,8 @@
       $('body').append(activates);
     }
 
+    var dropdownRealHeight = activates.height();
+
     /*
       Helper function to position and resize dropdown.
       Used in hover and click handler.
@@ -48,10 +60,13 @@
       // Check html data attributes
       updateOptions();
 
-      var dropdownRealHeight = activates.height();
       if (options.constrain_width == true) {
         activates.css('width', origin.outerWidth());
       }
+      var offset = 0;
+      if (options.belowOrigin == true) {
+        offset = origin.height();
+      }
       // Handle edge alignment
       var width_difference = 0;
       var gutter_spacing = options.gutter;
@@ -64,14 +79,14 @@
           display: 'block',
           position: 'fixed',
           height: 0,
-          top: origin.offset().top - $(window).scrollTop(),
+          top: origin.offset().top - $(window).scrollTop() + offset,
           left: origin.offset().left + width_difference + gutter_spacing
         });
       }
       else {
         activates.css({
           display: 'block',
-          top: origin.offset().top,
+          top: origin.offset().top + offset,
           left: origin.offset().left + width_difference + gutter_spacing,
           height: 0
         });
@@ -102,6 +117,22 @@
         return isFixed;
     }
 
+    function hideDropdown() {
+      activates.velocity(
+        {
+          opacity: 0
+        },
+        {
+          duration: options.outDuration,
+          easing: 'easeOutQuad',
+          complete: function(){
+            activates.css({
+              display: 'none',
+              'overflow-y': ''
+            });
+          }
+        });
+    }
 
     // Hover
     if (options.hover) {
@@ -112,20 +143,7 @@
 
       // Document click handler
       activates.on('mouseleave', function(e){ // Mouse out
-        activates.velocity(
-          {
-            opacity: 0
-          },
-          {
-            duration: options.outDuration,
-            easing: 'easeOutQuad',
-            complete: function(){
-              activates.css({
-                display: 'none',
-                'overflow-y': ''
-              });
-            }
-          });
+        hideDropdown();
       });
 
     // Click
@@ -139,19 +157,7 @@
         placeDropdown();
         $(document).bind('click.'+ activates.attr('id'), function (e) {
           if (!activates.is(e.target) && (!origin.is(e.target))) {
-            activates.velocity({
-              opacity: 0
-            },
-            {
-              duration: options.outDuration,
-              easing: 'easeOutQuad',
-              complete: function(){
-                activates.css({
-                  display: 'none',
-                  'overflow-y': ''
-                });
-              }
-            });
+            hideDropdown();
             $(document).unbind('click.' + activates.attr('id'));
           }
         });
@@ -159,10 +165,14 @@
 
     } // End else
 
+    // Listen to open and close event - usefull for select component
+    origin.on('open', placeDropdown);
+    origin.on('close', hideDropdown);
+
     // Window Resize Reposition
     $(document).on('resize', function(){
 
     });
    });
   }; // End dropdown plugin
-}( jQuery ));
+}( jQuery ));

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

@@ -7,8 +7,9 @@
     // Add active if form auto complete
     $(document).on('change', input_selector, function () {
       if($(this).val().length !== 0) {
-       $(this).siblings('label, i').addClass('active');
+        $(this).siblings('label, i').addClass('active');
       }
+      validate_field($(this));
     });
 
     // Add active if input element has been pre-populated on document ready
@@ -28,7 +29,7 @@
         // Reset select
         $(this).find('select.initialized').each(function () {
           var reset_text = $(this).find('option[selected]').text();
-          $(this).prev('span.select-dropdown').html(reset_text);
+          $(this).siblings('input.select-dropdown').val(reset_text);
         });
       }
     });
@@ -41,25 +42,30 @@
     $(document).on('blur', input_selector, function () {
       if ($(this).val().length === 0) {
         $(this).siblings('label, i').removeClass('active');
+      }
+      validate_field($(this));
+    });
 
-        if ($(this).hasClass('validate')) {
-          $(this).removeClass('valid');
-          $(this).removeClass('invalid');
+    validate_field = function(object) {
+      if (object.val().length === 0) {
+        if (object.hasClass('validate')) {
+          object.removeClass('valid');
+          object.removeClass('invalid');
         }
       }
       else {
-        if ($(this).hasClass('validate')) {
-          if ($(this).is(':valid')) {
-            $(this).removeClass('invalid');
-            $(this).addClass('valid');
+        if (object.hasClass('validate')) {
+          if (object.is(':valid')) {
+            object.removeClass('invalid');
+            object.addClass('valid');
           }
           else {
-            $(this).removeClass('valid');
-            $(this).addClass('invalid');
+            object.removeClass('valid');
+            object.addClass('invalid');
           }
         }
       }
-    });
+    }
 
 
     // Textarea Auto Resize
@@ -89,6 +95,16 @@
       });
 
 
+    // File Input Path
+    $('.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.trigger('change');
+      });
+    });
+
+
     // Range Input
     var range_type = 'input[type=range]';
     var range_mousedown = false;
@@ -164,15 +180,13 @@
       }
     });
 
-
-
-
     //  Select Functionality
 
     // Select Plugin
     $.fn.material_select = function (callback) {
       $(this).each(function(){
         $select = $(this);
+
         if ( $select.hasClass('browser-default') || $select.hasClass('initialized')) {
           return; // Continue to next (return false breaks out of entire loop)
         }
@@ -204,7 +218,7 @@
               $curr_select.find('option').eq(i).prop('selected', true);
               // Trigger onchange() event
               $curr_select.trigger('change');
-              $curr_select.prev('span.select-dropdown').html($(this).text());
+              $curr_select.siblings('input.select-dropdown').val($(this).text());
               if (typeof callback !== 'undefined') callback();
             }
           });
@@ -214,8 +228,8 @@
         // Wrap Elements
         $select.wrap(wrapper);
         // Add Select Display Element
-        var $newSelect = $('<span class="select-dropdown ' + (($select.is(':disabled')) ? 'disabled' : '')
-                         + '" data-activates="select-options-' + uniqueID +'">' + label.html() + '</span>');
+        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
@@ -224,6 +238,102 @@
         }
         $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);
+        });
+
+        $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);
+        }
+
+        // Allow user to search by typing
+        // this array is cleared after 1 second
+        filterQuery = []
+
+        onKeyDown = function(event){
+          // TAB - switch to another input
+          if(event.which == 9){
+            $newSelect.trigger('close');
+            return
+          }
+
+          // ARROW DOWN WHEN SELECT IS CLOSED - open select options
+          if(event.which == 40 && !options.is(":visible")){
+            $newSelect.trigger('open');
+            return
+          }
+
+          // ENTER WHEN SELECT IS CLOSED - submit form
+          if(event.which == 13 && !options.is(":visible")){
+            return
+          }
+
+          event.preventDefault();
+
+          // CASE WHEN USER TYPE LETTERS
+          letter = String.fromCharCode(event.which).toLowerCase();
+
+          if (letter){
+            filterQuery.push(letter);
+
+            string = filterQuery.join("");
+
+            newOption = options.find('li').filter(function() {
+              return $(this).text().toLowerCase().indexOf(string) === 0;
+            })[0];
+
+            if(newOption){
+              activateOption(options, newOption);
+            }
+          }
+
+          // 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 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);
+            }
+          }
+
+          // ESC - close options
+          if(event.which == 27){
+            $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);
+            }
+          }
+
+          // Automaticaly clean filter query so user can search again by starting letters
+          setTimeout(function(){filterQuery = []}, 1000)
+        }
+
+        $newSelect.on('keydown', onKeyDown);
       });
     }