materialize-sass 0.96.2 → 0.97.0

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

@@ -6,7 +6,32 @@
 
     $(document).on('mouseenter.fixedActionBtn', '.fixed-action-btn', function(e) {
       var $this = $(this);
+      openFABMenu($this);
 
+    });
+
+    $(document).on('mouseleave.fixedActionBtn', '.fixed-action-btn', function(e) {
+      var $this = $(this);
+      closeFABMenu($this);
+    });
+
+  });
+
+  $.fn.extend({
+    openFAB: function() {
+      var $this = $(this);
+      openFABMenu($this);
+    },
+    closeFAB: function() {
+      closeFABMenu($this);
+    }
+  });
+
+
+  var openFABMenu = function (btn) {
+    $this = btn;
+    if ($this.hasClass('active') === false) {
+      $this.addClass('active');
       $this.find('ul .btn-floating').velocity(
         { scaleY: ".4", scaleX: ".4", translateY: "40px"},
         { duration: 0 });
@@ -18,18 +43,19 @@
           { duration: 80, delay: time });
         time += 40;
       });
+    }
+  };
 
-    });
-
-    $(document).on('mouseleave.fixedActionBtn', '.fixed-action-btn', function(e) {
-      var $this = $(this);
+  var closeFABMenu = function (btn) {
+    $this = btn;
+    $this.removeClass('active');
+    var time = 0;
+    $this.find('ul .btn-floating').velocity("stop", true);
+    $this.find('ul .btn-floating').velocity(
+      { opacity: "0", scaleX: ".4", scaleY: ".4", translateY: "40px"},
+      { duration: 80 }
+    );
+  };
 
-      var time = 0;
-      $this.find('ul .btn-floating').velocity("stop", true);
-      $this.find('ul .btn-floating').velocity(
-        { opacity: "0", scaleX: ".4", scaleY: ".4", translateY: "40px"},
-        { duration: 80 });
-    });
 
-  });
 }( jQuery ));

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

@@ -3,7 +3,7 @@
   $.fn.characterCounter = function(){
     return this.each(function(){
 
-      itHasLengthAttribute = $(this).attr('length') !== undefined;
+      var itHasLengthAttribute = $(this).attr('length') !== undefined;
 
       if(itHasLengthAttribute){
         $(this).on('input', updateCounter);
@@ -28,7 +28,7 @@
   }
 
   function addCounterElement($input){
-    $counterElement = $('<span/>')
+    var $counterElement = $('<span/>')
                         .addClass('character-counter')
                         .css('float','right')
                         .css('font-size','12px')
@@ -42,7 +42,7 @@
   }
 
   function addInputStyle(isValidLength, $input){
-    inputHasInvalidClass = $input.hasClass('invalid');
+    var inputHasInvalidClass = $input.hasClass('invalid');
     if (isValidLength && inputHasInvalidClass) {
       $input.removeClass('invalid');
     }

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

@@ -115,7 +115,8 @@
       });
       origin.on('mouseleave', function(e){
         // If hover on origin then to something other than dropdown content, then close
-        if(!$(e.toElement).closest('.dropdown-content').is(activates)) {
+        var toEl = e.toElement || e.relatedTarget; // added browser compatibility for target element
+        if(!$(toEl).closest('.dropdown-content').is(activates)) {
           activates.stop(true, true);
           hideDropdown();
           open = false;
@@ -123,7 +124,8 @@
       });
 
       activates.on('mouseleave', function(e){ // Mouse out
-        if(!$(e.toElement).closest('.dropdown-button').is(origin)) {
+        var toEl = e.toElement || e.relatedTarget;
+        if(!$(toEl).closest('.dropdown-button').is(origin)) {
           activates.stop(true, true);
           hideDropdown();
           open = false;

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

@@ -35,14 +35,19 @@
 
     // HTML DOM FORM RESET handling
     $(document).on('reset', function(e) {
-      if ($(e.target).is('form')) {
-        $(this).find(input_selector).removeClass('valid').removeClass('invalid');
-        $(this).find(input_selector).siblings('label, i').removeClass('active');
+      var formReset = $(e.target);
+      if (formReset.is('form')) {
+        formReset.find(input_selector).removeClass('valid').removeClass('invalid');
+        formReset.find(input_selector).each(function () {
+          if ($(this).attr('value') === '') {
+            $(this).siblings('label, i').removeClass('active');
+          }
+        });
 
         // Reset select
-        $(this).find('select.initialized').each(function () {
-          var reset_text = $(this).find('option[selected]').text();
-          $(this).siblings('input.select-dropdown').val(reset_text);
+        formReset.find('select.initialized').each(function () {
+          var reset_text = formReset.find('option[selected]').text();
+          formReset.siblings('input.select-dropdown').val(reset_text);
         });
       }
     });
@@ -61,6 +66,10 @@
     });
 
     validate_field = function(object) {
+      var hasLength = object.attr('length') !== undefined;
+      var lenAttr = parseInt(object.attr('length'));
+      var len = object.val().length;
+
       if (object.val().length === 0 && object[0].validity.badInput === false) {
         if (object.hasClass('validate')) {
           object.removeClass('valid');
@@ -69,7 +78,8 @@
       }
       else {
         if (object.hasClass('validate')) {
-          if (object.is(':valid')) {
+          // Check for character counter attributes
+          if ((object.is(':valid') && hasLength && (len < lenAttr)) || (object.is(':valid') && !hasLength)) {
             object.removeClass('invalid');
             object.addClass('valid');
           }
@@ -91,12 +101,22 @@
     var text_area_selector = '.materialize-textarea';
 
     function textareaAutoResize($textarea) {
-      // Set fontsize of hiddenDiv
+      // Set font properties of hiddenDiv
+
+      var fontFamily = $textarea.css('font-family');
       var fontSize = $textarea.css('font-size');
-      if (fontSize) {
-        hiddenDiv.css('font-size', fontSize);
+
+      if (fontSize) { hiddenDiv.css('font-size', fontSize); }
+      if (fontFamily) { hiddenDiv.css('font-family', fontFamily); }
+
+      if ($textarea.attr('wrap') === "off") {
+        hiddenDiv.css('overflow-wrap', "normal")
+                 .css('white-space', "pre");
       }
 
+
+
+
       hiddenDiv.text($textarea.val() + '\n');
       var content = hiddenDiv.html().replace(/\n/g, '<br>');
       hiddenDiv.html(content);
@@ -131,15 +151,22 @@
     $('.file-field').each(function() {
       var path_input = $(this).find('input.file-path');
       $(this).find('input[type="file"]').change(function () {
-        path_input.val($(this)[0].files[0].name);
-        path_input.trigger('change');
+        if ($(this)[0].files.length){
+          path_input.val($(this)[0].files[0].name);
+          path_input.trigger('change');
+        }
       });
     });
 
 
-    // Range Input
+
+    /****************
+    *  Range Input  *
+    ****************/
+
     var range_type = 'input[type=range]';
     var range_mousedown = false;
+    var left;
 
     $(range_type).each(function () {
       var thumb = $('<span class="thumb"><span class="value"></span></span>');
@@ -147,13 +174,22 @@
     });
 
     var range_wrapper = '.range-field';
+    $(document).on('change', range_type, function(e) {
+      var thumb = $(this).siblings('.thumb');
+      thumb.find('.value').html($(this).val());
+    });
 
-      $(document).on("mousedown", range_wrapper, function(e) {
-        var thumb = $(this).children('.thumb');
-        if (thumb.length <= 0) {
-          thumb = $('<span class="thumb"><span class="value"></span></span>');
-          $(this).append(thumb);
-        }
+    $(document).on('mousedown touchstart', range_type, function(e) {
+      var thumb = $(this).siblings('.thumb');
+
+      // If thumb indicator does not exist yet, create it
+      if (thumb.length <= 0) {
+        thumb = $('<span class="thumb"><span class="value"></span></span>');
+        $(this).append(thumb);
+      }
+
+      // Set indicator value
+      thumb.find('.value').html($(this).val());
 
       range_mousedown = true;
       $(this).addClass('active');
@@ -161,7 +197,13 @@
       if (!thumb.hasClass('active')) {
         thumb.velocity({ height: "30px", width: "30px", top: "-20px", marginLeft: "-15px"}, { duration: 300, easing: 'easeOutExpo' });
       }
-      var left = e.pageX - $(this).offset().left;
+
+      if(e.pageX === undefined || e.pageX === null){//mobile
+         left = e.originalEvent.touches[0].pageX - $(this).offset().left;
+      }
+      else{ // desktop
+         left = e.pageX - $(this).offset().left;
+      }
       var width = $(this).outerWidth();
 
       if (left < 0) {
@@ -171,22 +213,29 @@
         left = width;
       }
       thumb.addClass('active').css('left', left);
-      thumb.find('.value').html($(this).children('input[type=range]').val());
+      thumb.find('.value').html($(this).val());
+
 
     });
-    $(document).on("mouseup", range_wrapper, function() {
+
+    $(document).on('mouseup touchend', range_wrapper, function() {
       range_mousedown = false;
       $(this).removeClass('active');
     });
 
-    $(document).on("mousemove", range_wrapper, function(e) {
-
+    $(document).on('mousemove touchmove', range_wrapper, function(e) {
       var thumb = $(this).children('.thumb');
+      var left;
       if (range_mousedown) {
         if (!thumb.hasClass('active')) {
-          thumb.velocity({ height: "30px", width: "30px", top: "-20px", marginLeft: "-15px"}, { duration: 300, easing: 'easeOutExpo' });
+          thumb.velocity({ height: '30px', width: '30px', top: '-20px', marginLeft: '-15px'}, { duration: 300, easing: 'easeOutExpo' });
+        }
+        if (e.pageX === undefined || e.pageX === null) { //mobile
+          left = e.originalEvent.touches[0].pageX - $(this).offset().left;
+        }
+        else{ // desktop
+          left = e.pageX - $(this).offset().left;
         }
-        var left = e.pageX - $(this).offset().left;
         var width = $(this).outerWidth();
 
         if (left < 0) {
@@ -196,17 +245,18 @@
           left = width;
         }
         thumb.addClass('active').css('left', left);
-        thumb.find('.value').html($(this).children('input[type=range]').val());
+
       }
 
     });
-    $(document).on("mouseout", range_wrapper, function() {
+
+    $(document).on('mouseout touchleave', range_wrapper, function() {
       if (!range_mousedown) {
 
         var thumb = $(this).children('.thumb');
 
         if (thumb.hasClass('active')) {
-          thumb.velocity({ height: "0", width: "0", top: "10px", marginLeft: "-6px"}, { duration: 100 });
+          thumb.velocity({ height: '0', width: '0', top: '10px', marginLeft: '-6px'}, { duration: 100 });
         }
         thumb.removeClass('active');
       }
@@ -283,12 +333,11 @@
       // Wrap Elements
       $select.wrap(wrapper);
       // Add Select Display Element
-      var dropdownIcon = $('<i class="mdi-navigation-arrow-drop-down"></i>');
+      var dropdownIcon = $('<span class="caret">&#9660;</span>');
       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() +'"/>');
+      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);
 

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

@@ -53,7 +53,7 @@
             setTimeout(checkForChanges, 500);
           }
           else {
-            var donateAd = $('<div id="carbonads"><span><a class="carbon-text" href="#" onclick="document.getElementById("paypal_donate").submit();"><img src="images/donate.png" /> Help support us by turning off adblock. If you still prefer to keep adblock on for this page but still want to support us, feel free to donate. Any little bit helps.</a></form></span></div>');
+            var donateAd = $('<div id="carbonads"><span><a class="carbon-text" href="#!" onclick="document.getElementById(\'paypal-donate\').submit();"><img src="images/donate.png" /> Help support us by turning off adblock. If you still prefer to keep adblock on for this page but still want to support us, feel free to donate. Any little bit helps.</a></form></span></div>');
 
             $bsa.append(donateAd);
           }

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

@@ -9,8 +9,7 @@
   $.fn.extend({
     openModal: function(options) {
 
-      var overlay = $('<div id="lean-overlay"></div>');
-      $('body').css('overflow', 'hidden').append(overlay);
+      $('body').css('overflow', 'hidden');
 
       var defaults = {
         opacity: 0.5,
@@ -18,7 +17,8 @@
         out_duration: 250,
         ready: undefined,
         complete: undefined,
-        dismissible: true
+        dismissible: true,
+        starting_top: '4%'
       },
       overlayID = _generateID(),
       $modal = $(this),
@@ -46,7 +46,7 @@
         });
       }
 
-      $modal.find(".modal-close").click(function(e) {
+      $modal.find(".modal-close").on('click.close', function(e) {
         $modal.closeModal(options);
       });
 
@@ -75,8 +75,9 @@
         });
       }
       else {
-        $modal.css({ top: "4%" });
-        $modal.velocity({top: "10%", opacity: 1}, {
+        $.Velocity.hook($modal, "scaleX", 0.7);
+        $modal.css({ top: options.starting_top });
+        $modal.velocity({top: "10%", opacity: 1, scaleX: '1'}, {
           duration: options.in_duration,
           queue: false,
           ease: "easeOutCubic",
@@ -99,15 +100,16 @@
         out_duration: 250,
         complete: undefined
       },
-      options = $.extend(defaults, options),
       $modal = $(this),
       overlayID = $modal.data('overlay-id'),
       $overlay = $('#' + overlayID);
 
+      options = $.extend(defaults, options);
+
       // Disable scrolling
       $('body').css('overflow', '');
 
-      $modal.find('.modal-close').off();
+      $modal.find('.modal-close').off('click.close');
       $(document).off('keyup.leanModal' + overlayID);
 
       $overlay.velocity( { opacity: 0}, {duration: options.out_duration, queue: false, ease: "easeOutQuart"});
@@ -133,27 +135,39 @@
         });
       }
       else {
-        $modal.fadeOut(options.out_duration, function() {
-          $modal.css({ top: 0});
-          $overlay.css({display:"none"});
-
-          // Call complete callback
-          if (typeof(options.complete) === "function") {
-            options.complete();
+        $modal.velocity(
+          { top: options.starting_top, opacity: 0, scaleX: 0.7}, {
+          duration: options.out_duration,
+          complete:
+            function() {
+
+              $(this).css('display', 'none');
+              // Call complete callback
+              if (typeof(options.complete) === "function") {
+                options.complete();
+              }
+              $overlay.remove();
+              _stack--;
+            }
           }
-          $overlay.remove();
-          _stack--;
-        });
+        );
       }
-
     }
   });
 
   $.fn.extend({
-    leanModal: function(options) {
+    leanModal: function(option) {
       return this.each(function() {
+
+        var defaults = {
+          starting_top: '4%'
+        },
+        // Override defaults
+        options = $.extend(defaults, option);
+
         // Close Handlers
         $(this).click(function(e) {
+          options.starting_top = ($(this).offset().top - $(window).scrollTop()) /1.15;
           var modal_id = $(this).attr("href") || '#' + $(this).data('target');
           $(modal_id).openModal(options);
           e.preventDefault();

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

@@ -306,7 +306,7 @@
         // Default to "init"
         return methods.init.apply( this, arguments );
       } else {
-        $.error( 'Method ' +  methodOrOptions + ' does not exist on jQuery.tooltip' );
+        $.error( 'Method ' +  methodOrOptions + ' does not exist on jQuery.sideNav' );
       }
     }; // Plugin end
 }( jQuery ));