ama_layout 1.1.13

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b9c545737508074e9dcfac192c57af2bddc9d2d5
+  data.tar.gz: 94f5ca81e3a6546c64365b8554c9eba3c9c559bd
+SHA512:
+  metadata.gz: 8c0f1f114ee2124fc76e8426087191e3b614d83a654be3f0ef26ea7679db64e117af6d42eb677a858183bdc9fed108766187b40f5fa9f5c27161009714650571
+  data.tar.gz: aa3b3ddb702e9ce87726ef39f2af1517aaee2ced9a22206f3ee150f4f3b8edc1f889a9aade01b1844e09ec573edd301c427f68306558107a6fae33c972b1e727

data/.gitignore

@@ -0,0 +1,14 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/.rspec

@@ -0,0 +1,3 @@
+--color
+--require spec_helper
+--format documentation

data/.simplecov

@@ -0,0 +1,5 @@
+SimpleCov.start do
+  SimpleCov.minimum_coverage 100.0
+  add_filter "/spec"
+  add_filter "/vendor"
+end

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in ama_layout.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Michael van den Beuken
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,146 @@
+# AmaLayout
+
+The AmaLayout gem is used to add a standard layout and style to .ama.ab.ca sites.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'ama_layout'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install ama_layout
+
+## Usage
+
+### Configuration
+
+Ensure that the app responds to:
+
+Rails.configuration.gatekeeper_site
+
+Rails.configuration.youraccount_site
+
+Rails.configuration.insurance_site
+
+Rails.configuration.membership_site
+
+Rails.configuration.driveredonline_site
+
+Rails.configuration.amaabca_site
+
+Rails.configuration.forms_amaabca_site
+
+
+### Navigation
+
+Navigation for each application has been built in custom made Navigation class and set as a hash to ama_layout gem:
+
+Example:
+
+    class Navigation
+      include ActiveModel::Model
+
+      attr_accessor :current_user
+
+      def initialize args={}
+        self.current_user = args.fetch(:current_user)
+      end
+
+      def navigation
+        return nil unless current_user
+        return navigation_items["member-in-renewal"] if current_user.profile.in_billing?
+        return navigation_items["member"] if current_user.member?
+        navigation_items["non-member"]
+      end
+
+    private
+        def navigation_items
+          YAML.load(ERB.new(File.read("#{Rails.root}/config/locales/navigation.yml")).result)
+        end
+    end
+
+Custom Navigation yaml file used to set all navigation:
+
+    member:
+      "Your Account Dashboard":
+        subtitle: "Member Exclusive Services"
+        alt: "Back to my dashboard"
+        link: "<%= Rails.configuration.youraccount_site %>/dashboard"
+      "Online Profile":
+        subtitle: "Email / Password Change"
+        link: "<%= Rails.configuration.gatekeeper_site %>/user/edit"
+      "Billing":
+        subtitle: "Statements / Reward Options"
+        link: "<%= Rails.configuration.youraccount_site %>/billing"
+      .
+      .
+      .
+    non-member:
+      "Joins":
+        alt: "Back to my dashboard"
+        link: <%= Rails.configuration.membership_site %>
+      "New Driver Online Program":
+        link: "<%= Rails.configuration.driveredonline_site %>/login"
+        target: "_blank"
+    member-in-renewal:
+      "Your Account Dashboard":
+        subtitle: "Member Exclusive Services"
+        alt: "Back to my dashboard"
+        link: "<%= Rails.configuration.youraccount_site %>/dashboard"
+      "Renew":
+        link: "<%= Rails.configuration.youraccount_site %>/renew"
+      "Help":
+        link: "<%= Rails.configuration.youraccount_site %>/help"
+      "Contact Us":
+        link: "<%= Rails.configuration.amaabca_site %>/membership/contact-us--centre-locations-hours-and-contact-information"
+        target: "_blank"
+
+
+### Layout
+
+The following layout example will give you:
+       a header with appropriate navigation if applicable,
+       side navigation if applicable and footer
+
+    <body class="<%= controller_name %>" id="top">
+      <%= render partial: "ama_layout/siteheader", locals: { navigation: Navigation.new(current_user: current_user).navigation } %>
+      <%= render "ama_layout/notices" %>
+      <div class="row wrapper">
+        <%= render partial: "ama_layout/custom_sidebar", locals: { navigation: Navigation.new(current_user: current_user).navigation } %>
+        <%= yield %>
+      </div>
+      <%= render "ama_layout/footer" %>
+    </body>
+
+### Stylesheets
+
+Add the following to your application.scss
+
+    @import "ama_layout/application";
+
+### Javascript
+
+Add the following to your application.js
+
+    //= require ama_layout/desktop
+
+### Mobile Layouts
+
+There is no need for you to set any specific code, values,... for mobile views.
+
+## Contributing
+
+1. Fork it ( https://github.com/amaabca/ama_layout/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Create rspec tests to cover your feature (100% coverage required)
+4. Commit your changes (`git commit -am 'Add some feature'`)
+5. Push to the branch (`git push origin my-new-feature`)
+6. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/ama_layout.gemspec

@@ -0,0 +1,33 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'ama_layout/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "ama_layout"
+  spec.version       = AmaLayout::VERSION
+  spec.authors       = ["Michael van den Beuken", "Ruben Estevez", "Jordan Babe", "Mathieu Gilbert", "Ryan Jones", "Darko Dosenovic", "Jonathan Weyermann", "Adam Melnyk", "Kayt Campbell", "Kathleen Robertson"]
+  spec.email         = ["michael.beuken@gmail.com", "ruben.a.estevez@gmail.com", "jorbabe@gmail.com", "mathieu.gilbert@ama.ab.ca", "ryan.michael.jones@gmail.com", "darko.dosenovic@ama.ab.ca", "jonathan.weyermann@ama.ab.ca" "adam.melnyk@ama.ab.ca", "kayt.campbell@ama.ab.ca", "kathleen.robertson@ama.ab.ca"]
+  spec.summary       = %q{.ama.ab.ca site layouts}
+  spec.description   = %q{.ama.ab.ca site layouts}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "foundation-rails", "5.4.5.0"
+  spec.add_dependency "rails", ">= 4"
+  spec.add_dependency "sass-rails"
+  spec.add_dependency "font-awesome-sass"
+  spec.add_dependency "draper"
+  spec.add_development_dependency "bundler", "~> 1.7"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec-rails"
+  spec.add_development_dependency "simplecov"
+  spec.add_development_dependency "pry"
+  spec.add_development_dependency "combustion"
+  spec.add_development_dependency "sqlite3"
+end

data/app/assets/javascripts/ama_layout/ama_layout_namespace.js.coffee

@@ -0,0 +1 @@
+@AMALayout = window.AMALayout ? {}

data/app/assets/javascripts/ama_layout/desktop/drop_down.js.coffee

@@ -0,0 +1,46 @@
+class AMALayout.DropDown
+  constructor: (@menuDropDown, @pointerUp, @dropdowncontainer, @dropdownClose, @html) ->
+    @setupDropDown()
+
+  hideMenu = (element) ->
+    element.animate {opacity:0}, 0,
+      -> element.removeClass("show").addClass("hide")
+
+  showMenu = (element, heightoffset) ->
+    element.toggleClass("show hide").css top: heightoffset
+    element.animate {opacity:1}, 0
+
+  setupDropDown: ->
+    ishovered = false
+    @menuDropDown.mouseenter =>
+      if !ishovered
+        heightoffset = @dropdowncontainer.outerHeight() + 10
+        datavalue = @menuDropDown.attr("data-dropdown")
+        @menuDropDown.toggleClass("open closed")
+        showMenu $(datavalue), heightoffset
+        ishovered = true
+
+    @html.mouseleave =>
+      datavalue = @menuDropDown.attr("data-dropdown")
+      @menuDropDown.removeClass("open").addClass("closed")
+      hideMenu $(datavalue)
+      ishovered = false
+
+    $(document).bind 'mouseup', (event) =>
+      container = $(".menu-profile, .dropdown-link")
+      if ishovered and container.has(event.target).length is 0
+        datavalue = @menuDropDown.attr("data-dropdown")
+        @menuDropDown.removeClass("open").addClass("closed")
+        hideMenu $(datavalue)
+        ishovered = false
+
+    @dropdownClose.bind 'mouseup', (event) =>
+      if ishovered
+        datavalue = @menuDropDown.attr("data-dropdown")
+        @menuDropDown.removeClass("open").addClass("closed")
+        hideMenu $(datavalue)
+        ishovered = false
+
+    color = @pointerUp.parent().css("background-color")
+    @pointerUp.css
+      "border-bottom-color" : color

data/app/assets/javascripts/ama_layout/desktop/foundation-namespace.coffee

@@ -0,0 +1,2 @@
+Foundation.set_namespace = ->
+  this.global.namespace = []

data/app/assets/javascripts/ama_layout/desktop/foundation-ready.js.coffee

@@ -0,0 +1,2 @@
+$ ->
+  $(document).foundation()

data/app/assets/javascripts/ama_layout/desktop/header_menu.coffee

@@ -0,0 +1,3 @@
+$(document).ready ->
+  $('.menu-link').click ->
+    $('#menu').toggleClass('active')

data/app/assets/javascripts/ama_layout/desktop/index.js

@@ -0,0 +1,9 @@
+//= require ../ama_layout_namespace
+//= require ./drop_down
+//= require ./toggle_menu
+//= require ./header_menu
+//= require ./ready
+//= require foundation
+//= require ./foundation-ready
+//= require ./sticky-footer
+//= require ./foundation-namespace

data/app/assets/javascripts/ama_layout/desktop/ready.js.coffee

@@ -0,0 +1,3 @@
+$ ->
+  new AMALayout.DropDown($("a[data-dropdown='#dropdown']"),$(".pointer-up"),$(".dropdown-container"),$(".dropdown-close"),$("html"))
+  new AMALayout.ToggleMenu($(".menu-toggle"),$(".menu-profile-tablet"),$(".menu-www-tablet"))

data/app/assets/javascripts/ama_layout/desktop/sticky-footer.coffee

@@ -0,0 +1,16 @@
+$(window).bind "load", ->
+  adjustFooter = ->
+    $("footer").css({ 'margin-top': calcHeight() + 'px' })
+
+  calcHeight = ->
+    footer = $("footer")
+    position = footer.position()
+    footer_top = if position is undefined then 0 else position.top
+    height = $(window).height() - footer_top - footer.height()
+    Math.max(height, 50)
+
+  adjustFooter()
+  $("a.asset-link.clearfix").click ->
+    setTimeout ->
+      adjustFooter()
+    , 1

data/app/assets/javascripts/ama_layout/desktop/toggle_menu.js.coffee

@@ -0,0 +1,8 @@
+class AMALayout.ToggleMenu
+  constructor: (@menuToggle, @menuProfile, @menuWWW) ->
+    @showmenu()
+
+  showmenu: ->
+    @menuToggle.click =>
+      $(@menuProfile).toggle()
+      $(@menuWWW).toggle()

data/app/assets/javascripts/ama_layout/mobile/index.js

@@ -0,0 +1,4 @@
+//= require ../ama_layout_namespace
+//= require ./mobile_menu
+//= require ./tablesaw.stackonly.js
+//= require ./ready

data/app/assets/javascripts/ama_layout/mobile/mobile_menu.js.coffee

@@ -0,0 +1,11 @@
+class AMALayout.MobileMenu
+  constructor: (@menuToggle) ->
+    @mobileMenu()
+
+  mobileMenu: ->
+    @menuToggle.click =>
+      @menuToggle.parent().toggleClass("hide show")
+      if @menuToggle.parent().hasClass("show")
+        @menuToggle.parent().find(".ss-icon").html("close")
+      else
+        @menuToggle.parent().find(".ss-icon").html("list")

data/app/assets/javascripts/ama_layout/mobile/ready.js.coffee

@@ -0,0 +1,2 @@
+$ ->
+  new AMALayout.MobileMenu($(".menu-toggle"))

data/app/assets/javascripts/ama_layout/mobile/tablesaw.stackonly.js

@@ -0,0 +1,277 @@
+/*! Tablesaw - v1.0.4 - 2015-02-19
+* https://github.com/filamentgroup/tablesaw
+* Copyright (c) 2015 Filament Group; Licensed MIT */
+;(function( $ ) {
+	var div = document.createElement('div'),
+		all = div.getElementsByTagName('i'),
+		$doc = $( document.documentElement );
+
+	div.innerHTML = '<!--[if lte IE 8]><i></i><![endif]-->';
+	if( all[ 0 ] ) {
+		$doc.addClass( 'ie-lte8' );
+	}
+
+	// Cut the mustard
+	if( !( 'querySelector' in document ) ||
+			( window.blackberry && !window.WebKitPoint ) ||
+			window.operamini ) {
+		return;
+	} else {
+		$doc.addClass( 'tablesaw-enhanced' );
+
+		// DOM-ready auto-init of plugins.
+		// Many plugins bind to an "enhance" event to init themselves on dom ready, or when new markup is inserted into the DOM
+		$( function(){
+			$( document ).trigger( "enhance.tablesaw" );
+		});
+	}
+
+})( jQuery );
+/*
+* tablesaw: A set of plugins for responsive tables
+* Stack and Column Toggle tables
+* Copyright (c) 2013 Filament Group, Inc.
+* MIT License
+*/
+
+if( typeof Tablesaw === "undefined" ) {
+	Tablesaw = {
+		i18n: {
+			modes: [ 'Stack', 'Swipe', 'Toggle' ],
+			columns: 'Col<span class=\"a11y-sm\">umn</span>s',
+			columnBtnText: 'Columns',
+			columnsDialogError: 'No eligible columns.',
+			sort: 'Sort'
+		}
+	};
+}
+if( !Tablesaw.config ) {
+	Tablesaw.config = {};
+}
+
+;(function( $ ) {
+	var pluginName = "table",
+		classes = {
+			toolbar: "tablesaw-bar"
+		},
+		events = {
+			create: "tablesawcreate",
+			destroy: "tablesawdestroy",
+			refresh: "tablesawrefresh"
+		},
+		defaultMode = "stack",
+		initSelector = "table[data-tablesaw-mode],table[data-tablesaw-sortable]";
+
+	var Table = function( element ) {
+		if( !element ) {
+			throw new Error( "Tablesaw requires an element." );
+		}
+
+		this.table = element;
+		this.$table = $( element );
+
+		this.mode = this.$table.attr( "data-tablesaw-mode" ) || defaultMode;
+
+		this.init();
+	};
+
+	Table.prototype.init = function() {
+		// assign an id if there is none
+		if ( !this.$table.attr( "id" ) ) {
+			this.$table.attr( "id", pluginName + "-" + Math.round( Math.random() * 10000 ) );
+		}
+
+		this.createToolbar();
+
+		var colstart = this._initCells();
+
+		this.$table.trigger( events.create, [ this, colstart ] );
+	};
+
+	Table.prototype._initCells = function() {
+		var colstart,
+			thrs = this.table.querySelectorAll( "thead tr" ),
+			self = this;
+
+		$( thrs ).each( function(){
+			var coltally = 0;
+
+			$( this ).children().each( function(){
+				var span = parseInt( this.getAttribute( "colspan" ), 10 ),
+					sel = ":nth-child(" + ( coltally + 1 ) + ")";
+
+				colstart = coltally + 1;
+
+				if( span ){
+					for( var k = 0; k < span - 1; k++ ){
+						coltally++;
+						sel += ", :nth-child(" + ( coltally + 1 ) + ")";
+					}
+				}
+
+				// Store "cells" data on header as a reference to all cells in the same column as this TH
+				this.cells = self.$table.find("tr").not( $( thrs ).eq( 0 ) ).not( this ).children( sel );
+				coltally++;
+			});
+		});
+
+		return colstart;
+	};
+
+	Table.prototype.refresh = function() {
+		this._initCells();
+
+		this.$table.trigger( events.refresh );
+	};
+
+	Table.prototype.createToolbar = function() {
+		// Insert the toolbar
+		// TODO move this into a separate component
+		var $toolbar = this.$table.prev( '.' + classes.toolbar );
+		if( !$toolbar.length ) {
+			$toolbar = $( '<div>' )
+				.addClass( classes.toolbar )
+				.insertBefore( this.$table );
+		}
+		this.$toolbar = $toolbar;
+
+		if( this.mode ) {
+			this.$toolbar.addClass( 'mode-' + this.mode );
+		}
+	};
+
+	Table.prototype.destroy = function() {
+		// Don’t remove the toolbar. Some of the table features are not yet destroy-friendly.
+		this.$table.prev( '.' + classes.toolbar ).each(function() {
+			this.className = this.className.replace( /\bmode\-\w*\b/gi, '' );
+		});
+
+		var tableId = this.$table.attr( 'id' );
+		$( document ).unbind( "." + tableId );
+		$( window ).unbind( "." + tableId );
+
+		// other plugins
+		this.$table.trigger( events.destroy, [ this ] );
+
+		this.$table.removeAttr( 'data-tablesaw-mode' );
+
+		this.$table.removeData( pluginName );
+	};
+
+	// Collection method.
+	$.fn[ pluginName ] = function() {
+		return this.each( function() {
+			var $t = $( this );
+
+			if( $t.data( pluginName ) ){
+				return;
+			}
+
+			var table = new Table( this );
+			$t.data( pluginName, table );
+		});
+	};
+
+	$( document ).on( "enhance.tablesaw", function( e ) {
+		$( e.target ).find( initSelector )[ pluginName ]();
+	});
+
+}( jQuery ));
+
+;(function( win, $, undefined ){
+
+	var classes = {
+		stackTable: 'tablesaw-stack',
+		cellLabels: 'tablesaw-cell-label',
+		cellContentLabels: 'tablesaw-cell-content'
+	};
+
+	var data = {
+		obj: 'tablesaw-stack'
+	};
+
+	var attrs = {
+		labelless: 'data-tablesaw-no-labels',
+		hideempty: 'data-tablesaw-hide-empty'
+	};
+
+	var Stack = function( element ) {
+
+		this.$table = $( element );
+
+		this.labelless = this.$table.is( '[' + attrs.labelless + ']' );
+		this.hideempty = this.$table.is( '[' + attrs.hideempty + ']' );
+
+		if( !this.labelless ) {
+			// allHeaders references headers, plus all THs in the thead, which may include several rows, or not
+			this.allHeaders = this.$table.find( "th" );
+		}
+
+		this.$table.data( data.obj, this );
+	};
+
+	Stack.prototype.init = function( colstart ) {
+		this.$table.addClass( classes.stackTable );
+
+		if( this.labelless ) {
+			return;
+		}
+
+		// get headers in reverse order so that top-level headers are appended last
+		var reverseHeaders = $( this.allHeaders );
+		var hideempty = this.hideempty;
+
+		// create the hide/show toggles
+		reverseHeaders.each(function(){
+			var $t = $( this ),
+				$cells = $( this.cells ).filter(function() {
+					return !$( this ).parent().is( "[" + attrs.labelless + "]" ) && ( !hideempty || !$( this ).is( ":empty" ) );
+				}),
+				hierarchyClass = $cells.not( this ).filter( "thead th" ).length && " tablesaw-cell-label-top",
+				// TODO reduce coupling with sortable
+				$sortableButton = $t.find( ".tablesaw-sortable-btn" ),
+				html = $sortableButton.length ? $sortableButton.html() : $t.html();
+
+			if( html !== "" ){
+				if( hierarchyClass ){
+					var iteration = parseInt( $( this ).attr( "colspan" ), 10 ),
+						filter = "";
+
+					if( iteration ){
+						filter = "td:nth-child("+ iteration +"n + " + ( colstart ) +")";
+					}
+					$cells.filter( filter ).prepend( "<b class='" + classes.cellLabels + hierarchyClass + "'>" + html + "</b>"  );
+				} else {
+					$cells.wrapInner( "<span class='" + classes.cellContentLabels + "'></span>" );
+					$cells.prepend( "<b class='" + classes.cellLabels + "'>" + html + "</b>"  );
+				}
+			}
+		});
+	};
+
+	Stack.prototype.destroy = function() {
+		this.$table.removeClass( classes.stackTable );
+		this.$table.find( '.' + classes.cellLabels ).remove();
+		this.$table.find( '.' + classes.cellContentLabels ).each(function() {
+			$( this ).replaceWith( this.childNodes );
+		});
+	};
+
+	// on tablecreate, init
+	$( document ).on( "tablesawcreate", function( e, Tablesaw, colstart ){
+		if( Tablesaw.mode === 'stack' ){
+			var table = new Stack( Tablesaw.table );
+			table.init( colstart );
+		}
+
+	} );
+
+	$( document ).on( "tablesawdestroy", function( e, Tablesaw ){
+
+		if( Tablesaw.mode === 'stack' ){
+			$( Tablesaw.table ).data( data.obj ).destroy();
+		}
+
+	} );
+
+}( this, jQuery ));