materialize-sass 0.95.3.3 → 0.95.3.4

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

@@ -0,0 +1,18 @@
+var Materialize = {};
+
+// Unique ID
+Materialize.guid = (function() {
+  function s4() {
+    return Math.floor((1 + Math.random()) * 0x10000)
+      .toString(16)
+      .substring(1);
+  }
+  return function() {
+    return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
+           s4() + '-' + s4() + s4() + s4();
+  };
+})();
+
+// Velocity has conflicts when loaded with jQuery, this will check for it
+var Vel;
+if ($) { Vel = $.Velocity } else { Vel = Velocity};

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

@@ -112,10 +112,14 @@
       $('#nav-mobile').css({ overflow: 'auto'})
     }
 
+    // Set checkbox on forms.html to indeterminate
+    var indeterminateCheckbox = document.getElementById('indeterminate-checkbox');
+    if (indeterminateCheckbox !== null)
+      indeterminateCheckbox.indeterminate = true;
+
 
     // Plugin initialization
     $('.slider').slider({full_width: true});
-    $('.dropdown-button').dropdown({hover: false});
     $('.tab-demo').show().tabs();
     $('.parallax').parallax();
     $('.modal-trigger').leanModal();

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

@@ -30,7 +30,6 @@
       }
 
       $(modal).find(".modal-close").click(function(e) {
-        e.preventDefault();
         $(modal).closeModal(options);
       });
 

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

@@ -1,19 +1,6 @@
 (function ($) {
   $(document).ready(function() {
 
-    // Unique ID
-    var guid = (function() {
-      function s4() {
-        return Math.floor((1 + Math.random()) * 0x10000)
-                   .toString(16)
-                   .substring(1);
-      }
-      return function() {
-        return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
-               s4() + '-' + s4() + s4() + s4();
-      };
-    })();
-
     $.fn.pushpin = function (options) {
 
       var defaults = {
@@ -25,7 +12,7 @@
 
       $index = 0;
       return this.each(function() {
-        var $uniqueId = guid(),
+        var $uniqueId = Materialize.guid(),
             $this = $(this),
             $original_offset = $(this).offset().top;
 

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

@@ -2,29 +2,68 @@
 
   // Input: Array of JSON objects {selector, offset, callback}
 
-  scrollFire = function(options) {
-    $(window).scroll(function () {
-      var windowScroll = $(window).scrollTop() + $(window).height();
-
-      $.each( options, function( i, value ){
-        var selector = value.selector,
-            offset = value.offset,
-            callback = value.callback;
-        
-        if ($(selector).length != 0) {
-          var elementOffset = $(selector).offset().top;
-
-          if (windowScroll > (elementOffset + offset)) {
-            if (value.done != true) {
-              var callbackFunc = new Function(callback);
-              callbackFunc();
-              value.done = true;
-            }
-          }
-        }
+  Materialize.scrollFire = function(options) {
+
+    var didScroll = false;
 
-      });
+    window.addEventListener("scroll", function() {
+      didScroll = true;
     });
+
+    // Rate limit to 100ms
+    setInterval(function() {
+        if(didScroll) {
+            didScroll = false;
+
+            var windowScroll = window.pageYOffset + window.innerHeight;
+
+            for (var i = 0 ; i < options.length; i++) {
+              // Get options from each line
+              var value = options[i];
+              var selector = value.selector,
+                  offset = value.offset,
+                  callback = value.callback;
+
+              var currentElement = document.querySelector(selector);
+              if ( currentElement !== null) {
+                var elementOffset = currentElement.getBoundingClientRect().top + document.body.scrollTop;
+
+                if (windowScroll > (elementOffset + offset)) {
+                  if (value.done != true) {
+                    var callbackFunc = new Function(callback);
+                    callbackFunc();
+                    value.done = true;
+                  }
+                }
+              }
+            };
+        }
+    }, 100);
+
+
+    // $(window).scroll(function () {
+    //   var windowScroll = $(window).scrollTop() + $(window).height();
+
+    //   $.each( options, function( i, value ){
+    //     var selector = value.selector,
+    //         offset = value.offset,
+    //         callback = value.callback;
+
+    //     if ($(selector).length != 0) {
+    //       var elementOffset = $(selector).offset().top;
+
+    //       if (windowScroll > (elementOffset + offset)) {
+    //         if (value.done != true) {
+    //           var callbackFunc = new Function(callback);
+    //           callbackFunc();
+    //           value.done = true;
+    //         }
+    //       }
+    //     }
+
+    //   });
+    // });
+
   }
 
 })(jQuery);

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

@@ -180,13 +180,10 @@
 		    e.preventDefault();
 		    var offset = $(this.hash).offset().top + 1;
 
-//            offset-60 to handle floating fixed tab bar
-				if ($('.tabs-wrapper').length) {
-			    $('html, body').animate({ scrollTop: offset-60 }, {duration: 400, easing: 'easeOutCubic'});
-				}
-				else {
-		    	$('html, body').animate({ scrollTop: offset }, {duration: 400, easing: 'easeOutCubic'});
-				}
+//          offset - 200 allows elements near bottom of page to scroll
+			
+	    	$('html, body').animate({ scrollTop: offset - 200 }, {duration: 400, easing: 'easeOutCubic'});
+			
 		  });
 		});
 		options = options || {

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

@@ -75,23 +75,31 @@
 
         // If fixed sidenav, bring menu out
         if (menu_id.hasClass('fixed')) {
-            menu_id.css('left', 0);
+            if ($(window).width() > 992) {
+              menu_id.css('left', 0);
+            }
           }
 
-
-
         // Window resize to reset on large screens fixed
         if (menu_id.hasClass('fixed')) {
           $(window).resize( function() {
-            if ($(window).width() > 1200) {
-              if (menu_id.attr('style')) {
+            if (window.innerWidth > 992) {
+              // Close menu if window is resized bigger than 992 and user has fixed sidenav
+              if ($('#sidenav-overlay').css('opacity') != 0 && menuOut) {
+                removeMenu(true);
+              }
+              else {
                 menu_id.removeAttr('style');
                 menu_id.css('width', options.menuWidth);
               }
             }
-            if ($('#sidenav-overlay').css('opacity') != 0 && menuOut) {
-              $('#sidenav-overlay').trigger('click');
+            else if (menuOut === false){
+              if (options.edge === 'left')
+                menu_id.css('left', -1 * (options.menuWidth + 10));
+              else
+                menu_id.css('right', -1 * (options.menuWidth + 10));
             }
+
           });
         }
 
@@ -102,7 +110,7 @@
           });
         }
 
-        function removeMenu() {
+        function removeMenu(restoreNav) {
           panning = false;
           menuOut = false;
           $('#sidenav-overlay').velocity({opacity: 0}, {duration: 200, queue: false, easing: 'easeOutQuad',
@@ -112,12 +120,37 @@
           if (options.edge === 'left') {
             // Reset phantom div
             $('.drag-target').css({width: '', right: '', left: '0'});
-            menu_id.velocity({left: -1 * (options.menuWidth + 10)}, {duration: 200, queue: false, easing: 'easeOutCubic'});
+            menu_id.velocity(
+              {left: -1 * (options.menuWidth + 10)},
+              { duration: 200,
+                queue: false,
+                easing: 'easeOutCubic',
+                complete: function() {
+                  if (restoreNav == true) {
+                    // Restore Fixed sidenav
+                    menu_id.removeAttr('style');
+                    menu_id.css('width', options.menuWidth);
+                  }
+                }
+
+            });
           }
           else {
             // Reset phantom div
             $('.drag-target').css({width: '', right: '0', left: ''});
-            menu_id.velocity({right: -1 * (options.menuWidth + 10)}, {duration: 200, queue: false, easing: 'easeOutCubic'});
+            menu_id.velocity(
+              {right: -1 * (options.menuWidth + 10)},
+              { duration: 200,
+                queue: false,
+                easing: 'easeOutCubic',
+                complete: function() {
+                  if (restoreNav == true) {
+                    // Restore Fixed sidenav
+                    menu_id.removeAttr('style');
+                    menu_id.css('width', options.menuWidth);
+                  }
+                }
+              });
           }
         }
 
@@ -127,11 +160,12 @@
         var panning = false;
         var menuOut = false;
 
+        $('.drag-target').on('click', function(){
+          removeMenu();
+        })
+
         $('.drag-target').hammer({
           prevent_default: false
-        }).bind('tap', function(e) {
-          // capture overlay click on drag target
-            $('#sidenav-overlay').trigger('click');
         }).bind('pan', function(e) {
 
           if (e.gesture.pointerType == "touch") {
@@ -141,9 +175,12 @@
             var y = e.gesture.center.y;
             var velocityX = e.gesture.velocityX;
 
-            if (!$('#sidenav-overlay').length) {
+            // If overlay does not exist, create one and if it is clicked, close menu
+            if ($('#sidenav-overlay').length === 0) {
               var overlay = $('<div id="sidenav-overlay"></div>');
-              overlay.css('opacity', 0).click(function(){ removeMenu(); });
+              overlay.css('opacity', 0).click( function(){
+                removeMenu();
+              });
               $('body').append(overlay);
             }
 
@@ -204,8 +241,8 @@
                 $('.drag-target').css({width: '50%', right: 0, left: ''});
               }
               else if (!menuOut || velocityX > 0.3) {
-                menu_id.velocity({left: -1 * (options.menuWidth + 10)}, {duration: 300, queue: false, easing: 'easeOutQuad'});
-                $('#sidenav-overlay').velocity({opacity: 0 }, {duration: 50, queue: false, easing: 'easeOutQuad',
+                menu_id.velocity({left: -1 * (options.menuWidth + 10)}, {duration: 200, queue: false, easing: 'easeOutQuad'});
+                $('#sidenav-overlay').velocity({opacity: 0 }, {duration: 200, queue: false, easing: 'easeOutQuad',
                   complete: function () {
                     $(this).remove();
                   }});
@@ -219,8 +256,8 @@
                 $('.drag-target').css({width: '50%', right: '', left: 0});
               }
               else if (!menuOut || velocityX < -0.3) {
-                menu_id.velocity({right: -1 * (options.menuWidth + 10)}, {duration: 300, queue: false, easing: 'easeOutQuad'});
-                $('#sidenav-overlay').velocity({opacity: 0 }, {duration: 50, queue: false, easing: 'easeOutQuad',
+                menu_id.velocity({right: -1 * (options.menuWidth + 10)}, {duration: 200, queue: false, easing: 'easeOutQuad'});
+                $('#sidenav-overlay').velocity({opacity: 0 }, {duration: 200, queue: false, easing: 'easeOutQuad',
                   complete: function () {
                     $(this).remove();
                   }});
@@ -255,14 +292,14 @@
                 menuOut = false;
                 panning = false;
                 removeMenu();
-                overlay.animate({opacity: 0}, {duration: 300, queue: false, easing: 'easeOutQuad',
+                overlay.velocity({opacity: 0}, {duration: 300, queue: false, easing: 'easeOutQuad',
                   complete: function() {
                     $(this).remove();
                   } });
 
               });
               $('body').append(overlay);
-              overlay.animate({opacity: 1}, {duration: 300, queue: false, easing: 'easeOutQuad',
+              overlay.velocity({opacity: 1}, {duration: 300, queue: false, easing: 'easeOutQuad',
                 complete: function () {
                   menuOut = true;
                   panning = false;

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

@@ -5,7 +5,7 @@
       indicators: true,
       height: 400,
       transition: 500,
-      interval: 60000
+      interval: 6000
     }
     options = $.extend(defaults, options);
 

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

@@ -1,100 +1,117 @@
-function toast(message, displayLength, className, completeCallback) {
+Materialize.toast = function (message, displayLength, className, completeCallback) {
     className = className || "";
-    if ($('#toast-container').length == 0) {
+
+    var container = document.getElementById('toast-container');
+
+    // Create toast container if it does not exist
+    if (container === null) {
         // create notification container
-        var container = $('<div></div>')
-            .attr('id', 'toast-container');
-        $('body').append(container);
+        var container = document.createElement('div');
+        container.id = 'toast-container';
+        document.body.appendChild(container);
     }
 
     // Select and append toast
-    var container = $('#toast-container')
     var newToast = createToast(message);
-    container.append(newToast);
+    container.appendChild(newToast);
 
-    newToast.css({"top" : parseFloat(newToast.css("top"))+35+"px",
-                  "opacity": 0});
-    newToast.velocity({"top" : "0px",
-                       opacity: 1},
-                       {duration: 300,
-                       easing: 'easeOutCubic',
-                      queue: false});
+    newToast.style.top = '35px';
+    newToast.style.opacity = 0;
+
+    // Animate toast in
+    Vel(newToast, { "top" : "0px", opacity: 1 }, {duration: 300,
+      easing: 'easeOutCubic',
+      queue: false});
 
     // Allows timer to be pause while being panned
     var timeLeft = displayLength;
     var counterInterval = setInterval (function(){
-      if (newToast.parent().length === 0)
+
+
+      if (newToast.parentNode === null)
         window.clearInterval(counterInterval);
 
-      if (!newToast.hasClass("panning")) {
-        timeLeft -= 100;
+      // If toast is not being dragged, decrease its time remaining
+      if (!newToast.classList.contains('panning')) {
+        timeLeft -= 20;
       }
 
       if (timeLeft <= 0) {
-        newToast.velocity({"opacity": 0, marginTop: '-40px'},
-                        { duration: 375,
-                          easing: 'easeOutExpo',
-                          queue: false,
-                          complete: function(){
-                            if(typeof(completeCallback) === "function")
-                              completeCallback();
-                            $(this).remove();
-                          }
-                        }
-                       );
+        // Animate toast out
+        Vel(newToast, {"opacity": 0, marginTop: '-40px'}, { duration: 375,
+            easing: 'easeOutExpo',
+            queue: false,
+            complete: function(){
+              // Call the optional callback
+              if(typeof(completeCallback) === "function")
+                completeCallback();
+              // Remove toast after it times out
+              this[0].parentNode.removeChild(this[0]);
+            }
+          });
         window.clearInterval(counterInterval);
       }
-    }, 100);
+    }, 20);
 
 
 
     function createToast(html) {
-        var toast = $("<div class='toast'></div>")
-          .addClass(className)
-          .html(html);
+
+        // Create toast
+        var toast = document.createElement('div');
+        toast.classList.add('toast');
+        if (className) {
+          toast.classList.add(className);
+        }
+        toast.innerHTML = html;
+
         // Bind hammer
-        toast.hammer({prevent_default:false
-              }).bind('pan', function(e) {
-
-                  var deltaX = e.gesture.deltaX;
-                  var activationDistance = 80;
-
-//                  change toast state
-                  if (!toast.hasClass("panning"))
-                    toast.addClass("panning");
-
-                  var opacityPercent = 1-Math.abs(deltaX / activationDistance);
-                if (opacityPercent < 0)
-                  opacityPercent = 0;
-
-                  toast.velocity({left: deltaX, opacity: opacityPercent }, {duration: 50, queue: false, easing: 'easeOutQuad'});
-
-                }).bind('panend', function(e) {
-                  var deltaX = e.gesture.deltaX;
-                  var activationDistance = 80;
-
-                  // If toast dragged past activation point
-                  if (Math.abs(deltaX) > activationDistance) {
-                    toast.velocity({marginTop: '-40px'},
-                                  { duration: 375,
-                        easing: 'easeOutExpo',
-                        queue: false,
-                        complete: function(){
-                          if(typeof(completeCallback) === "function")
-                            completeCallback();
-                          toast.remove()
-                        }
-                      })
-                  } else {
-                    toast.removeClass("panning");
-                    // Put toast back into original position
-                    toast.velocity({left: 0, opacity: 1},
-                                  { duration: 300,
-                        easing: 'easeOutExpo',
-                        queue: false
-                      })
+        var hammerHandler = new Hammer(toast, {prevent_default: false});
+        hammerHandler.on('pan', function(e) {
+          var deltaX = e.deltaX;
+          var activationDistance = 80;
+
+          // Change toast state
+          if (!toast.classList.contains('panning')){
+            toast.classList.add('panning');
+          }
+
+          var opacityPercent = 1-Math.abs(deltaX / activationDistance);
+          if (opacityPercent < 0)
+            opacityPercent = 0;
+
+          Vel(toast, {left: deltaX, opacity: opacityPercent }, {duration: 50, queue: false, easing: 'easeOutQuad'});
+
+        });
+
+        hammerHandler.on('panend', function(e) {
+          var deltaX = e.deltaX;
+          var activationDistance = 80;
+
+          // If toast dragged past activation point
+          if (Math.abs(deltaX) > activationDistance) {
+            Vel(toast, {marginTop: '-40px'}, { duration: 375,
+                easing: 'easeOutExpo',
+                queue: false,
+                complete: function(){
+                  if(typeof(completeCallback) === "function") {
+                    completeCallback();
                   }
-                });
+                  toast.parentNode.removeChild(toast);
+                }
+            });
+
+          } else {
+            toast.classList.remove('panning');
+            // Put toast back into original position
+            Vel(toast, { left: 0, opacity: 1 }, { duration: 300,
+              easing: 'easeOutExpo',
+              queue: false
+            });
+
+          }
+        });
+
         return toast;
     }
 }