refills 0.0.2 → 0.1.0

data/source/javascripts/all.js

@@ -1,11 +1,10 @@
-//= require prism
-//= require ZeroClipboard.min
-//= require smooth-scroll
-//= require_tree .
-
+//= require jquery.erToc
+//= require jquery.glide
+//= require menuAnchorAnimation
+//= require_directory ./vendor
+//= require_directory ./refills
 
 $(document).ready(function() {
-    $('#example1').erToc({'goTopNode':'#example1', 'startLevel': 'h2', 'numberedSuffix':'. '});
-    $('#example2').erToc({'goTopNode':'#example2', 'startLevel': 'h2', 'toc<a href="http://www.jqueryscript.net/tags.php?/Scroll/">Scroll</a>': false});
-    $('#example3').erToc({'goTopNode':'#example3', 'startLevel': 'h2', 'numbered': false, 'tocClass': 'er_toc er_toc_disc'});
+  $('#example').erToc({'goTopNode':'#example', 'startLevel': 'h2', 'numberedSuffix':'. '});
+  $('.refills-menu-anchor').fixedsticky();
 });

data/source/javascripts/menuAnchorAnimation.js

@@ -0,0 +1,11 @@
+(function() {
+  var refillsMenuAnchor = $('.refills-menu-anchor');
+
+  $(window).scroll(function() {
+    if ($(this).scrollTop() > 50) {
+      refillsMenuAnchor.addClass('refills-menu-anchor-moved');
+    } else if ($(this).scrollTop() <= 50) {
+      refillsMenuAnchor.removeClass('refills-menu-anchor-moved');
+    }
+  });
+})();

data/source/javascripts/refills/accordion.js

@@ -0,0 +1,5 @@
+$('.js-accordion-trigger').bind('click', function(e){
+  jQuery(this).parent().find('.submenu').slideToggle('fast');  // apply the toggle to the ul
+  jQuery(this).parent().toggleClass('is-expanded');
+  e.preventDefault();
+});

data/source/javascripts/refills/accordion_tabs.js

@@ -0,0 +1,19 @@
+$(document).ready(function () {
+  $('.accordion-tabs').each(function(index) {
+    $(this).children('li').first().children('a').addClass('is-active').next().addClass('is-open').show();
+  });
+
+  $('.accordion-tabs').on('click', 'li > a', function(event) {
+    if (!$(this).hasClass('is-active')) {
+      event.preventDefault();
+      var accordionTabs = $(this).closest('.accordion-tabs');
+      accordionTabs.find('.is-open').removeClass('is-open').hide();
+
+      $(this).next().toggleClass('is-open').toggle();
+      accordionTabs.find('.is-active').removeClass('is-active');
+      $(this).addClass('is-active');
+    } else {
+      event.preventDefault();
+    }
+  });
+});

data/source/javascripts/refills/accordion_tabs_minimal.js

@@ -0,0 +1,19 @@
+$(document).ready(function () {
+  $('.accordion-tabs-minimal').each(function(index) {
+    $(this).children('li').first().children('a').addClass('is-active').next().addClass('is-open').show();
+  });
+
+  $('.accordion-tabs-minimal').on('click', 'li > a', function(event) {
+    if (!$(this).hasClass('is-active')) {
+      event.preventDefault();
+      var accordionTabs = $(this).closest('.accordion-tabs-minimal');
+      accordionTabs.find('.is-open').removeClass('is-open').hide();
+
+      $(this).next().toggleClass('is-open').toggle();
+      accordionTabs.find('.is-active').removeClass('is-active');
+      $(this).addClass('is-active');
+    } else {
+      event.preventDefault();
+    }
+  });
+});

data/source/javascripts/refills/animate.js

@@ -0,0 +1,10 @@
+$(function() {
+  var animationClasses = 'animated alternate iteration zoomOut';
+  var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
+
+  $('.animate-trigger').on('click',function() {
+    $('.animate-target').addClass(animationClasses).one(animationEnd,function() {
+      $(this).removeClass(animationClasses);
+    });
+  });
+});

data/source/javascripts/refills/centered_navigation.js

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

data/source/javascripts/refills/coffeescript/accordion.coffee

@@ -0,0 +1,6 @@
+$(".js-accordion-trigger").bind "click", (e) ->
+  jQuery(this).parent().find(".submenu").slideToggle "fast" # apply the toggle to the ul
+  jQuery(this).parent().toggleClass "is-expanded"
+  e.preventDefault()
+  return
+

data/source/javascripts/refills/coffeescript/accordion_tabs.coffee

@@ -0,0 +1,19 @@
+$(document).ready ->
+  $(".accordion-tabs").each (index) ->
+    $(this).children("li").first().children("a").addClass("is-active").next().addClass("is-open").show()
+    return
+
+  $(".accordion-tabs").on "click", "li > a", (event) ->
+    unless $(this).hasClass("is-active")
+      event.preventDefault()
+      accordionTabs = $(this).closest(".accordion-tabs")
+      accordionTabs.find(".is-open").removeClass("is-open").hide()
+      $(this).next().toggleClass("is-open").toggle()
+      accordionTabs.find(".is-active").removeClass "is-active"
+      $(this).addClass "is-active"
+    else
+      event.preventDefault()
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/accordion_tabs_minimal.coffee

@@ -0,0 +1,19 @@
+$(document).ready ->
+  $(".accordion-tabs-minimal").each (index) ->
+    $(this).children("li").first().children("a").addClass("is-active").next().addClass("is-open").show()
+    return
+
+  $(".accordion-tabs-minimal").on "click", "li > a", (event) ->
+    unless $(this).hasClass("is-active")
+      event.preventDefault()
+      accordionTabs = $(this).closest(".accordion-tabs-minimal")
+      accordionTabs.find(".is-open").removeClass("is-open").hide()
+      $(this).next().toggleClass("is-open").toggle()
+      accordionTabs.find(".is-active").removeClass "is-active"
+      $(this).addClass "is-active"
+    else
+      event.preventDefault()
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/animate.coffee

@@ -0,0 +1,12 @@
+$ ->
+  animationClasses = "animated alternate iteration zoomOut"
+  animationEnd = "webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend"
+  $(".animate-trigger").on "click", ->
+    $(".animate-target").addClass(animationClasses).one animationEnd, ->
+      $(this).removeClass animationClasses
+      return
+
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/centered_navigation.coffee

@@ -0,0 +1,13 @@
+$(document).ready ->
+  menuToggle = $("#js-centered-navigation-mobile-menu").unbind()
+  $("#js-centered-navigation-menu").removeClass "show"
+  menuToggle.on "click", (e) ->
+    e.preventDefault()
+    $("#js-centered-navigation-menu").slideToggle ->
+      $("#js-centered-navigation-menu").removeAttr "style"  if $("#js-centered-navigation-menu").is(":hidden")
+      return
+
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/dropdown.coffee

@@ -0,0 +1,15 @@
+$(document).ready ->
+  $(".dropdown-button").click ->
+    $(".dropdown-menu").toggleClass "show-menu"
+    $(".dropdown-menu > li").click ->
+      $(".dropdown-menu").removeClass "show-menu"
+      return
+
+    $(".dropdown-menu.dropdown-select > li").click ->
+      $(".dropdown-button").html $(this).html()
+      return
+
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/expander.coffee

@@ -0,0 +1,9 @@
+$(document).ready ->
+  expanderTrigger = document.getElementById("js-expander-trigger")
+  expanderContent = document.getElementById("js-expander-content")
+  $("#js-expander-trigger").click ->
+    $(this).toggleClass "expander-hidden"
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/fade_in.coffee

@@ -0,0 +1,20 @@
+$(document).ready ->
+  element = document.getElementById("js-fadeInElement")
+  $(element).addClass "js-fade-element-hide"
+  $(window).scroll ->
+    if $("#js-fadeInElement").length > 0
+      elementTopToPageTop = $(element).offset().top
+      windowTopToPageTop = $(window).scrollTop()
+      windowInnerHeight = window.innerHeight
+      elementTopToWindowTop = elementTopToPageTop - windowTopToPageTop
+      elementTopToWindowBottom = windowInnerHeight - elementTopToWindowTop
+      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"
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/modal.coffee

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

data/source/javascripts/refills/coffeescript/navigation.coffee

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

data/source/javascripts/refills/coffeescript/parallax.coffee

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

data/source/javascripts/refills/coffeescript/scroll_on_page.coffee

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

data/source/javascripts/refills/coffeescript/search_tools.coffee

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

data/source/javascripts/refills/coffeescript/sliding_menu.coffee

@@ -0,0 +1,8 @@
+$(document).ready ->
+  $(".js-menu-trigger,.js-menu-screen").on "click touchstart", (e) ->
+    $(".js-menu,.js-menu-screen").toggleClass "is-visible"
+    e.preventDefault()
+    return
+
+  return
+

data/source/javascripts/refills/coffeescript/vertical_tabs.coffee

@@ -0,0 +1,28 @@
+$(".js-vertical-tab-content").hide()
+$(".js-vertical-tab-content:first").show()
+
+# if in tab mode 
+$(".js-vertical-tab").click (event) ->
+  event.preventDefault()
+  $(".js-vertical-tab-content").hide()
+  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"
+  return
+
+
+# if in accordion mode 
+$(".js-vertical-tab-accordion-heading").click (event) ->
+  event.preventDefault()
+  $(".js-vertical-tab-content").hide()
+  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"
+  return
+