refills 0.0.2 → 0.1.0

data/source/javascripts/refills/dropdown.js

@@ -0,0 +1,12 @@
+$(document).ready(function(){
+  $(".dropdown-button").click(function() {
+    $(".dropdown-menu").toggleClass("show-menu");
+    $(".dropdown-menu > li").click(function(){
+      $(".dropdown-menu").removeClass("show-menu");
+    });
+    $(".dropdown-menu.dropdown-select > li").click(function() {
+      $(".dropdown-button").html($(this).html());
+    });
+  });
+});
+

data/source/javascripts/refills/expander.js

@@ -0,0 +1,8 @@
+$(document).ready(function() {
+  var expanderTrigger = document.getElementById("js-expander-trigger");
+  var expanderContent = document.getElementById("js-expander-content");
+
+  $('#js-expander-trigger').click(function(){
+    $(this).toggleClass("expander-hidden");
+  });
+});

data/source/javascripts/refills/fade_in.js

@@ -0,0 +1,23 @@
+$(document).ready(function() {
+  var element = document.getElementById("js-fadeInElement");
+  $(element).addClass('js-fade-element-hide');
+
+  $(window).scroll(function() {
+    if( $("#js-fadeInElement").length > 0 ) {
+      var elementTopToPageTop = $(element).offset().top;
+      var windowTopToPageTop = $(window).scrollTop();
+      var windowInnerHeight = window.innerHeight;
+      var elementTopToWindowTop = elementTopToPageTop - windowTopToPageTop;
+      var elementTopToWindowBottom = windowInnerHeight - elementTopToWindowTop;
+      var distanceFromBottomToAppear = 300;
+
+      if(elementTopToWindowBottom > distanceFromBottomToAppear) {
+        $(element).addClass('js-fade-element-show');
+      }
+      else if(elementTopToWindowBottom < 0) {
+        $(element).removeClass('js-fade-element-show');
+        $(element).addClass('js-fade-element-hide');
+      }
+    }
+  });
+});

data/source/javascripts/refills/modal.js

@@ -0,0 +1,17 @@
+$(function() {
+  $("#modal-1").on("change", function() {
+    if ($(this).is(":checked")) {
+      $("body").addClass("modal-open");
+    } else {
+      $("body").removeClass("modal-open");
+    }
+  });
+
+  $(".modal-window").on("click", function() {
+    $(".modal-state:checked").prop("checked", false).change();
+  });
+
+  $(".modal-inner").on("click", function(e) {
+    e.stopPropagation();
+  });
+});

data/source/javascripts/refills/navigation.js

@@ -0,0 +1,13 @@
+$(document).ready(function() {
+  var menuToggle = $('#js-mobile-menu').unbind();
+  $('#js-navigation-menu').removeClass("show");
+
+  menuToggle.on('click', function(e) {
+    e.preventDefault();
+    $('#js-navigation-menu').slideToggle(function(){
+      if($('#js-navigation-menu').is(':hidden')) {
+        $('#js-navigation-menu').removeAttr('style');
+      }
+    });
+  });
+});

data/source/javascripts/refills/parallax.js

@@ -0,0 +1,30 @@
+$(document).ready(function() {
+  if ($("#js-parallax-window").length) {
+    parallax();
+  }
+});
+
+$(window).scroll(function(e) {
+  if ($("#js-parallax-window").length) {
+    parallax();
+  }
+});
+
+function parallax(){
+  if( $("#js-parallax-window").length > 0 ) {
+    var plxBackground = $("#js-parallax-background");
+    var plxWindow = $("#js-parallax-window");
+
+    var plxWindowTopToPageTop = $(plxWindow).offset().top;
+    var windowTopToPageTop = $(window).scrollTop();
+    var plxWindowTopToWindowTop = plxWindowTopToPageTop - windowTopToPageTop;
+
+    var plxBackgroundTopToPageTop = $(plxBackground).offset().top;
+    var windowInnerHeight = window.innerHeight;
+    var plxBackgroundTopToWindowTop = plxBackgroundTopToPageTop - windowTopToPageTop;
+    var plxBackgroundTopToWindowBottom = windowInnerHeight - plxBackgroundTopToWindowTop;
+    var plxSpeed = 0.35;
+
+    plxBackground.css('top', - (plxWindowTopToWindowTop * plxSpeed) + 'px');
+  }
+}

data/source/javascripts/refills/scroll_on_page.js

@@ -0,0 +1,26 @@
+(function (jQuery) {
+  jQuery.mark = {
+    jump: function (options) {
+      var defaults = {
+        selector: 'a.scroll-on-page-link'
+      };
+      if (typeof options == 'string') defaults.selector = options;
+      var options = jQuery.extend(defaults, options);
+      return jQuery(options.selector).click(function (e) {
+        var jumpobj = jQuery(this);
+        var target = jumpobj.attr('href');
+        var thespeed = 1000;
+        var offset = jQuery(target).offset().top;
+        jQuery('html,body').animate({
+          scrollTop: offset
+        }, thespeed, 'swing')
+        e.preventDefault();
+      })
+    }
+  }
+})(jQuery);
+
+
+jQuery(function(){  
+  jQuery.mark.jump();
+});

data/source/javascripts/refills/search_tools.js

@@ -0,0 +1,110 @@
+var Filter = (function() {
+  function Filter(element) {
+    this._element = $(element);
+    this._optionsContainer = this._element.find(this.constructor.optionsContainerSelector);
+  }
+
+  Filter.selector = '.filter';
+  Filter.optionsContainerSelector = '> div';
+  Filter.hideOptionsClass = 'hide-options';
+
+  Filter.enhance = function() {
+    var klass = this;
+
+    return $(klass.selector).each(function() {
+      return new klass(this).enhance();
+    });
+  };
+
+  Filter.prototype.enhance = function() {
+    this._buildUI();
+    this._bindEvents();
+  };
+
+  Filter.prototype._buildUI = function() {
+    this._summaryElement = $('<label></label>').
+      addClass('summary').
+      attr('data-role', 'summary').
+      prependTo(this._optionsContainer);
+
+    this._clearSelectionButton = $('<button></button>').
+      text('Clear').
+      attr('type', 'button').
+      insertAfter(this._summaryElement);
+
+    this._optionsContainer.addClass(this.constructor.hideOptionsClass);
+    this._updateSummary();
+  };
+
+  Filter.prototype._bindEvents = function() {
+    var self = this;
+
+    this._summaryElement.click(function() {
+      self._toggleOptions();
+    });
+
+    this._clearSelectionButton.click(function() {
+      self._clearSelection();
+    });
+
+    this._checkboxes().change(function() {
+      self._updateSummary();
+    });
+
+    $('body').click(function(e) {
+      var inFilter = $(e.target).closest(self.constructor.selector).length > 0;
+
+      if (!inFilter) {
+        self._allOptionsContainers().addClass(self.constructor.hideOptionsClass);
+      }
+    });
+  };
+
+  Filter.prototype._toggleOptions = function() {
+    this._allOptionsContainers().
+      not(this._optionsContainer).
+      addClass(this.constructor.hideOptionsClass);
+
+    this._optionsContainer.toggleClass(this.constructor.hideOptionsClass);
+  };
+
+  Filter.prototype._updateSummary = function() {
+    var summary = 'All';
+    var checked = this._checkboxes().filter(':checked');
+
+    if (checked.length > 0) {
+      summary = this._labelsFor(checked).join(', ');
+    }
+
+    this._summaryElement.text(summary);
+  };
+
+  Filter.prototype._clearSelection = function() {
+    this._checkboxes().each(function() {
+      $(this).prop('checked', false);
+    });
+
+    this._updateSummary();
+  };
+
+  Filter.prototype._checkboxes = function() {
+    return this._element.find(':checkbox');
+  };
+
+  Filter.prototype._labelsFor = function(inputs) {
+    return inputs.map(function() {
+      var id = $(this).attr('id');
+      return $("label[for='" + id + "']").text();
+    }).get();
+  };
+
+  Filter.prototype._allOptionsContainers = function() {
+    return $(this.constructor.selector + " " + this.constructor.optionsContainerSelector);
+  };
+
+  return Filter;
+})();
+
+$(function() {
+  Filter.enhance();
+});

data/source/javascripts/refills/sliding_menu.js

@@ -0,0 +1,6 @@
+$(document).ready(function(){
+  $('.js-menu-trigger,.js-menu-screen').on('click touchstart',function (e) {
+    $('.js-menu,.js-menu-screen').toggleClass('is-visible');
+    e.preventDefault();
+  });
+});

data/source/javascripts/refills/vertical_tabs.js

@@ -0,0 +1,32 @@
+$(".js-vertical-tab-content").hide();
+$(".js-vertical-tab-content:first").show();
+
+/* if in tab mode */
+$(".js-vertical-tab").click(function(event) {
+  event.preventDefault();
+
+  $(".js-vertical-tab-content").hide();
+  var activeTab = $(this).attr("rel");
+  $("#"+activeTab).show();
+
+  $(".js-vertical-tab").removeClass("is-active");
+  $(this).addClass("is-active");
+
+  $(".js-vertical-tab-accordion-heading").removeClass("is-active");
+  $(".js-vertical-tab-accordion-heading[rel^='"+activeTab+"']").addClass("is-active");
+});
+
+/* if in accordion mode */
+$(".js-vertical-tab-accordion-heading").click(function(event) {
+  event.preventDefault();
+
+  $(".js-vertical-tab-content").hide();
+  var accordion_activeTab = $(this).attr("rel");
+  $("#"+accordion_activeTab).show();
+
+  $(".js-vertical-tab-accordion-heading").removeClass("is-active");
+  $(this).addClass("is-active");
+
+  $(".js-vertical-tab").removeClass("is-active");
+  $(".js-vertical-tab[rel^='"+accordion_activeTab+"']").addClass("is-active");
+});

data/source/javascripts/vendor/fixedsticky.js

@@ -0,0 +1,185 @@
+;(function( win, $ ) {
+
+	function featureTest( property, value, noPrefixes ) {
+		// Thanks Modernizr! https://github.com/phistuck/Modernizr/commit/3fb7217f5f8274e2f11fe6cfeda7cfaf9948a1f5
+		var prop = property + ':',
+			el = document.createElement( 'test' ),
+			mStyle = el.style;
+
+		if( !noPrefixes ) {
+			mStyle.cssText = prop + [ '-webkit-', '-moz-', '-ms-', '-o-', '' ].join( value + ';' + prop ) + value + ';';
+		} else {
+			mStyle.cssText = prop + value;
+		}
+		return mStyle[ property ].indexOf( value ) !== -1;
+	}
+
+	function getPx( unit ) {
+		return parseInt( unit, 10 ) || 0;
+	}
+
+	var S = {
+		classes: {
+			plugin: 'fixedsticky',
+			active: 'fixedsticky-on',
+			inactive: 'fixedsticky-off',
+			clone: 'fixedsticky-dummy',
+			withoutFixedFixed: 'fixedsticky-withoutfixedfixed'
+		},
+		keys: {
+			offset: 'fixedStickyOffset',
+			position: 'fixedStickyPosition'
+		},
+		tests: {
+			sticky: featureTest( 'position', 'sticky' ),
+			fixed: featureTest( 'position', 'fixed', true )
+		},
+		// Thanks jQuery!
+		getScrollTop: function() {
+			var prop = 'pageYOffset',
+				method = 'scrollTop';
+			return win ? (prop in win) ? win[ prop ] :
+				win.document.documentElement[ method ] :
+				win.document.body[ method ];
+		},
+		bypass: function() {
+			// Check native sticky, check fixed and if fixed-fixed is also included on the page and is supported
+			return ( S.tests.sticky && !S.optOut ) ||
+				!S.tests.fixed ||
+				win.FixedFixed && !$( win.document.documentElement ).hasClass( 'fixed-supported' );
+		},
+		update: function( el ) {
+			if( !el.offsetWidth ) { return; }
+
+			var $el = $( el ),
+				height = $el.outerHeight(),
+				initialOffset = $el.data( S.keys.offset ),
+				scroll = S.getScrollTop(),
+				isAlreadyOn = $el.is( '.' + S.classes.active ),
+				toggle = function( turnOn ) {
+					$el[ turnOn ? 'addClass' : 'removeClass' ]( S.classes.active )
+						[ !turnOn ? 'addClass' : 'removeClass' ]( S.classes.inactive );
+				},
+				viewportHeight = $( window ).height(),
+				position = $el.data( S.keys.position ),
+				skipSettingToFixed,
+				elTop,
+				elBottom,
+				$parent = $el.parent(),
+				parentOffset = $parent.offset().top,
+				parentHeight = $parent.outerHeight();
+
+			if( initialOffset === undefined ) {
+				initialOffset = $el.offset().top;
+				$el.data( S.keys.offset, initialOffset );
+				$el.after( $( '<div>' ).addClass( S.classes.clone ).height( height ) );
+			}
+
+			if( !position ) {
+				// Some browsers require fixed/absolute to report accurate top/left values.
+				skipSettingToFixed = $el.css( 'top' ) !== 'auto' || $el.css( 'bottom' ) !== 'auto';
+
+				if( !skipSettingToFixed ) {
+					$el.css( 'position', 'fixed' );
+				}
+
+				position = {
+					top: $el.css( 'top' ) !== 'auto',
+					bottom: $el.css( 'bottom' ) !== 'auto'
+				};
+
+				if( !skipSettingToFixed ) {
+					$el.css( 'position', '' );
+				}
+
+				$el.data( S.keys.position, position );
+			}
+
+			function isFixedToTop() {
+				var offsetTop = scroll + elTop;
+
+				// Initial Offset Top
+				return initialOffset < offsetTop &&
+					// Container Bottom
+					offsetTop + height <= parentOffset + parentHeight;
+			}
+
+			function isFixedToBottom() {
+				// Initial Offset Top + Height
+				return initialOffset + ( height || 0 ) > scroll + viewportHeight - elBottom &&
+					// Container Top
+					scroll + viewportHeight - elBottom >= parentOffset + ( height || 0 );
+			}
+
+			elTop = getPx( $el.css( 'top' ) );
+			elBottom = getPx( $el.css( 'bottom' ) );
+
+			if( position.top && isFixedToTop() || position.bottom && isFixedToBottom() ) {
+				if( !isAlreadyOn ) {
+					toggle( true );
+				}
+			} else {
+				if( isAlreadyOn ) {
+					toggle( false );
+				}
+			}
+		},
+		destroy: function( el ) {
+			var $el = $( el );
+			if (S.bypass()) {
+				return;
+			}
+
+			$( win ).unbind( '.fixedsticky' );
+
+			return $el.each(function() {
+				$( this )
+					.removeData( [ S.keys.offset, S.keys.position ] )
+					.removeClass( S.classes.active )
+					.removeClass( S.classes.inactive )
+					.next( '.' + S.classes.clone ).remove();
+			});
+		},
+		init: function( el ) {
+			var $el = $( el );
+
+			if( S.bypass() ) {
+				return;
+			}
+
+			return $el.each(function() {
+				var _this = this;
+				$( win ).bind( 'scroll.fixedsticky', function() {
+					S.update( _this );
+				});
+
+				S.update( this );
+
+				$( win ).bind( 'resize.fixedsticky', function() {
+					if( $el.is( '.' + S.classes.active ) ) {
+						S.update( _this );
+					}
+				});
+			});
+		}
+	};
+
+	win.FixedSticky = S;
+
+	// Plugin
+	$.fn.fixedsticky = function( method ) {
+		if ( typeof S[ method ] === 'function') {
+			return S[ method ].call( S, this);
+		} else if ( typeof method === 'object' || ! method ) {
+			return S.init.call( S, this );
+		} else {
+			throw new Error( 'Method `' +  method + '` does not exist on jQuery.fixedsticky' );
+		}
+	};
+
+	// Add fallback when fixed-fixed is not available.
+	if( !win.FixedFixed ) {
+		$( win.document.documentElement ).addClass( S.classes.withoutFixedFixed );
+	}
+
+})( this, jQuery );