first commit

public/bower_components/filament-tablesaw/src/tables.js

@@ -0,0 +1,160 @@
+/*global Tablesaw:true */
+
+/*
+* 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'
+		},
+		// cut the mustard
+		mustard: 'querySelector' in document &&
+			( !window.blackberry || window.WebKitPoint ) &&
+			!window.operamini
+	};
+}
+if( !Tablesaw.config ) {
+	Tablesaw.config = {};
+}
+if( Tablesaw.mustard ) {
+	jQuery( document.documentElement ).addClass( 'tablesaw-enhanced' );
+}
+
+;(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[0] ).not( this ).children().filter( 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().filter( '.' + 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().filter( '.' + 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.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 ) {
+		// Cut the mustard
+		if( Tablesaw.mustard ) {
+			$( e.target ).find( initSelector )[ pluginName ]();
+		}
+	});
+
+}( jQuery ));