tablesaw-rails 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 9412eea3f134c7f159f1e7306033c0744c95fc16
+  data.tar.gz: 400cc7fa6bb7bea6d4d29cde703c0ba91a44b814
+SHA512:
+  metadata.gz: e37a6f1f917208a19c42db9b9f7a0f274acdc9f83a5d308dec10951279859bb5bdd7243beb04cf1e551d3576e4fce9cafd2df711539071906d35f43341c762a9
+  data.tar.gz: 599b332134a4110f87d6280ff82175ea5ba60b2c77bd4973c5e5e88a85f35241b8ef76666e48fa31109864edd4c243b0e8d19dffe7a802bf27c02d034afdae75

data/.gitignore

@@ -0,0 +1,22 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Robbie Marcelo
+
+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,69 @@
+# tablesaw-rails
+
+Just a ruby gem for asset pipeline which includes the [tablesaw][tablesaw] library.
+
+[tablesaw]: https://github.com/filamentgroup/tablesaw
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'tablesaw-rails'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install tablesaw-rails
+
+## Usage
+
+In your `application.js`:
+
+```javascript
+//= require tablesaw/tables
+```
+
+Also, in your `application.css`:
+```css
+*= require tablesaw/tables
+```
+
+## Customization
+
+You can also just cherry pick what you want on the tablesaw plugins.
+
+#### Javascript
+
+  ```
+  //= require tablesaw/tables.sortable
+  //= require tablesaw/tables.columntoggle
+  //= require tablesaw/tables.stack
+  //= require tablesaw/tables.swipetoggle
+  //= require tablesaw/tables.modeswitch
+  ```
+
+#### CSS
+
+  ```
+  *= require tablesaw/tables.sortable
+  *= require tablesaw/tables.columntoggle
+  *= require tablesaw/tables.stack
+  *= require tablesaw/tables.swipetoggle
+  *= require tablesaw/tables.modeswitch
+  ```
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/tablesaw-rails/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request
+
+## License
+[MIT][MIT]. Do what you want.
+
+[MIT]: https://github.com/rbmrclo/tablesaw-rails/blob/master/LICENSE.txt 

data/Rakefile

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

data/app/assets/javascripts/tablesaw/tables-init.js

@@ -0,0 +1,32 @@
+/*
+* tablesaw: A set of plugins for responsive tables
+* Copyright (c) 2013 Filament Group, Inc.
+* MIT License
+*/
+
+;(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 );

data/app/assets/javascripts/tablesaw/tables.btnmarkup.js

@@ -0,0 +1,90 @@
+/*
+* tablesaw: A set of plugins for responsive tables
+* Button component
+* Copyright (c) 2013 Filament Group, Inc.
+* MIT License
+*/
+
+;(function( $ ) {
+	var pluginName = "tablesawbtn",
+		initSelector = ".btn",
+		methods = {
+			_create: function(){
+				return $( this ).each(function() {
+					$( this )
+						.trigger( "beforecreate." + pluginName )
+						[ pluginName ]( "_init" )
+						.trigger( "create." + pluginName );
+				});
+			},
+			_init: function(){
+				var oEl = $( this ),
+					sel = this.getElementsByTagName( "select" )[ 0 ];
+
+				if( sel ) {
+					$( this )
+						.addClass( "btn-select" )
+						[ pluginName ]( "_select", sel );
+				}
+				return oEl;
+			},
+			_select: function( sel ) {
+				var update = function( oEl, sel ) {
+					var opts = $( sel ).find( "option" ),
+						label, el, children;
+
+					opts.each(function() {
+						var opt = this;
+						if( opt.selected ) {
+							label = document.createTextNode( opt.text );
+						}
+					});
+
+					children = oEl.childNodes;
+					if( opts.length > 0 ){
+						for( var i = 0, l = children.length; i < l; i++ ) {
+							el = children[ i ];
+
+							if( el && el.nodeType === 3 ) {
+								oEl.replaceChild( label, el );
+							}
+						}
+					}
+				};
+
+				update( this, sel );
+				$( this ).bind( "change refresh", function() {
+					update( this, sel );
+				});
+			}
+		};
+
+	// Collection method.
+	$.fn[ pluginName ] = function( arrg, a, b, c ) {
+		return this.each(function() {
+
+		// if it's a method
+		if( arrg && typeof( arrg ) === "string" ){
+			return $.fn[ pluginName ].prototype[ arrg ].call( this, a, b, c );
+		}
+
+		// don't re-init
+		if( $( this ).data( pluginName + "active" ) ){
+			return $( this );
+		}
+
+		// otherwise, init
+
+		$( this ).data( pluginName + "active", true );
+			$.fn[ pluginName ].prototype._create.call( this );
+		});
+	};
+
+	// add methods
+	$.extend( $.fn[ pluginName ].prototype, methods );
+
+	$( document ).on( "enhance", function( e ) {
+		$( initSelector, e.target )[ pluginName ]();
+	});
+
+}( jQuery ));

data/app/assets/javascripts/tablesaw/tables.columntoggle.js

@@ -0,0 +1,196 @@
+/*
+* tablesaw: A set of plugins for responsive tables
+* Column Toggle: allows the user to toggle which columns are visible.
+* Copyright (c) 2013 Filament Group, Inc.
+* MIT License
+*/
+
+;(function( win, $, undefined ){
+
+	var ColumnToggle = function( element ) {
+
+		this.$table = $( element );
+
+		this.classes = {
+			columnToggleTable: 'tablesaw-columntoggle',
+			columnBtnContain: 'tablesaw-columntoggle-btnwrap tablesaw-advance',
+			columnBtn: 'tablesaw-columntoggle-btn tablesaw-nav-btn down',
+			columnBtnSide: this.$table.attr( 'data-column-btn-side' ) || 'right',
+			popup: 'tablesaw-columntoggle-popup',
+			priorityPrefix: 'tablesaw-priority-',
+			// TODO duplicate class, also in tables.js
+			toolbar: 'tablesaw-bar'
+		};
+
+		this.i18n = {
+			columnBtnText: 'Columns',
+			columnsDialogError: 'No eligible columns.'
+		};
+
+		// Expose headers and allHeaders properties on the widget
+		// headers references the THs within the first TR in the table
+		this.headers = this.$table.find( 'tr:first > th' );
+
+		this.$table.data( 'tablesaw-coltoggle', this );
+	};
+
+	ColumnToggle.prototype.init = function() {
+
+		var tableId,
+			id,
+			$menuButton,
+			$popup,
+			$menu,
+			$btnContain,
+			self = this;
+
+		this.$table.addClass( this.classes.columnToggleTable );
+
+		tableId = this.$table.attr( "id" );
+		id = tableId + "-popup";
+		$btnContain = $( "<div class='" + this.classes.columnBtnContain + " " + this.classes.columnBtnSide + "'></div>" );
+		$menuButton = $( "<a href='#" + id + "' class='btn btn-micro " + this.classes.columnBtn +"' data-popup-link>" +
+										"<span>" + this.i18n.columnBtnText + "</span></a>" );
+		$popup = $( "<div class='dialog-table-coltoggle " + this.classes.popup + "' id='" + id + "'></div>" );
+		$menu = $( "<div class='btn-group'></div>" );
+
+		var hasNonPersistentHeaders = false;
+		$( this.headers ).not( "td" ).each( function() {
+			var $this = $( this ),
+				priority = $this.attr("data-priority"),
+				$cells = $this.add( this.cells );
+
+			if( priority && priority !== "persist" ) {
+				$cells.addClass( self.classes.priorityPrefix + priority );
+
+				$("<label><input type='checkbox' checked>" + $this.text() + "</label>" )
+					.appendTo( $menu )
+					.children( 0 )
+					.data( "cells", $cells );
+
+				hasNonPersistentHeaders = true;
+			}
+		});
+
+		if( !hasNonPersistentHeaders ) {
+			$menu.append( '<label>' + this.i18n.columnsDialogError + '</label>' );
+		}
+
+		$menu.appendTo( $popup );
+
+		// bind change event listeners to inputs - TODO: move to a private method?
+		$menu.find( 'input[type="checkbox"]' ).on( "change", function(e) {
+			var checked = e.target.checked;
+
+			$( e.target ).data( "cells" )
+				.toggleClass( "tablesaw-cell-hidden", !checked )
+				.toggleClass( "tablesaw-cell-visible", checked );
+
+			self.$table.trigger( 'tablesawcolumns' );
+		});
+
+		$menuButton.appendTo( $btnContain );
+		$btnContain.appendTo( this.$table.prev( '.' + this.classes.toolbar ) );
+
+		var closeTimeout;
+		function openPopup() {
+			$btnContain.addClass( 'visible' );
+			$menuButton.removeClass( 'down' ).addClass( 'up' );
+
+			$( document ).unbind( 'click.' + tableId, closePopup );
+
+			window.clearTimeout( closeTimeout );
+			closeTimeout = window.setTimeout(function() {
+				$( document ).one( 'click.' + tableId, closePopup );
+			}, 15 );
+		}
+
+		function closePopup( event ) {
+			// Click came from inside the popup, ignore.
+			if( event && $( event.target ).closest( "." + self.classes.popup ).length ) {
+				return;
+			}
+
+			$( document ).unbind( 'click.' + tableId );
+			$menuButton.removeClass( 'up' ).addClass( 'down' );
+			$btnContain.removeClass( 'visible' );
+		}
+
+		$menuButton.on( "click.tablesaw", function( event ) {
+			event.preventDefault();
+
+			if( !$btnContain.is( ".visible" ) ) {
+				openPopup();
+			} else {
+				closePopup();
+			}
+		});
+
+		$popup.appendTo( $btnContain );
+
+		this.$menu = $menu;
+
+		$(window).on( "resize." + tableId, function(){
+			self.refreshToggle();
+		});
+
+		this.refreshToggle();
+	};
+
+	ColumnToggle.prototype.refreshToggle = function() {
+		this.$menu.find( "input" ).each( function() {
+			var $this = $( this );
+
+			this.checked = $this.data( "cells" ).eq( 0 ).css( "display" ) === "table-cell";
+		});
+	};
+
+	ColumnToggle.prototype.refreshPriority = function(){
+		var self = this;
+		$(this.headers).not( "td" ).each( function() {
+			var $this = $( this ),
+				priority = $this.attr("data-priority"),
+				$cells = $this.add( this.cells );
+
+			if( priority && priority !== "persist" ) {
+				$cells.addClass( self.classes.priorityPrefix + priority );
+			} else {
+				$cells.each(function() {
+					// remove all priority classes.
+					this.className = this.className.replace( /\bui\-table\-priority\-\d\b/g, '' );
+				});
+			}
+		});
+	};
+
+	ColumnToggle.prototype.destroy = function() {
+		// table toolbars, document and window .tableId events
+		// removed in parent tables.js destroy method
+
+		this.$table.removeClass( this.classes.columnToggleTable );
+		this.$table.find( 'th, td' ).each(function() {
+			var $cell = $( this );
+			$cell.removeClass( 'tablesaw-cell-hidden' )
+				.removeClass( 'tablesaw-cell-visible' );
+
+			this.className = this.className.replace( /\bui\-table\-priority\-\d\b/g, '' );
+		});
+	};
+
+	// on tablecreate, init
+	$( document ).on( "tablesawcreate", function( e, Tablesaw ){
+
+		if( Tablesaw.mode === 'columntoggle' ){
+			var table = new ColumnToggle( Tablesaw.table );
+			table.init();
+		}
+
+	} );
+
+	$( document ).on( "tablesawdestroy", function( e, Tablesaw ){
+		if( Tablesaw.mode === 'columntoggle' ){
+			$( Tablesaw.table ).data( 'tablesaw-coltoggle' ).destroy();
+		}
+	} );
+
+}( this, jQuery ));