fae-rails 1.2.3 → 1.2.4

data/app/assets/javascripts/fae/navigation/_accordion.js

@@ -1,85 +0,0 @@
-/* global Fae, FCH */
-
-'use strict';
-
-/**
- * Fae navigation accordion
- * @namespace navigation.accordion
- * @memberof navigation
- */
-Fae.navigation.accordion = {
-
-  init: function() {
-    this.accordionClickEventListener();
-  },
-
-  /**
-   * Attach click listener to main and sub links
-   */
-  accordionClickEventListener: function() {
-    var _this = this;
-
-    $('.main_nav-accordion .main_nav-link, .sub_nav-accordion .main_nav-sub-link.with-third_nav').click(function(e) {
-      e.preventDefault();
-
-      var $this = $(this);
-      var $parent = _this._linkParent($this);
-      var was_opened = $parent.hasClass('accordion-open');
-
-      // close all first
-      // only get the first class name and add a leading period
-      $parent.siblings().each(function() {
-        _this.close($(this));
-      });
-
-      if (!was_opened) {
-        // open the clicked item if it was not just opened
-        _this.open($parent);
-      } else if ($this.hasClass('main_nav-link') || $this.hasClass('main_nav-sub-link')) {
-        _this.close($parent);
-      }
-    });
-  },
-
-  /**
-   * Find closest subnav within an accordion
-   * @access protected
-   * @param {jQuery} $el - Accordion wrapper
-   * @return {jQuery} Subnav element
-   */
-  _subNav: function($el) {
-    return $el.find('.main_nav-sub-nav, .main_nav-third-nav').first();
-  },
-
-  /**
-   * Find closest accordion wrapper
-   * @access protected
-   * @param {jQuery} $el - Sublink of accordion wrapper
-   * @return {jQuery} Accordion wrapper
-   */
-  _linkParent: function($el) {
-    if($el.hasClass('main_nav-sub-link')) {
-      return $el.parent().first();
-    } else {
-      return $el.parentsUntil('.main_nav-accordion').parent().first();
-    }
-  },
-
-  /**
-   * Open accordion panel
-   * @param {jQuery} $el - Accordion wrapper
-   */
-  open: function($el) {
-    $el.addClass('accordion-open');
-    this._subNav($el).stop().slideDown();
-  },
-
-  /**
-   * Close accordion panel
-   * @param {jQuery} $el - Accordion wrapper
-   */
-  close: function($el) {
-    $el.removeClass('accordion-open');
-    this._subNav($el).stop().slideUp();
-  },
-};

data/app/assets/javascripts/fae/navigation/_mobileMenu.js

@@ -1,132 +0,0 @@
-/* globals Fae, FCH */
-
-'use strict';
-
-/**
- * Fae navigation mobile menu
- * @namespace navigation.mobileMenu
- * @memberof navigation
- */
-Fae.navigation.mobileMenu = {
-  toggle_class: 'js-menu-active',
-  toggle_level_class: 'js-menu-level-active',
-  sub_toggle_level_class: 'js-sub-menu-level-active',
-
-  init: function(){
-    this.openDrawer();
-    this.mainHeaderClickListener();
-    this.resizer();
-    this.subMainHeaderClickListener();
-    this.thirdNavClickListener();
-    this.mainNavLinkClickListener();
-  },
-
-  /**
-   * Check to see if the html has the toggle class...which means it's opened
-   */
-  openDrawer: function() {
-    var _this = this;
-
-    $('#main_nav-menu_button').click(function(e){
-      e.preventDefault();
-      var $html = $('html');
-
-      if ($html.hasClass(_this.toggle_class)) {
-        _this.closeAll();
-      } else {
-        $html.addClass(_this.toggle_class);
-      }
-    });
-  },
-
-  /**
-   * Close all open drawers
-   */
-  closeAll: function() {
-    // remove the HTML class which closes the first level
-    $('html').removeClass(this.toggle_class);
-
-    // remove toggle_level_class and sub_toggle_level_class classes
-    $('.' + this.toggle_level_class).removeClass(this.toggle_level_class);
-    $('.' + this.sub_toggle_level_class).removeClass(this.sub_toggle_level_class);
-  },
-
-  /**
-   * On click in nav, close all open drawers
-   */
-  mainNavLinkClickListener: function() {
-    var _this = this;
-
-    $('#main_nav a').click(function(){
-      _this.closeAll();
-    });
-  },
-
-  /**
-   * Close menus if clicked on actual link. If element does not have sublinks, go to desired page.
-   */
-  mainHeaderClickListener: function() {
-    var _this = this;
-
-    $('.main_nav-header').click(function(e){
-      var $this = $(this);
-
-      if (!$this.hasClass('js-menu-header-active') && FCH.bp.large_down) {
-        e.preventDefault();
-        var $parent = $this.closest('li');
-        var link_url = $this.data('link');
-
-        // Add JS toggle class
-        $parent.addClass(_this.toggle_level_class);
-
-        // If the element does not have sublinks, then go to the desired page
-        if ($parent.find('.main_nav-sub-nav').length === 0 && typeof link_url !== 'undefined') {
-          location.href = link_url;
-        }
-      }
-    });
-  },
-
-  /**
-   * For ultra deep navs, collapse parent
-   */
-  thirdNavClickListener: function() {
-    var _this = this;
-
-    $('.main_nav-sub-link.with-third_nav').click(function(e){
-      if (FCH.bp.large_down) {
-        e.preventDefault();
-        e.stopImmediatePropagation();
-        $(this).parent().addClass(_this.sub_toggle_level_class);
-      }
-    });
-  },
-
-  /**
-   * Collapse sub headers on sub nav click
-   */
-  subMainHeaderClickListener: function() {
-    var _this = this;
-
-    $('.main_nav-sub-header-mobile, .main_nav-third-header-mobile').click(function(e){
-      e.preventDefault();
-      $(this)
-        .closest('.' + _this.toggle_level_class + ', .' + _this.sub_toggle_level_class)
-        .removeClass(_this.toggle_level_class)
-        .removeClass(_this.sub_toggle_level_class);
-    });
-  },
-
-  /**
-   * Close all open drawers on resize
-   */
-  resizer: function() {
-    var _this = this;
-    // use smart resizer so it doesn't happen at every pixel
-    FCH.$window.smartresize(function(){
-      if (FCH.bp.large){
-        _this.closeAll();
-      }
-    });
-  },
-};

data/app/assets/stylesheets/fae/globals/_all.scss

@@ -1,8 +0,0 @@
-@import "./breakpoints",
-        "./variables",
-        "./fonts",
-        "./mixins",
-        "./icons",
-        "./plugins",
-        "./base",
-        "./layout";

data/app/assets/stylesheets/fae/globals/_breakpoints.scss

@@ -1,18 +0,0 @@
-// Definition of breakpionts
-
-// faux hash for breakpoints
-// before space is a variable to use to refer to it as in the sass
-// after space is the media query to use
-$breakpoints:
-  desktop "min-width: 1100px",
-  tablet "min-width: 768px",
-  mobile "min-width: 520px",
-
-  page_header_save_block "max-width: 615px",
-  login_container "min-width: 700px",
-  login_submit "min-width: 475px",
-
-  big_header "min-width: 1024px",
-
-  show_nav "min-width: 1024px"
-;

data/app/assets/stylesheets/fae/globals/_mixins.scss

@@ -1,148 +0,0 @@
-/* Functions */
-
-/* Helper for finding value in a faux sass hash -- i.e. a list */
-@function match($collection, $value) {
-	@each $item in $collection {
-		$index: index($item, $value);
-		@if $index {
-			$return: if($index == 1, 2, $index);
-			@return nth($item, $return);
-		}
-	}
-	@return false;
-}
-
-/* Mixins */
-
-@mixin transition($type, $time, $easing: ease-in-out) {
-	-ms-transition: $type $time $easing;
-	-webkit-transition: $type $time $easing;
-	-moz-transition: $type $time $easing;
-	-o-transition: $type $time $easing;
-	transition: $type $time $easing;
-}
-
-@mixin transition-multiple($args...) {
-  -webkit-transition: $args;
-  -moz-transition: $args;
-  -ms-transition: $args;
-  -o-transition: $args;
-  transition: $args;
-}
-
-@mixin border-radius($radius: 0) {
-	-webkit-border-radius: $radius;
-	border-radius: $radius;
-}
-
-@mixin right-triangle($size: 15px, $color: $c-black) {
-	width: 0px;
-	height: 0px;
-	border-style: solid;
-	border-width: $size $size 0 0;
-	border-color: $color transparent transparent transparent;
-}
-
-@mixin clearfix() {
-	content: ".";
-	visibility: hidden;
-	display: block;
-	height: 0;
-	clear: both;
-}
-
-@mixin opacity ($opacity) {
-	opacity: $opacity;
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" $opacity * 100 ")";
-	filter: alpha(opacity= $opacity * 100);
-	zoom: 1;
-}
-
-@mixin box-shadow( $h: 0, $v: 0, $blur: 0, $spread: 0, $color: $c-box_shadow ){
-	-webkit-box-shadow: $h $v $blur $spread $color;
-	-moz-box-shadow: $h $v $blur $spread $color;
-	box-shadow: $h $v $blur $spread $color;
-}
-
-@mixin box-shadow-inset( $h: 0, $v: 0, $blur: 0, $spread: 0, $color: $c-box_shadow ){
-	-webkit-box-shadow: inset $h $v $blur $spread $color;
-	-moz-box-shadow: inset $h $v $blur $spread $color;
-	box-shadow: inset $h $v $blur $spread $color;
-}
-
-@mixin ghost-center() {
-	content: "";
-	display: inline-block;
-	vertical-align: middle;
-	height: 100%;
-	width: 1px;
-	margin-left: -5px;
-	visibility: hidden;
-}
-
-@mixin user-select($val){
-	-webkit-user-select: $val; /* Chrome all / Safari all */
-	-moz-user-select: $val; /* Firefox all */
-	-ms-user-select: $val; /* IE 10+ */
-	user-select: $val;
-}
-
-@mixin background-image-retina($file, $type, $width, $height) {
-	background-image: url($file + '.' + $type);
-
-	@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
-		& {
-			background-image: url($file + '@2x.' + $type);
-			background-size: $width $height;
-		}
-	}
-}
-
-@mixin transform($value){
-	-webkit-transform: $value;
-	-moz-transform: $value;
-	-ms-transform: $value;
-	-o-transform: $value;
-	transform: $value;
-}
-
-@mixin transform-origin($h, $v){
-	-webkit-transform-origin: $h $v;
-	-moz-transform-origin: $h $v;
-	-o-transform-origin: $h $v;
-	-ms-transform-origin: $h $v;
-	transform-origin: $h $v;
-}
-
-@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
-	background-image: -webkit-gradient(linear, left $start-percent, left $end-percent, from($start-color), to($end-color));
-	background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent);
-	background-image:  -moz-linear-gradient(top, $start-color $start-percent, $end-color $end-percent);
-	background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
-	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0);
-}
-
-@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
-	background-image: -webkit-gradient(linear, $start-percent top, $end-percent top, from($start-color), to($end-color));
-	background-image: -webkit-linear-gradient(left, color-stop($start-color $start-percent), color-stop($end-color $end-percent));
-	background-image: -moz-linear-gradient(left, $start-color $start-percent, $end-color $end-percent);
-	background-image:  linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
-	background-repeat: repeat-x;
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1);
-}
-
-/* Media Query Fun */
-@mixin bp($point) {
-	$bp: "";
-
-	$bp: match($breakpoints, $point);
-
-	@if ($useMediaQueries) {
-		@media (#{$bp}) {
-			@content;
-		}
-	} @else {
-		@content;
-	}
-}

data/app/assets/stylesheets/fae/globals/_variables.scss

@@ -1,114 +0,0 @@
-/* widths, padding, margins, and the like */
-$main_nav_width: 210px;
-
-/* TYPOGRAPHY */
-$f-lato: "Lato", serif;
-
-/* Colors */
-$c-black: #261c16;
-$c-dark_grey: #303030;
-$c-grey: #595959;
-$c-light_grey: #999;
-$c-lighter_grey: #ccc;
-$c-lightest_grey: #eee;
-$c-almost_white: #f7f7f7;
-$c-white: #fff;
-
-
-/*
-**  Functional name for colors
-*/
-$c-body-bg: $c-almost_white;
-$c-text: $c-grey;
-$c-text-sub: $c-light_grey;
-$c-text-sub-hover: $c-lighter_grey;
-$c-text-heavy: #2b2b2b;
-$c-box_shadow: $c-lighter_grey;
-$c-border: $c-lighter_grey;
-
-/* header area */
-$c-header-bg: $c-black;
-$c-header-logo: $c-white;
-
-/* utility nav area */
-$c-utility-sub-nav-bg: $c-white;
-$c-utility-sub-nav-link-bg: $c-white;
-$c-utility-sub-nav-link-bg-hover: $c-lightest_grey;
-$c-utility-sub-nav-link-color: $c-dark_grey;
-
-/* nav area */
-$c-nav-link: $c-dark_grey;
-$c-nav-bg-hover: #d6d6d6;
-$c-nav-sub-bg-active: #dedede;
-$c-nav-sub-bg-active-highlight: #d6d6d6;
-$c-nav-icons: #999;
-$c-nav-icons-hover: #777;
-
-/* main_content areas */
-$c-content-shadow: $c-lighter_grey;
-$c-content-header-bg: #fdfdfd;
-$c-content-section-title: $c-lightest_grey;
-
-/* tables */
-$c-table-th: #dfdfdf;
-$c-table-th-highlight: #e7e7e7;
-$c-table-tr-even: #f2f2f2;
-$c-table-td: #f9f9f9;
-$c-table-tr-hover: #fefefe;
-$c-table-action_menu-bg: $c-white;
-$c-table-action_menu-link-bg: $c-white;
-$c-tablesorter-icon: $c-light_grey;
-$c-table-filter-header: #222;
-$c-table-filter-input: #333;
-
-/* forms */
-$c-form-submit: $c-white;
-$c-form-submit-gradient-start: #454545;
-$c-form-submit-gradient-end: #252525;
-$c-form-submit-gradient-hover: #252525;
-$c-form-button: #555;
-$c-form-button-gradient-start: #eee;
-$c-form-button-gradient-end: #e1e1e1;
-$c-form-button-gradient-hover: #e1e1e1;
-$c-form-checkbox-bg: $c-white;
-$c-form-file-bg: $c-almost_white;
-$c-form-file-bg-active: $c-white;
-$c-form-file-link-bg: #f7f7f7;
-$c-form-file-link-bg-hover: #ddd;
-$c-form-file-link-text: $c-custom-highlight;
-$c-form-table-bg: #ebebeb;
-$c-chosen-bg: $c-white;
-$c-chosen-gradient-start: #eee;
-$c-chosen-gradient-end: #e1e1e1;
-$c-chosen-gradient-hover:  #e1e1e1;
-$c-chosen-multi-bg: $c-lightest_grey;
-$c-chosen-multi-text: #555;
-$c-chosen-multi-delete: $c-light_grey;
-
-/* Yes / No Sliders */
-$c-slider-option-selector: $c-white;
-$c-slider-yes-color: $c-white;
-$c-slider-yes-bg: $c-custom-highlight;
-$c-slider-no-color: $c-lighter_grey;
-$c-slider-no-bg: $c-light_grey;
-$c-slider-border: #dedede;
-
-/* Notices and Errors */
-$c-notice-bg: #d8f0d0;
-$c-notice-content: #4c884e;
-$c-warning-bg: #f7f2c8;
-$c-warning-content: #ca953a;
-$c-error-bg: #f6cfcf;
-$c-error-content: #b75553;
-
-/* Modal */
-$c-modal-overlay-bg: $c-lighter_grey;
-$c-modal-bg: #333;
-$c-modal-light-bg: #fff;
-$c-modal-text: #999;
-$c-modal-header: $c-white;
-
-/* login page */
-$c-login-bg: $c-white;
-$c-login-footer-all: #aaa;
-$c-login-box_shadow: $c-lighter_grey;