materialize-sass 0.95.3.2 → 0.95.3.3

data/README.md

@@ -1,59 +1,59 @@
-# Materialize Sass version for Rails Asset Pipeline
-[![Gem Version](https://badge.fury.io/rb/materialize-sass.svg)](http://badge.fury.io/rb/materialize-sass)
-
-`materialize-sass` is a Sass powered version of Materialize, a modern responsive front-end framework based on Material Design.
-
-## Installation
-
-In your Gemfile you need to add the `materialize-sass` gem:
-
-```ruby
-gem 'materialize-sass'
-```
-
-**NOTE:** Ensure that the `sass-rails` gem is presented in your Gemfile.
-
-And then run the bundler and restart your server to make the files available through the pipeline:
-
-```console
-$ bundle install
-```
-
-Or install it separately:
-
-```console
-$ gem install materialize-sass
-```
-
-## Usage
-
-### a. Sass
-
-Import Materialize styles in `app/assets/stylesheets/application.css.scss`:
-
-```scss
-@import "materialize";
-```
-
-**NOTE:** If you have just generated a new Rails application, it  may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so remove it.
-
-```console
-$ rm app/assets/stylesheets/application.css
-```
-
-### b. JavaScript
-
-Require Bootstrap javascripts in `app/assets/javascripts/application.js`:
-
-```js
-//= require jquery
-//= require materialize-sprockets
-```
-
-## Contributing
-
-1. Fork it ( https://github.com/[my-github-username]/materialize-sass/fork )
-2. Create your feature branch (`git checkout -b my-new-feature`)
-3. Commit your changes (`git commit -am 'Add some feature'`)
-4. Push to the branch (`git push origin my-new-feature`)
-5. Create a new Pull Request
+# Materialize Sass version for Rails Asset Pipeline
+[![Gem Version](https://badge.fury.io/rb/materialize-sass.svg)](http://badge.fury.io/rb/materialize-sass)
+
+`materialize-sass` is a Sass powered version of Materialize, a modern responsive front-end framework based on Material Design.
+
+## Installation
+
+In your Gemfile you need to add the `materialize-sass` gem:
+
+```ruby
+gem 'materialize-sass'
+```
+
+**NOTE:** Ensure that the `sass-rails` gem is presented in your Gemfile.
+
+And then run the bundler and restart your server to make the files available through the pipeline:
+
+```console
+$ bundle install
+```
+
+Or install it separately:
+
+```console
+$ gem install materialize-sass
+```
+
+## Usage
+
+### a. Sass
+
+Import Materialize styles in `app/assets/stylesheets/application.css.scss`:
+
+```scss
+@import "materialize";
+```
+
+**NOTE:** If you have just generated a new Rails application, it  may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so remove it.
+
+```console
+$ rm app/assets/stylesheets/application.css
+```
+
+### b. JavaScript
+
+Require Bootstrap javascripts in `app/assets/javascripts/application.js`:
+
+```js
+//= require jquery
+//= require materialize-sprockets
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/materialize-sass/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

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

@@ -1,4 +1,5 @@
 //= require ./materialize/jquery.easing.1.3
+//= require ./materialize/animation
 //= require ./materialize/velocity.min
 //= require ./materialize/hammer.min
 //= require ./materialize/jquery.hammer
@@ -18,7 +19,6 @@
 //= require ./materialize/slider
 //= require ./materialize/cards
 //= require ./materialize/pushpin
-//= require ./materialize/animations
 //= require ./materialize/buttons
 //= require ./materialize/transitions
 //= require ./materialize/date_picker/picker

data/app/assets/javascripts/materialize.js

@@ -5690,3 +5690,4 @@ Picker.extend( 'pickadate', DatePicker )
 
 }));
 
+

data/app/assets/javascripts/materialize/{animations.js → animation.js}

@@ -6,3 +6,4 @@
         return c/4*((t-=2)*t*t + 2) + b;
       }
     });
+

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

@@ -2,33 +2,33 @@
   $(document).ready(function() {
 
     // jQuery reverse
-    jQuery.fn.reverse = [].reverse;
+    $.fn.reverse = [].reverse;
 
-    $('.fixed-action-btn').each(function (i) {
+    $(document).on('mouseenter.fixedActionBtn', '.fixed-action-btn', function(e) {
       var $this = $(this);
+
       $this.find('ul a.btn-floating').velocity(
         { scaleY: ".4", scaleX: ".4", translateY: "40px"},
         { duration: 0 });
 
+      var time = 0;
+      $this.find('ul a.btn-floating').reverse().each(function () {
+        $(this).velocity(
+          { opacity: "1", scaleX: "1", scaleY: "1", translateY: "0"},
+          { duration: 80, delay: time });
+        time += 40;
+      });
+
+    });
+
+    $(document).on('mouseleave.fixedActionBtn', '.fixed-action-btn', function(e) {
+      var $this = $(this);
 
-      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 });
-        }
-      );
+      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: 80 });
     });
 
   });

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

@@ -1,18 +1,22 @@
 (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: 225, queue: false, easing: 'easeInOutQuad'});
+          // Make Reveal animate down and display none
+          $(this).find('.card-reveal').velocity(
+            {translateY: 0}, {
+              duration: 225,
+              queue: false,
+              easing: 'easeInOutQuad',
+              complete: function() { $(this).css({ display: 'none'}) }
+            }
+          );
         }
         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: 'easeInOutQuad'});
+          $(this).find('.card-reveal').css({ display: 'block'}).velocity("stop", false).velocity({translateY: '-100%'}, {duration: 300, queue: false, easing: 'easeInOutQuad'});
         }
       }
 
@@ -20,4 +24,4 @@
     });
 
   });
-}( jQuery ));
+}( jQuery ));

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

@@ -84,4 +84,4 @@
   $(document).ready(function(){
     $('.collapsible').collapsible();
   });
-}( jQuery ));
+}( jQuery ));

data/app/assets/javascripts/materialize/date_picker/picker.date.js

@@ -1051,7 +1051,7 @@ DatePicker.prototype.nodes = function( isOpen ) {
             }
 
             // If there are months to select, add a dropdown menu.
-            if ( settings.selectMonths ) {
+            if ( settings.selectMonths  && override == undefined) {
 
                 return _.node( 'select',
                     _.group({
@@ -1079,7 +1079,7 @@ DatePicker.prototype.nodes = function( isOpen ) {
                             ]
                         }
                     }),
-                    settings.klass.selectMonth,
+                    settings.klass.selectMonth + ' browser-default',
                     ( isOpen ? '' : 'disabled' ) + ' ' +
                     _.ariaAttr({ controls: calendar.$node[0].id + '_table' }) + ' ' +
                     'title="' + settings.labelMonthSelect + '"'
@@ -1088,7 +1088,9 @@ DatePicker.prototype.nodes = function( isOpen ) {
 
             // Materialize modified
             if (override == "short_months")
-                return _.node( 'div', monthsCollection[ viewsetObject.month ] )
+                if (selectedObject != null)
+                return _.node( 'div', monthsCollection[ selectedObject.month ] );
+                else return _.node( 'div', monthsCollection[ viewsetObject.month ] );
 
             // If there's a need for a month selector
             return _.node( 'div', monthsCollection[ viewsetObject.month ], settings.klass.month )
@@ -1133,28 +1135,29 @@ DatePicker.prototype.nodes = function( isOpen ) {
                     highestYear = maxYear
                 }
 
+                if ( settings.selectYears  && override == undefined ) {
+                    return _.node( 'select',
+                        _.group({
+                            min: lowestYear,
+                            max: highestYear,
+                            i: 1,
+                            node: 'option',
+                            item: function( loopedYear ) {
+                                return [
 
-                return _.node( 'select',
-                    _.group({
-                        min: lowestYear,
-                        max: highestYear,
-                        i: 1,
-                        node: 'option',
-                        item: function( loopedYear ) {
-                            return [
-
-                                // The looped year and no classes.
-                                loopedYear, 0,
+                                    // The looped year and no classes.
+                                    loopedYear, 0,
 
-                                // Set the value and selected index.
-                                'value=' + loopedYear + ( focusedYear == loopedYear ? ' selected' : '' )
-                            ]
-                        }
-                    }),
-                    settings.klass.selectYear,
-                    ( isOpen ? '' : 'disabled' ) + ' ' + _.ariaAttr({ controls: calendar.$node[0].id + '_table' }) + ' ' +
-                    'title="' + settings.labelYearSelect + '"'
-                )
+                                    // Set the value and selected index.
+                                    'value=' + loopedYear + ( focusedYear == loopedYear ? ' selected' : '' )
+                                ]
+                            }
+                        }),
+                        settings.klass.selectYear + ' browser-default',
+                        ( isOpen ? '' : 'disabled' ) + ' ' + _.ariaAttr({ controls: calendar.$node[0].id + '_table' }) + ' ' +
+                        'title="' + settings.labelYearSelect + '"'
+                    )
+                }
             }
 
             // Materialize modified
@@ -1216,7 +1219,7 @@ return _.node(
     // Calendar container
     _.node('div',
         _.node('div',
-        ( settings.selectYears ? createYearLabel() + createMonthLabel() : createMonthLabel() + createYearLabel() ) +
+        ( settings.selectYears ?  createMonthLabel() + createYearLabel() : createMonthLabel() + createYearLabel() ) +
         createMonthNav() + createMonthNav( 1 ),
         settings.klass.header
     ) + _.node(

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

@@ -13,7 +13,6 @@
       outDuration: 225,
       constrain_width: true, // Constrains width of dropdown to the activator
       hover: true,
-      alignment: 'left',
       gutter: 0, // Spacing from edge
       belowOrigin: false
     }
@@ -26,16 +25,14 @@
     var activates = $("#"+ origin.attr('data-activates'));
 
     function updateOptions() {
-      if (origin.data('inDuration') != undefined)
+      if (origin.data('induration') != undefined)
         options.inDuration = origin.data('inDuration');
-      if (origin.data('outDuration') != undefined)
+      if (origin.data('outduration') != undefined)
         options.outDuration = origin.data('outDuration');
       if (origin.data('constrainwidth') != undefined)
         options.constrain_width = origin.data('constrainwidth');
       if (origin.data('hover') != undefined)
         options.hover = origin.data('hover');
-      if (origin.data('alignment') != undefined)
-        options.alignment = origin.data('alignment');
       if (origin.data('gutter') != undefined)
         options.gutter = origin.data('gutter');
       if (origin.data('beloworigin') != undefined)
@@ -67,10 +64,14 @@
       if (options.belowOrigin == true) {
         offset = origin.height();
       }
+
       // Handle edge alignment
+      var offsetLeft = origin.offset().left;
+
       var width_difference = 0;
       var gutter_spacing = options.gutter;
-      if (options.alignment == 'right') {
+
+      if (offsetLeft + activates.innerWidth() > $(window).width()) {
         width_difference = origin.innerWidth() - activates.innerWidth();
         gutter_spacing = gutter_spacing * -1;
       }
@@ -151,12 +152,16 @@
       var open = false;
 
       // Click handler to show dropdown
-      origin.click( function(e){ // Click
-        e.preventDefault(); // Prevents button click from moving window
-        e.stopPropagation(); // Allows clicking on icon
-        placeDropdown();
+      origin.unbind('click.' + origin.attr('id'));
+      origin.bind('click.'+origin.attr('id'), function(e){
+        if (origin[0] == e.currentTarget) {
+
+          e.preventDefault(); // Prevents button click from moving window
+          placeDropdown();
+        }
+
         $(document).bind('click.'+ activates.attr('id'), function (e) {
-          if (!activates.is(e.target) && (!origin.is(e.target))) {
+          if (!activates.is(e.target) && !origin.is(e.target) && (!origin.find(e.target).length > 0) ) {
             hideDropdown();
             $(document).unbind('click.' + activates.attr('id'));
           }
@@ -165,14 +170,11 @@
 
     } // End else
 
-    // Listen to open and close event - usefull for select component
+    // Listen to open and close event - useful for select component
     origin.on('open', placeDropdown);
     origin.on('close', hideDropdown);
 
-    // Window Resize Reposition
-    $(document).on('resize', function(){
 
-    });
    });
   }; // End dropdown plugin
 }( jQuery ));

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

@@ -69,30 +69,41 @@
 
 
     // Textarea Auto Resize
-    if ($('.hiddendiv').length === 0) {
-      var hiddenDiv = $('<div class="hiddendiv common"></div>'),
-        content = null;
-        $('body').append(hiddenDiv);
+    var hiddenDiv = $('.hiddendiv').first();
+    if (!hiddenDiv.length) {
+      hiddenDiv = $('<div class="hiddendiv common"></div>');
+      $('body').append(hiddenDiv);
     }
     var text_area_selector = '.materialize-textarea';
-    $('.hiddendiv').css('width', $(text_area_selector).width());
+
+    function textareaAutoResize($textarea) {
+      hiddenDiv.text($textarea.val() + '\n');
+      var content = hiddenDiv.html().replace(/\n/g, '<br>');
+      hiddenDiv.html(content);
+
+      // When textarea is hidden, width goes crazy.
+      // Approximate with half of window size
+
+      if ($textarea.is(':visible')) {
+        hiddenDiv.css('width', $textarea.width());
+      }
+      else {
+        hiddenDiv.css('width', $(window).width()/2);
+      }
+
+      $textarea.css('height', hiddenDiv.height());
+    }
 
     $(text_area_selector).each(function () {
-      if ($(this).val().length) {
-        content = $(this).val();
-        content = content.replace(/\n/g, '<br>');
-        hiddenDiv.html(content + '<br>');
-        $(this).css('height', hiddenDiv.height());
+      var $textarea = $(this);
+      if ($textarea.val().length) {
+        textareaAutoResize($textarea);
       }
     });
-      $('body').on('keyup keydown',text_area_selector , function () {
-        // console.log($(this).val());
-        content = $(this).val();
-        content = content.replace(/\n/g, '<br>');
-        hiddenDiv.html(content + '<br>');
-        // console.log(hiddenDiv.html());
-        $(this).css('height', hiddenDiv.height());
-      });
+
+    $('body').on('keyup keydown', text_area_selector, function () {
+      textareaAutoResize($(this));
+    });
 
 
     // File Input Path
@@ -187,11 +198,22 @@
       $(this).each(function(){
         $select = $(this);
 
-        if ( $select.hasClass('browser-default') || $select.hasClass('initialized')) {
+        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();
+        }
+
         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');