RubyGems - foundation-rails - Versions diffs - 5.1.1.0 → 5.2.0.0 - Mend

foundation-rails 5.1.1.0 → 5.2.0.0

Files changed (64) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4f7470ef8271351ab6f7ba5a15740edfa392dcd4
-  data.tar.gz: f20728834e6c9cab6cd7e0e9da2f25ca1cc16722
+  metadata.gz: d0565600ca266c755998289b8d77379bd0b31ba3
+  data.tar.gz: 9a4a170972d2b69e39ef97dc7eee314d220777fb
 SHA512:
-  metadata.gz: 89748084b9a82a691a687e8125606084b357302d194d66db6c46be8fb0495b7a811782efb8d8a6d2bf114a497db8bc737196550b534043ac0ee35aa30e229dc4
-  data.tar.gz: cc373441d0b074b097295d8008b8abfb9edb1ba64036335d112fb50dc72983b6b788204a9194271c46ce4cbad2007f07cd0c77a5f5c3118cd351210d8b2f50b3
+  metadata.gz: 23576c610b2b0fee690f757fefb751485a88ea222efc2c4e3403d5b83f322cd27bc2a9d8eb7021232cdf739efed82740e1b09861a7b01adc03b40d9ced67c665
+  data.tar.gz: e265c33f51a99dfbcb1276dd408a1681bbfa4daa63157dcc6f1a29dc369f6116bafb40d47e92f52a819276305956d88172a63ccb70f7a77eacf0a22acc5a43fa

data/README.md CHANGED Viewed

@@ -1,12 +1,12 @@
 # Foundation::Rails
-The easiest way to use Foundation in your Rails app.
+Foundation::Rails is a gem to make it super easy to use Foundation in your upcoming Rails project. You can start using Foundation::Rails in your projects by following the instructions below.
 ## Installation
 Add this line to your application's Gemfile:
-    gem 'foundation-rails'
+    $ gem 'foundation-rails'
 And then execute:
@@ -16,13 +16,58 @@ Or install it yourself as:
     $ gem install foundation-rails
+### Configuring Foundation
+You can run the following command to add Foundation:
+    $ rails g foundation:install
+## Manual Installation
+### Add Foundation to your CSS
+Append the following line to your `app/assets/stylesheets/application.css` file:
+    /*= require foundation */
+If you're planning on using Sass, then you'll want to rename `application.css` to `application.scss`. That file should then look like:
+    @import "foundation_and_overrides";
+    /* Add imports of custom sass/scss files here */
+### Add Foundation to your JS
+Append the following lines to your `app/assets/javascripts/application.js` file:
+    //= require foundation
+    $(document).foundation();
+### Add Modernizr
+Make sure that Modernizr is included in the `<head>` of your page layout:
+    javascript_include_tag "vendor/modernizr"
+### Set Viewport Width
+Add the following line to the `head` of your page layout:
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 ## Usage
-After Foundation has been added to your `Gemfile` you can install it into your project by running:
+Run the generator to add foundation to the asset pipeline:
-```bash
-rails g foundation:install
-```
+    rails g foundation:install [layout_name] [options]
+    Options:
+      [--haml]  # Generate HAML layout instead of erb
+      [--slim]  # Generate Slim layout instead of erb
+    Runtime options:
+      -f, [--force]    # Overwrite files that already exist
+      -p, [--pretend]  # Run but do not make any changes
+      -q, [--quiet]    # Suppress status output
+      -s, [--skip]     # Skip files that already exist
 ## Contributing
@@ -36,4 +81,4 @@ rails g foundation:install
 * [Foundation Docs](http://foundation.zurb.com/docs/)
 * [Foundation Forum](http://foundation.zurb.com/forum)
-* [Foundation Training](http://foundation.zurb.com/learn/training.html)
+* [Foundation Training](http://foundation.zurb.com/learn/training.html)

data/bower.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "foundation-rails",
-  "version": "5.1.1.0",
+  "version": "5.2.0.0",
   "dependencies": {
-    "foundation": "5.1.1"
+    "foundation": "5.2.0"
   }
 }

data/lib/foundation/rails/version.rb CHANGED Viewed

@@ -1,5 +1,5 @@
 module Foundation
   module Rails
-    VERSION = "5.1.1.0"
+    VERSION = "5.2.0.0"
   end
 end

data/vendor/assets/javascripts/foundation/foundation.abide.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.abide = {
     name : 'abide',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       live_validate : true,
@@ -17,9 +17,6 @@
         integer: /^\d+$/,
         number: /-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?/,
-        // generic password: upper-case, lower-case, number/special character, and min 8 characters
-        password : /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/,
         // amex, visa, diners
         card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
         cvv : /^([0-9]){3,4}$/,
@@ -73,7 +70,7 @@
             self.validate([this], e);
           })
           .on('keydown.fndtn.abide', function (e) {
-            var settings = $(this).closest('form').data('abide-init');
+            var settings = $(this).closest('form').data(self.attr_name(true) + '-init');
             if (settings.live_validate === true) {
               clearTimeout(self.timer);
               self.timer = setTimeout(function () {
@@ -180,7 +177,7 @@
         } else {
           if (el_patterns[i][1].test(value) && valid_length ||
-            !required && el.value.length < 1) {
+            !required && el.value.length < 1 || $(el).attr('disabled')) {
             this.S(el).removeAttr(this.invalid_attr);
             parent.removeClass('error');
             if (label.length > 0 && this.settings.error_labels) label.removeClass('error');

data/vendor/assets/javascripts/foundation/foundation.accordion.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.accordion = {
     name : 'accordion',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       active_class: 'active',
@@ -12,7 +12,7 @@
     },
     init : function (scope, method, options) {
-      this.bindings(method, options);
+      this.bindings(method, options);
     },
     events : function () {
@@ -20,7 +20,7 @@
       var S = this.S;
       S(this.scope)
       .off('.fndtn.accordion')
-      .on('click.fndtn.accordion', '[' + this.attr_name() + '] > dd > a', function (e) {
+      .on('click.fndtn.accordion', '[' + this.attr_name() + '] dd > a', function (e) {
         var accordion = S(this).closest('[' + self.attr_name() + ']'),
             target = S('#' + this.href.split('#')[1]),
             siblings = S('dd > .content', accordion),
@@ -28,9 +28,10 @@
             settings = accordion.data(self.attr_name(true) + '-init'),
             active_content = S('dd > .content.' + settings.active_class, accordion),
             active_parent = S('dd.' + settings.active_class, accordion);
         e.preventDefault();
+        if (! S(this).closest('dl').is(accordion)) { return; }
         if (active_content[0] == target[0] && settings.toggleable) {
           active_parent.toggleClass(settings.active_class, false);
           return target.toggleClass(settings.active_class, false);

data/vendor/assets/javascripts/foundation/foundation.alert.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.alert = {
     name : 'alert',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       animation: 'fadeOut',

data/vendor/assets/javascripts/foundation/foundation.clearing.js CHANGED Viewed

@@ -4,7 +4,7 @@
   Foundation.libs.clearing = {
     name : 'clearing',
-    version: '5.1.1',
+    version: '5.2.0',
     settings : {
       templates : {
@@ -31,7 +31,7 @@
       this.bindings(method, options);
-      if (self.S(this.scope).is('[' + this.attr_name() + ']')) {
+      if (self.S(this.scope).is('[' + this.attr_name() + ']')) {
         this.assemble(self.S('li', this.scope));
       } else {
         self.S('[' + this.attr_name() + ']', this.scope).each(function () {
@@ -44,6 +44,10 @@
       var self = this,
       S = self.S;
+      if ($('.scroll-container').length > 0) {
+        this.scope = $('.scroll-container');
+      }
       S(this.scope)
         .off('.clearing')
         .on('click.fndtn.clearing', 'ul[' + this.attr_name() + '] li',
@@ -80,8 +84,9 @@
         .on('click.fndtn.clearing', '.clearing-main-prev',
           function (e) { self.nav(e, 'prev') })
         .on('click.fndtn.clearing', this.settings.close_selectors,
-          function (e) { Foundation.libs.clearing.close(e, this) })
-        .on('keydown.fndtn.clearing',
+          function (e) { Foundation.libs.clearing.close(e, this) });
+      $(document).on('keydown.fndtn.clearing',
           function (e) { self.keydown(e) });
       S(window).off('.clearing').on('resize.fndtn.clearing',
@@ -164,11 +169,46 @@
     open : function ($image, current, target) {
       var self = this,
+          body = $(document.body),
           root = target.closest('.clearing-assembled'),
-          container = self.S('div', root).first(),
-          visible_image = self.S('.visible-img', container),
-          image = self.S('img', visible_image).not($image),
-          label = self.S('.clearing-touch-label', container);
+          container = $('div', root).first(),
+          visible_image = $('.visible-img', container),
+          image = $('img', visible_image).not($image),
+          label = $('.clearing-touch-label', '.clearing-blackout'),
+          error = false;
+      image.error(function () {
+        error = true;
+      });
+      function startLoad() {
+        setTimeout(function () {
+          this.image_loaded(image, function () {
+            if (image.outerWidth() === 1 && !error) {
+              startLoad.call(this);
+            } else {
+              cb.call(this, image);
+            }
+          }.bind(this));
+        }.bind(this), 50);
+      }
+      function cb (image) {
+        var $image = $(image);
+        image.css('visibility', 'visible');
+        // toggle the gallery
+        body.css('overflow', 'hidden');
+        root.addClass('clearing-blackout');
+        container.addClass('clearing-container');
+        visible_image.show();
+        this.fix_height(target)
+          .caption(self.S('.clearing-caption', visible_image), $image)
+          .center_and_label(image, label)
+          .shift(current, target, function () {
+            target.siblings().removeClass('visible');
+            target.addClass('visible');
+          });
+      }
       if (!this.locked()) {
         // set the image to the selected thumbnail
@@ -176,20 +216,8 @@
           .attr('src', this.load($image))
           .css('visibility', 'hidden');
-        this.image_loaded(image, function () {
-          image.css('visibility', 'visible');
-          // toggle the gallery
-          root.addClass('clearing-blackout');
-          container.addClass('clearing-container');
-          visible_image.show();
-          this.fix_height(target)
-            .caption(self.S('.clearing-caption', visible_image), $image)
-            .center_and_label(image,label)
-            .shift(current, target, function () {
-              target.siblings().removeClass('visible');
-              target.addClass('visible');
-            });
-        }.bind(this));
+        startLoad.call(this);
       }
     },
@@ -202,9 +230,11 @@
             } else {
               return target.closest('.clearing-blackout');
             }
-          }($(el))), container, visible_image;
+          }($(el))),
+          body = $(document.body), container, visible_image;
       if (el === e.target && root) {
+        body.css('overflow', '');
         container = $('div', root).first();
         visible_image = $('.visible-img', container);
         this.settings.prev_index = 0;
@@ -223,7 +253,7 @@
     },
     keydown : function (e) {
-      var clearing = $('ul[' + this.attr_name() + ']', '.clearing-blackout'),
+      var clearing = $('.clearing-blackout ul[' + this.attr_name() + ']'),
           NEXT_KEY = this.rtl ? 37 : 39,
           PREV_KEY = this.rtl ? 39 : 37,
           ESC_KEY = 27;
@@ -296,10 +326,13 @@
           marginLeft : -(target.outerWidth() / 2),
           marginTop : -(target.outerHeight() / 2)
         });
-        label.css({
-          marginLeft : -(label.outerWidth() / 2),
-          marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10
-        });
+        if (label.length > 0) {
+          label.css({
+            marginLeft : -(label.outerWidth() / 2),
+            marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10
+          });
+        }
       } else {
         target.css({
           marginRight : -(target.outerWidth() / 2),
@@ -307,12 +340,15 @@
           left: 'auto',
           right: '50%'
         });
-        label.css({
-          marginRight : -(label.outerWidth() / 2),
-          marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10,
-          left: 'auto',
-          right: '50%'
-        });
+        if (label.length > 0) {
+          label.css({
+            marginRight : -(label.outerWidth() / 2),
+            marginTop : -(target.outerHeight() / 2)-label.outerHeight()-10,
+            left: 'auto',
+            right: '50%'
+          });
+        }
       }
       return this;
     },

data/vendor/assets/javascripts/foundation/foundation.dropdown.js CHANGED Viewed

@@ -4,10 +4,11 @@
   Foundation.libs.dropdown = {
     name : 'dropdown',
-    version : '5.1.1',
+    version : '5.2.0',
     settings : {
       active_class: 'open',
+      align: 'bottom',
       is_hover: false,
       opened: function(){},
       closed: function(){}
@@ -89,7 +90,9 @@
         .off('.dropdown')
         .on('resize.fndtn.dropdown', self.throttle(function () {
           self.resize.call(self);
-        }, 50)).trigger('resize');
+        }, 50));
+      this.resize();
     },
     close: function (dropdown) {
@@ -99,7 +102,8 @@
           self.S(this)
             .css(Foundation.rtl ? 'right':'left', '-99999px')
             .removeClass(self.settings.active_class);
-          self.S(this).trigger('closed');
+          self.S(this).trigger('closed', [dropdown]);
         }
       });
     },
@@ -115,7 +119,7 @@
         this
           .css(dropdown
             .addClass(this.settings.active_class), target);
-        dropdown.trigger('opened');
+        dropdown.trigger('opened', [dropdown, target]);
     },
     data_attr: function () {
@@ -153,43 +157,133 @@
     },
     css : function (dropdown, target) {
-      var offset_parent = dropdown.offsetParent(),
-          position = target.offset();
-      position.top -= offset_parent.offset().top;
-      position.left -= offset_parent.offset().left;
+      this.clear_idx();
       if (this.small()) {
-        dropdown.css({
+        var p = this.dirs.bottom.call(dropdown, target);
+        dropdown.attr('style', '').removeClass('drop-left drop-right drop-top').css({
           position : 'absolute',
           width: '95%',
           'max-width': 'none',
-          top: position.top + target.outerHeight()
+          top: p.top
         });
         dropdown.css(Foundation.rtl ? 'right':'left', '2.5%');
       } else {
-        if (!Foundation.rtl && this.S(window).width() > dropdown.outerWidth() + target.offset().left) {
-          var left = position.left;
-          if (dropdown.hasClass('right')) {
-            dropdown.removeClass('right');
-          }
-        } else {
-          if (!dropdown.hasClass('right')) {
-            dropdown.addClass('right');
-          }
-          var left = position.left - (dropdown.outerWidth() - target.outerWidth());
-        }
+        var settings = target.data(this.attr_name(true) + '-init') || this.settings;
-        dropdown.attr('style', '').css({
-          position : 'absolute',
-          top: position.top + target.outerHeight(),
-          left: left
-        });
+        this.style(dropdown, target, settings);
       }
       return dropdown;
     },
+    style : function (dropdown, target, settings) {
+      var css = $.extend({position: 'absolute'},
+        this.dirs[settings.align].call(dropdown, target, settings));
+      dropdown.attr('style', '').css(css);
+    },
+    // return CSS property object
+    // `this` is the dropdown
+    dirs : {
+      // Calculate target offset
+      _base : function (t) {
+        var o_p = this.offsetParent(),
+            o = o_p.offset(),
+            p = t.offset();
+        p.top -= o.top;
+        p.left -= o.left;
+        return p;
+      },
+      top: function (t, s) {
+        var self = Foundation.libs.dropdown,
+            p = self.dirs._base.call(this, t),
+            pip_offset_base = (t.outerWidth() / 2) - 8;
+        this.addClass('drop-top');
+        if (t.outerWidth() < this.outerWidth() || self.small()) {
+          self.adjust_pip(pip_offset_base, p);
+        }
+        if (Foundation.rtl) {
+          return {left: p.left - this.outerWidth() + t.outerWidth(),
+            top: p.top - this.outerHeight()};
+        }
+        return {left: p.left, top: p.top - this.outerHeight()};
+      },
+      bottom: function (t, s) {
+        var self = Foundation.libs.dropdown,
+            p = self.dirs._base.call(this, t),
+            pip_offset_base = (t.outerWidth() / 2) - 8;
+        if (t.outerWidth() < this.outerWidth() || self.small()) {
+          self.adjust_pip(pip_offset_base, p);
+        }
+        if (self.rtl) {
+          return {left: p.left - this.outerWidth() + t.outerWidth(), top: p.top + t.outerHeight()};
+        }
+        return {left: p.left, top: p.top + t.outerHeight()};
+      },
+      left: function (t, s) {
+        var p = Foundation.libs.dropdown.dirs._base.call(this, t);
+        this.addClass('drop-left');
+        return {left: p.left - this.outerWidth(), top: p.top};
+      },
+      right: function (t, s) {
+        var p = Foundation.libs.dropdown.dirs._base.call(this, t);
+        this.addClass('drop-right');
+        return {left: p.left + t.outerWidth(), top: p.top};
+      }
+    },
+    // Insert rule to style psuedo elements
+    adjust_pip : function (pip_offset_base, p) {
+      var sheet = Foundation.stylesheet;
+      if (this.small()) {
+        pip_offset_base += p.left - 8;
+      }
+      this.rule_idx = sheet.cssRules.length;
+      var sel_before = '.f-dropdown.open:before',
+          sel_after  = '.f-dropdown.open:after',
+          css_before = 'left: ' + pip_offset_base + 'px;',
+          css_after  = 'left: ' + (pip_offset_base - 1) + 'px;';
+      if (sheet.insertRule) {
+        sheet.insertRule([sel_before, '{', css_before, '}'].join(' '), this.rule_idx);
+        sheet.insertRule([sel_after, '{', css_after, '}'].join(' '), this.rule_idx + 1);
+      } else {
+        sheet.addRule(sel_before, css_before, this.rule_idx);
+        sheet.addRule(sel_after, css_after, this.rule_idx + 1);
+      }
+    },
+    // Remove old dropdown rule index
+    clear_idx : function () {
+      var sheet = Foundation.stylesheet;
+      if (this.rule_idx) {
+        sheet.deleteRule(this.rule_idx);
+        sheet.deleteRule(this.rule_idx);
+        delete this.rule_idx;
+      }
+    },
     small : function () {
       return matchMedia(Foundation.media_queries.small).matches &&
         !matchMedia(Foundation.media_queries.medium).matches;
@@ -200,7 +294,6 @@
       this.S('html, body').off('.fndtn.dropdown');
       this.S(window).off('.fndtn.dropdown');
       this.S('[data-dropdown-content]').off('.fndtn.dropdown');
-      this.settings.init = false;
     },
     reflow : function () {}