helios 0.0.1 → 0.0.2

data/lib/helios/frontend/javascripts/foundation/foundation.reveal.js

@@ -0,0 +1,272 @@
+/*jslint unparam: true, browser: true, indent: 2 */
+
+;(function ($, window, document, undefined) {
+  'use strict';
+
+  Foundation.libs.reveal = {
+    name: 'reveal',
+
+    version : '4.0.4',
+
+    locked : false,
+
+    settings : {
+      animation: 'fadeAndPop',
+      animationSpeed: 250,
+      closeOnBackgroundClick: true,
+      dismissModalClass: 'close-reveal-modal',
+      bgClass: 'reveal-modal-bg',
+      open: function(){},
+      opened: function(){},
+      close: function(){},
+      closed: function(){},
+      bg : $('.reveal-modal-bg'),
+      css : {
+        open : {
+          'opacity': 0,
+          'visibility': 'visible',
+          'display' : 'block'
+        },
+        close : {
+          'opacity': 1,
+          'visibility': 'hidden',
+          'display': 'none'
+        }
+      }
+    },
+
+    init : function (scope, method, options) {
+      this.scope = scope || this.scope;
+      Foundation.inherit(this, 'data_options delay');
+
+      if (typeof method === 'object') {
+        $.extend(true, this.settings, method);
+      }
+
+      if (typeof method != 'string') {
+        if (!this.settings.init) this.events();
+
+        return this.settings.init;
+      } else {
+        return this[method].call(this, options);
+      }
+    },
+
+    events : function () {
+      var self = this;
+
+      $(this.scope)
+        .on('click.fndtn.reveal', '[data-reveal-id]', function (e) {
+          e.preventDefault();
+          if (!self.locked) {
+            self.locked = true;
+            self.open.call(self, $(this));
+          }
+        })
+        .on('click.fndtn.reveal touchend.click.fndtn.reveal', this.close_targets(), function (e) {
+          if (!self.locked) {
+            self.locked = true;
+            self.close.call(self, $(this).closest('.reveal-modal'));
+          }
+        })
+        .on('open.fndtn.reveal', '.reveal-modal', this.settings.open)
+        .on('opened.fndtn.reveal', '.reveal-modal', this.settings.opened)
+        .on('opened.fndtn.reveal', '.reveal-modal', this.open_video)
+        .on('close.fndtn.reveal', '.reveal-modal', this.settings.close)
+        .on('closed.fndtn.reveal', '.reveal-modal', this.settings.closed)
+        .on('closed.fndtn.reveal', '.reveal-modal', this.close_video);
+    },
+
+    open : function (target) {
+      if (target) {
+        var modal = $('#' + target.data('reveal-id'));
+      } else {
+        var modal = $(this.scope);
+      }
+
+      var open_modal = $('.reveal-modal.open');
+
+      if (!modal.data('css-top')) {
+        modal.data('css-top', parseInt(modal.css('top'), 10))
+          .data('offset', this.cache_offset(modal));
+      }
+
+      modal.trigger('open');
+
+      if (open_modal.length < 1) {
+        this.toggle_bg(modal);
+      }
+
+      this.toggle_modals(open_modal, modal);
+    },
+
+    close : function (modal) {
+      var modal = modal || $(this.scope);
+      this.locked = true;
+      var open_modal = $('.reveal-modal.open').not(modal);
+      modal.trigger('close');
+      this.toggle_bg(modal);
+      this.toggle_modals(open_modal, modal);
+    },
+
+    close_targets : function () {
+      var base = '.' + this.settings.dismissModalClass;
+
+      if (this.settings.closeOnBackgroundClick) {
+        return base + ', .' + this.settings.bgClass;
+      }
+
+      return base;
+    },
+
+    toggle_modals : function (open_modal, modal) {
+      if (open_modal.length > 0) {
+        this.hide(open_modal, this.settings.css.close);
+      }
+
+      if (modal.filter(':visible').length > 0) {
+        this.hide(modal, this.settings.css.close);
+      } else {
+        this.show(modal, this.settings.css.open);
+      }
+    },
+
+    toggle_bg : function (modal) {
+      if (this.settings.bg.length === 0) {
+        this.settings.bg = $('<div />', {'class': this.settings.bgClass})
+          .insertAfter(modal);
+      }
+
+      if (this.settings.bg.filter(':visible').length > 0) {
+        this.hide(this.settings.bg);
+      } else {
+        this.show(this.settings.bg);
+      }
+    },
+
+    show : function (el, css) {
+      // is modal
+      if (css) {
+        if (/pop/i.test(this.settings.animation)) {
+          css.top = $(window).scrollTop() - el.data('offset') + 'px';
+          var end_css = {
+            top: $(window).scrollTop() + el.data('css-top') + 'px',
+            opacity: 1
+          }
+
+          return this.delay(function () {
+            return el
+              .css(css)
+              .animate(end_css, this.settings.animationSpeed, 'linear', function () {
+                this.locked = false;
+                el.trigger('opened');
+              }.bind(this))
+              .addClass('open');
+          }.bind(this), this.settings.animationSpeed / 2);
+        }
+
+        if (/fade/i.test(this.settings.animation)) {
+          var end_css = {opacity: 1};
+
+          return this.delay(function () {
+            return el
+              .css(css)
+              .animate(end_css, this.settings.animationSpeed, 'linear', function () {
+                this.locked = false;
+                el.trigger('opened');
+              }.bind(this))
+              .addClass('open');
+          }.bind(this), this.settings.animationSpeed / 2);
+        }
+
+        return el.css(css).show().css({opacity: 1}).addClass('open').trigger('opened');
+      }
+
+      // should we animate the background?
+      if (/fade/i.test(this.settings.animation)) {
+        return el.fadeIn(this.settings.animationSpeed / 2);
+      }
+
+      return el.show();
+    },
+
+    hide : function (el, css) {
+      // is modal
+      if (css) {
+        if (/pop/i.test(this.settings.animation)) {
+          var end_css = {
+            top: - $(window).scrollTop() - el.data('offset') + 'px',
+            opacity: 0
+          };
+
+          return this.delay(function () {
+            return el
+              .animate(end_css, this.settings.animationSpeed, 'linear', function () {
+                this.locked = false;
+                el.css(css).trigger('closed');
+              }.bind(this))
+              .removeClass('open');
+          }.bind(this), this.settings.animationSpeed / 2);
+        }
+
+        if (/fade/i.test(this.settings.animation)) {
+          var end_css = {opacity: 0};
+
+          return this.delay(function () {
+            return el
+              .animate(end_css, this.settings.animationSpeed, 'linear', function () {
+                this.locked = false;
+                el.css(css).trigger('closed');
+              }.bind(this))
+              .removeClass('open');
+          }.bind(this), this.settings.animationSpeed / 2);
+        }
+
+        return el.hide().css(css).removeClass('open').trigger('closed');
+      }
+
+      // should we animate the background?
+      if (/fade/i.test(this.settings.animation)) {
+        return el.fadeOut(this.settings.animationSpeed / 2);
+      }
+
+      return el.hide();
+    },
+
+    close_video : function (e) {
+      var video = $(this).find('.flex-video'),
+          iframe = video.find('iframe');
+
+      if (iframe.length > 0) {
+        iframe.attr('data-src', iframe[0].src);
+        iframe.attr('src', 'about:blank');
+        video.fadeOut(100).hide();
+      }
+    },
+
+    open_video : function (e) {
+      var video = $(this).find('.flex-video'),
+          iframe = video.find('iframe');
+
+      if (iframe.length > 0) {
+        var data_src = iframe.attr('data-src');
+        if (typeof data_src === 'string') {
+          iframe[0].src = iframe.attr('data-src');
+        }
+        video.show().fadeIn(100);
+      }
+    },
+
+    cache_offset : function (modal) {
+      var offset = modal.show().height() + parseInt(modal.css('top'), 10);
+
+      modal.hide();
+
+      return offset;
+    },
+
+    off : function () {
+      $(this.scope).off('.fndtn.reveal');
+    }
+  };
+}(Foundation.zj, this, this.document));

data/lib/helios/frontend/javascripts/foundation/foundation.section.js

@@ -0,0 +1,183 @@
+/*jslint unparam: true, browser: true, indent: 2 */
+
+;(function ($, window, document, undefined) {
+  'use strict';
+
+  Foundation.libs.section = {
+    name: 'section',
+
+    version : '4.0.3',
+
+    settings : {
+      deep_linking: false,
+      one_up: true,
+      callback: function (){}
+    },
+
+    init : function (scope, method, options) {
+      this.scope = scope || this.scope;
+      Foundation.inherit(this, 'throttle data_options');
+
+      if (typeof method === 'object') {
+        $.extend(true, this.settings, method);
+      }
+
+      if (typeof method != 'string') {
+        this.set_active_from_hash();
+        if (!this.settings.init) this.events();
+
+        return this.settings.init;
+      } else {
+        return this[method].call(this, options);
+      }
+    },
+
+    events : function () {
+      var self = this;
+      $(this.scope).on('click.fndtn.section', '[data-section] .title', function (e) {
+        $.extend(true, self.settings, self.data_options($(this).closest('[data-section]')));
+        self.toggle_active.call(this, e, self);
+      });
+
+      $(window).on('resize.fndtn.section', self.throttle(function () {
+        self.resize.call(this);
+      }, 30)).trigger('resize');
+
+      this.settings.init = true;
+    },
+
+    toggle_active : function (e, self) {
+      var $this = $(this),
+          section = $this.closest('section, .section'),
+          content = section.find('.content'),
+          parent = section.closest('[data-section]'),
+          self = Foundation.libs.section;
+
+      if (!self.settings.deep_linking && content.length > 0) {
+        e.preventDefault();
+      }
+
+      if (section.hasClass('active')) {
+        if (self.small(parent)
+          || self.is_vertical(parent)
+          || self.is_accordion(parent)) {
+          section
+            .removeClass('active')
+            .attr('style', '');
+        }
+      } else {
+        if (self.small(parent) || self.settings.one_up) {
+          $this
+            .closest('[data-section]')
+            .find('section, .section')
+            .removeClass('active')
+            .attr('style', '');
+
+          section.css('padding-top', self.outerHeight(section.find('.title')) - 1);
+        }
+
+        if (self.small(parent)) {
+          section.attr('style', '');
+        }
+
+        section.addClass('active');
+      }
+
+      self.settings.callback();
+    },
+
+    resize : function () {
+      var sections = $('[data-section]'),
+          self = Foundation.libs.section;
+
+      sections.each(function() {
+        var $this = $(this),
+            active_section = $this.find('section.active, .section.active');
+        if (active_section.length > 1) {
+          active_section
+            .not(':first')
+            .removeClass('active')
+            .attr('style', '');
+        } else if (active_section.length < 1
+          && !self.is_vertical($this)
+          && !self.is_accordion($this)) {
+          var first = $this.find('section, .section').first();
+          first.addClass('active');
+
+          if (self.small($this)) {
+            first.attr('style', '');
+          } else {
+            first.css('padding-top', self.outerHeight(first.find('.title')) - 1);
+          }
+        }
+
+        if (self.small($this)) {
+          active_section.attr('style', '');
+        } else {
+          active_section.css('padding-top', self.outerHeight(active_section.find('.title')) - 1);
+        }
+        self.position_titles($this);
+      });
+    },
+
+    is_vertical : function (el) {
+      return el.hasClass('vertical-nav');
+    },
+
+    is_accordion : function (el) {
+      return el.hasClass('accordion');
+    },
+
+    set_active_from_hash : function () {
+      var hash = window.location.hash.substring(1),
+          sections = $('[data-section]'),
+          self = this;
+
+      sections.each(function () {
+        var section = $(this);
+        $.extend(true, self.settings, self.data_options(section));
+
+        if (hash.length > 0 && self.settings.deep_linking) {
+          section
+            .find('.content[data-slug="' + hash + '"]')
+            .closest('section, .section')
+            .addClass('active');
+        }
+      });
+    },
+
+    position_titles : function (section, off) {
+      var titles = section.find('.title'),
+          previous_width = 0,
+          self = this;
+
+      if (typeof off === 'boolean') {
+        titles.attr('style', '');
+      } else {
+        titles.each(function () {
+          $(this).css('left', previous_width);
+          previous_width += self.outerWidth($(this));
+        });
+      }
+    },
+
+    small : function (el) {
+      if (el && this.is_accordion(el)) {
+        return true;
+      }
+      if ($('html').hasClass('lt-ie9')) {
+        return true;
+      }
+      if ($('html').hasClass('ie8compat')) {
+        return true;
+      }
+      return $(this.scope).width() < 768;
+    },
+
+    off : function () {
+      $(this.scope).off('.fndtn.section');
+      $(window).off('.fndtn.section');
+      this.settings.init = false;
+    }
+  };
+}(Foundation.zj, this, this.document));