refills 0.1.0 → 0.2.0

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

@@ -1,9 +1,7 @@
 $(document).ready ->
-  expanderTrigger = document.getElementById("js-expander-trigger")
-  expanderContent = document.getElementById("js-expander-content")
-  $("#js-expander-trigger").click ->
-    $(this).toggleClass "expander-hidden"
+  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

@@ -1,8 +1,8 @@
 $(document).ready ->
-  element = document.getElementById("js-fadeInElement")
-  $(element).addClass "js-fade-element-hide"
+  element = document.getElementById('js-fadeInElement')
+  $(element).addClass 'js-fade-element-hide'
   $(window).scroll ->
-    if $("#js-fadeInElement").length > 0
+    if $('#js-fadeInElement').length > 0
       elementTopToPageTop = $(element).offset().top
       windowTopToPageTop = $(window).scrollTop()
       windowInnerHeight = window.innerHeight
@@ -10,11 +10,9 @@ $(document).ready ->
       elementTopToWindowBottom = windowInnerHeight - elementTopToWindowTop
       distanceFromBottomToAppear = 300
       if elementTopToWindowBottom > distanceFromBottomToAppear
-        $(element).addClass "js-fade-element-show"
+        $(element).addClass 'js-fade-element-show'
       else if elementTopToWindowBottom < 0
-        $(element).removeClass "js-fade-element-show"
-        $(element).addClass "js-fade-element-hide"
+        $(element).removeClass 'js-fade-element-show'
+        $(element).addClass 'js-fade-element-hide'
     return
-
   return
-

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

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

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

@@ -1,13 +1,11 @@
 $(document).ready ->
-  menuToggle = $("#js-mobile-menu").unbind()
-  $("#js-navigation-menu").removeClass "show"
-  menuToggle.on "click", (e) ->
+  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")
+    $('#js-navigation-menu').slideToggle ->
+      if $('#js-navigation-menu').is(':hidden')
+        $('#js-navigation-menu').removeAttr 'style'
       return
-
     return
-
   return
-

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

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

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

@@ -1,23 +1,18 @@
-((jQuery) ->
+do (jQuery) ->
   jQuery.mark = jump: (options) ->
-    defaults = selector: "a.scroll-on-page-link"
-    defaults.selector = options  if typeof options is "string"
+    defaults = selector: 'a.scroll-on-page-link'
+    if typeof options == 'string'
+      defaults.selector = options
     options = jQuery.extend(defaults, options)
     jQuery(options.selector).click (e) ->
       jumpobj = jQuery(this)
-      target = jumpobj.attr("href")
+      target = jumpobj.attr('href')
       thespeed = 1000
       offset = jQuery(target).offset().top
-      jQuery("html,body").animate
-        scrollTop: offset
-      , thespeed, "swing"
+      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

@@ -1,85 +0,0 @@
-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_panel.coffee

@@ -0,0 +1,6 @@
+$(document).ready ->
+  $('.sliding-panel-button,.sliding-panel-fade-screen,.sliding-panel-close').on 'click touchstart', (e) ->
+    $('.sliding-panel-content,.sliding-panel-fade-screen').toggleClass 'is-visible'
+    e.preventDefault()
+    return
+  return

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

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

data/source/javascripts/refills/dropdown.js

@@ -1,12 +1,12 @@
-$(document).ready(function(){
+$(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());
+    var $button, $menu;
+    $button = $(this);
+    $menu = $button.siblings(".dropdown-menu");
+    $menu.toggleClass("show-menu");
+    $menu.children("li").click(function() {
+      $menu.removeClass("show-menu");
+      $button.html($(this).html());
     });
   });
 });
-

data/source/javascripts/refills/expander.js

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

data/source/javascripts/refills/modal.js

@@ -7,7 +7,7 @@ $(function() {
     }
   });
 
-  $(".modal-window").on("click", function() {
+  $(".modal-fade-screen, .modal-close").on("click", function() {
     $(".modal-state:checked").prop("checked", false).change();
   });
 

data/source/javascripts/refills/navigation.js

@@ -1,13 +1,32 @@
+$(window).resize(function() {
+  var more = document.getElementById("js-navigation-more");
+  if ($(more).length > 0) {
+    var windowWidth = $(window).width();
+    var moreLeftSideToPageLeftSide = $(more).offset().left;
+    var moreLeftSideToPageRightSide = windowWidth - moreLeftSideToPageLeftSide;
+
+    if (moreLeftSideToPageRightSide < 330) {
+      $("#js-navigation-more .submenu .submenu").removeClass("fly-out-right");
+      $("#js-navigation-more .submenu .submenu").addClass("fly-out-left");
+    }
+
+    if (moreLeftSideToPageRightSide > 330) {
+      $("#js-navigation-more .submenu .submenu").removeClass("fly-out-left");
+      $("#js-navigation-more .submenu .submenu").addClass("fly-out-right");
+    }
+  }
+});
+
 $(document).ready(function() {
-  var menuToggle = $('#js-mobile-menu').unbind();
-  $('#js-navigation-menu').removeClass("show");
+  var menuToggle = $("#js-mobile-menu").unbind();
+  $("#js-navigation-menu").removeClass("show");
 
-  menuToggle.on('click', function(e) {
+  menuToggle.on("click", function(e) {
     e.preventDefault();
-    $('#js-navigation-menu').slideToggle(function(){
-      if($('#js-navigation-menu').is(':hidden')) {
-        $('#js-navigation-menu').removeAttr('style');
+    $("#js-navigation-menu").slideToggle(function(){
+      if($("#js-navigation-menu").is(":hidden")) {
+        $("#js-navigation-menu").removeAttr("style");
       }
     });
   });
-});
+}); 

data/source/javascripts/refills/navigation_centered.js

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

data/source/javascripts/refills/scroll_on_page.js

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

data/source/javascripts/refills/search_tools.js

@@ -27,7 +27,7 @@ var Filter = (function() {
       attr('data-role', 'summary').
       prependTo(this._optionsContainer);
 
-    this._clearSelectionButton = $('<button></button>').
+    this._clearSelectionButton = $('<button class=clear></button>').
       text('Clear').
       attr('type', 'button').
       insertAfter(this._summaryElement);
@@ -72,7 +72,7 @@ var Filter = (function() {
     var summary = 'All';
     var checked = this._checkboxes().filter(':checked');
 
-    if (checked.length > 0) {
+    if (checked.length > 0 && checked.length < this._checkboxes().length) {
       summary = this._labelsFor(checked).join(', ');
     }
 

data/source/javascripts/refills/sliding_panel.js

@@ -0,0 +1,6 @@
+$(document).ready(function(){
+  $('.sliding-panel-button,.sliding-panel-fade-screen,.sliding-panel-close').on('click touchstart',function (e) {
+    $('.sliding-panel-content,.sliding-panel-fade-screen').toggleClass('is-visible');
+    e.preventDefault();
+  });
+});