table_setter 0.1.2

data/template/public/javascripts/jquery.tablesorter.multipagefilter.js

@@ -0,0 +1,111 @@
+(function($){
+  $.extend({
+    tablesorterMultiPageFilter : new function(){
+
+      function replaceRows(table){
+        // clear the table body
+        $.tablesorter.clearTableBody(table);
+        var tableBody = $(table.tBodies[0]);
+        
+        for(var i = 0; i < table.config.collection.length; i++) {          
+          var o = table.config.collection[i];
+          var l = o.length;
+          for(var j=0; j < l; j++) {
+            tableBody[0].appendChild(o[j]);
+          }
+        }
+        $(table).trigger("applyWidgets");
+      }
+      
+      
+      function renderTable(table){
+        var newString = table.config.filterSelector[0].value;
+        if(newString.length > 1){
+          if(table.config.container){
+            table.config.container.hide();
+          }
+          
+          var toShow = [];
+          newString = $.trim(newString);
+          var words = newString.toLowerCase().split(" ");          
+          
+          // no change, don't do anything
+          if (newString === table.config.string) return false;
+          // press was just a string
+          if (newString[-1] === " ") { table.config.string = newString; return false; }
+          // most of the string is old
+          if (newString.indexOf(table.config.string) > -1){
+            // don't change the search array but we only need the last word
+            words = [words.pop()];
+          } else {
+            // we need to search all rows
+            table.config.collection = table.config.rowsCopy.slice(0);
+          };
+          
+          // split out words
+          len = table.config.collection.length;
+          var counter = 0;
+          for(var j = 0; j < len; j++ ){
+            var text = table.config.collection[j].text().toLowerCase();
+            for (var i=0; i < words.length; i++) {
+              if (text.indexOf(words[i]) > -1) {
+                toShow.push(table.config.collection[j]);
+              } 
+            }
+            counter++;
+          };
+          table.config.collection = toShow.slice(0);
+          replaceRows(table);
+          table.config.string     = newString;
+        } else {
+          table.config.string     = "";
+          table.config.collection = table.config.rowsCopy.slice(0);
+          if(table.config.container){
+            table.config.container.show();
+          } else {
+            replaceRows(table);
+          }
+        }
+      }
+      
+      this.defaults = {
+        filterSelector: $("#filter")
+      }
+      
+      this.init = function(settings) {
+        return this.each(function(){
+          config = $.extend(this.config, $.tablesorterMultiPageFilter.defaults, settings);
+          
+          var table  = this, 
+              filter = config.filterSelector
+          ;
+
+          // save old appenders and define a new one that grabs the row cache and saves it
+          if(!table.config.rowsCopy){
+            var oldAppend = config.appender || function (table, rows) {};
+            this.config.appender = function(table, rows){
+              table.config.rowsCopy = rows;
+              oldAppend(table, rows);
+            }
+            $(this).trigger("appendCache");
+          }
+          table.config.string = "";
+          table.config.collection = [];
+          table.config.collection = table.config.rowsCopy.slice(0)
+            
+          function filterMe(){
+            renderTable(table);
+            return false;
+          }
+          $(filter).keyup(filterMe);
+          $(filter).submit(filterMe);
+        });
+      }
+    }
+  });
+  
+  
+  $.fn.extend({
+    tablesorterMultiPageFilter: $.tablesorterMultiPageFilter.init
+  });
+}(jQuery))

data/template/public/javascripts/jquery.tablesorter.pager.js

@@ -0,0 +1,183 @@
+(function($) {
+	$.extend({
+		tablesorterPager: new function() {
+			
+			function updatePageDisplay(c) {
+				var s = $(c.cssPageDisplay,c.container).text((c.page+1) + c.seperator + c.totalPages);	
+			}
+			
+			function setPageSize(table,size) {
+				var c = table.config;
+				c.size = size;
+				c.totalPages = Math.ceil(c.totalRows / c.size);
+				c.pagerPositionSet = false;
+				moveToPage(table);
+				fixPosition(table);
+			}
+			
+			function fixPosition(table) {
+				var c = table.config;
+				if(!c.pagerPositionSet && c.positionFixed) {
+					var c = table.config, o = $(table);
+					if(o.offset) {
+						c.container.css({
+							top: o.offset().top + o.height() + 'px',
+							position: 'absolute'
+						});
+					}
+					c.pagerPositionSet = true;
+				}
+			}
+			
+			function moveToFirstPage(table) {
+				var c = table.config;
+				c.page = 0;
+				moveToPage(table);
+			}
+			
+			function moveToLastPage(table) {
+				var c = table.config;
+				c.page = (c.totalPages-1);
+				moveToPage(table);
+			}
+			
+			function moveToNextPage(table) {
+				var c = table.config;
+				c.page++;
+				if(c.page >= (c.totalPages-1)) {
+					c.page = (c.totalPages-1);
+				}
+				moveToPage(table);
+			}
+			
+			function moveToPrevPage(table) {
+				var c = table.config;
+				c.page--;
+				if(c.page <= 0) {
+					c.page = 0;
+				}
+				moveToPage(table);
+			}
+						
+			
+			function moveToPage(table) {
+				var c = table.config;
+				if(c.page < 0 || c.page > (c.totalPages-1)) {
+					c.page = 0;
+				}
+				
+				renderTable(table,c.rowsCopy);
+			}
+			
+			function renderTable(table,rows) {
+				
+				var c = table.config;
+				var l = rows.length;
+				var s = (c.page * c.size);
+				var e = (s + c.size);
+				if(e > rows.length ) {
+					e = rows.length;
+				}
+				
+				
+				var tableBody = $(table.tBodies[0]);
+				
+				// clear the table body
+				
+				$.tablesorter.clearTableBody(table);
+				
+				for(var i = s; i < e; i++) {
+					
+					//tableBody.append(rows[i]);
+					
+					var o = rows[i];
+					var l = o.length;
+					for(var j=0; j < l; j++) {
+						
+						tableBody[0].appendChild(o[j]);
+
+					}
+				}
+				
+				fixPosition(table,tableBody);
+				
+				$(table).trigger("applyWidgets");
+				
+				if( c.page >= c.totalPages ) {
+        			moveToLastPage(table);
+				}
+				
+				updatePageDisplay(c);
+			}
+			
+			this.appender = function(table,rows) {
+				
+				var c = table.config;
+				
+				c.rowsCopy = rows;
+				c.totalRows = rows.length;
+				c.totalPages = Math.ceil(c.totalRows / c.size);
+				renderTable(table,rows);
+			};
+			
+			this.defaults = {
+				size: 10,
+				offset: 0,
+				page: 0,
+				totalRows: 0,
+				totalPages: 0,
+				container: null,
+				cssNext: '.next',
+				cssPrev: '.prev',
+				cssFirst: '.first',
+				cssLast: '.last',
+				cssPageDisplay: '.pagedisplay',
+				cssPageSize: '.pagesize',
+				seperator: "/",
+				positionFixed: true,
+				appender: this.appender
+			};
+			
+			this.construct = function(settings) {
+				
+				return this.each(function() {	
+					
+					config = $.extend(this.config, $.tablesorterPager.defaults, settings);
+					
+					var table = this, pager = config.container;
+				
+					$(this).trigger("appendCache");
+					
+					config.size = parseInt($(".pagesize",pager).val());
+					
+					$(config.cssFirst,pager).click(function() {
+						moveToFirstPage(table);
+						return false;
+					});
+					$(config.cssNext,pager).click(function() {
+						moveToNextPage(table);
+						return false;
+					});
+					$(config.cssPrev,pager).click(function() {
+						moveToPrevPage(table);
+						return false;
+					});
+					$(config.cssLast,pager).click(function() {
+						moveToLastPage(table);
+						return false;
+					});
+					$(config.cssPageSize,pager).change(function() {
+						setPageSize(table,parseInt($(this).val()));
+						return false;
+					});
+				});
+			};
+			
+		}
+	});
+	// extend plugin scope
+	$.fn.extend({
+        tablesorterPager: $.tablesorterPager.construct
+	});
+	
+})(jQuery);

data/template/public/stylesheets/stylesheet.css

@@ -0,0 +1,74 @@
+#table_fu{
+  width: 980px;
+  margin-left: auto;
+  margin-right: auto;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 20px;
+  color: #333;
+}
+  #table_fu *{
+    margin: 0; 
+    padding: 0;
+  }
+  #table_fu div#table_title{
+    font-size: 24px;
+    font-weight: bold;
+    font-family: Palatino Linotype,Book Antiqua,Palatino,serif;
+  }
+  #table_fu div{
+    margin-bottom: 14px;
+  }
+  #table_fu #controls{
+    overflow:auto;
+    clear: both;
+    margin-bottom: 0px;
+    
+  }
+  #table_fu div#pager{
+    float:right;
+    width: 15%;
+  }
+    #table_fu div#pager div.pagedisplay{
+      display: inline;
+    }
+  #table_fu div#filter{
+    float:left;
+    width:30%;
+  }
+  
+    #table_fu #data{
+      border: 1px solid #ababab;
+      border-collapse: collapse;
+      margin-bottom:14px;
+      width: 100%;
+    }
+      #table_fu td, #table_fu th{
+        padding: 7px;
+        border-bottom: 1px solid #ababab;
+        text-align: center;
+      }
+      #table_fu th{
+        cursor: pointer;
+        vertical-align: bottom;
+      }
+      #table_fu td.sorted{
+        background-color: #edf4ff;
+      }
+      #table_fu td .bar{
+        width: 100%;
+        height: 100%;
+        text-align:left;
+        background-color: #99CA3C;
+        color:#444;
+        float:left;
+        padding:0.5em;
+        margin-top: 0.7em;
+        font-weight:bold;
+      }
+      #table_fu th.headerSortDown{
+        background: #ccc url(../images/th_arrow_asc.gif) no-repeat 100% 75%;
+      }
+      #table_fu th.headerSortUp{
+        background: #ccc url(../images/th_arrow_desc.gif) no-repeat 100% 75%;
+      }

data/template/tables/example.yml

@@ -0,0 +1,21 @@
+table:
+  title:      Failed Banks List
+  google_key: thJa_BvqQuNdaFfFJMMII0Q
+  deck:
+    <p>The financial crisis has contributed to the failure of scores of banks this year. We’ve put together a handy chart of the fallen banks, the federal agency that provided oversight to each one, and the major public enforcement that occurred against the bank prior to its collapse. It’s all sortable state, date, or even regulatory agency.</p>
+  footer:
+    <p>Source:&nbsp;<a href="http://www.fdic.gov/bank/individual/failed/banklist.html">FDIC</a></p>
+  column_options:
+    columns:
+    -  Bank
+    -  State
+    -  Closing Date 
+    -  Our Coverage  
+    -  Federal Regulators
+    -  Public Enforcement Documents
+    style:
+      Bank: 'text-align:left;'
+    sorted_by: 
+      Closing Date: 'ascending'
+  live: true
+  

data/template/tables/example_faceted.yml

@@ -0,0 +1,27 @@
+table:
+  title:      Appropriations by District
+  google_key: tcSL0eqrj3yb5d6ljak4Dcw
+  deck:
+    <p><strong>by <a href="http://www.propublica.org/site/author/christopher_flavelle/">Christopher Flavelle</a>, ProPublica - July 7, 2009 4:00 pm EST</strong></p>
+  footer:
+    <p>This chart and other stories are part of <a href="http://www.propublica.org/ion/stimulus/">Eye on the Stimulus</a>, our blog dedicated to tracking the stimulus from bill to building.</p>
+  column_options:
+    columns: 
+      - State
+      - Cong. District
+      - Representative
+      - Party
+      - Leadership
+      - Projects
+      - Total Appropriation
+    style:
+      State: "text-align:left"
+    formatting:
+      Total Appropriation: :currency
+    total: ['Total Appropriation', 'Projects']
+    sorted_by:
+      Cong. District: descending
+  faceting: 
+    facet_by: State
+  live: true
+  

data/template/tables/example_formatted.csv

@@ -0,0 +1 @@
+Agency,Spent (Thousands),In Process (Thousands),Left to Spend (Thousands),Total (Thousands),Spent (%),Left To Spend (Thousands),Source,,,

data/template/tables/example_formatted.yml

@@ -0,0 +1,27 @@
+table:
+  title: Stimulus Progress
+  file:  example_formatted.csv
+  deck:
+    <p>The success of the federal stimulus program may hinge on the speed with which the government is able to distribute the billions authorized by Congress. Unlike some other estimates of the cost of the stimulus, which are based on spending projections, we took our numbers from the actual budget authority issued by Congress — $792 billion and change. We'll be tracking the progress of stimulus payments made by federal agencies weekly.</p>
+    
+  footer:
+    <p>This chart and other stories are part of Eye on the Stimulus, our blog dedicated to tracking the stimulus from bill to building.</p>
+  column_options:
+    columns:
+      - Agency Webpage
+      - Spent (Thousands)
+      - In Process (Thousands)
+      - Left to Spend (Thousands)
+      - Total (Thousands)
+      - Spent (%)
+    style:
+      Agency: 'text-align:left;'
+      Spent (%): 'width: 200px;'
+    sorted_by:
+      Spent (%): ascending
+    formatting:
+      Spent (%): bar
+      Agency Webpage:
+        method: link
+        arguments: [Agency, Source]
+  live: true