From d40ff6a4d2a88c0d647780c08b9c0d764335d079 Mon Sep 17 00:00:00 2001
From: JDM Digital <nerds@jdmdigital.co>
Date: Wed, 5 Oct 2016 16:05:25 -0500
Subject: [PATCH 1/4] Add Callback and Two New Options

I like the idea of adding a callback to the plugin as well as two new
options.  Addresses my "issue" here:
https://github.com/rbayliss/Dropdown-Table-Filter/issues/12
---
 ddtf.js | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/ddtf.js b/ddtf.js
index b25da1e..ddd0a38 100644
--- a/ddtf.js
+++ b/ddtf.js
@@ -1,6 +1,6 @@
 (function($) {
 
-$.fn.ddTableFilter = function(options) {
+$.fn.ddTableFilter = function(options,callback) {
   options = $.extend(true, $.fn.ddTableFilter.defaultOptions, options);
 
   return this.each(function() {
@@ -16,7 +16,12 @@ $.fn.ddTableFilter = function(options) {
       var selectbox = $('<select>');
       var values = [];
       var opts = [];
-      selectbox.append('<option value="--all--">' + $(this).text() + '</option>');
+      
+	  if(options.firstOptionText != '') {
+	  	selectbox.append('<option value="--all--">' + options.firstOptionText + '</option>');
+	  } else {
+		selectbox.append('<option value="--all--">' + $(this).text() + '</option>');
+	  }
 
       var col = $('tr:not(.skip-filter) td:nth-child(' + (index + 1) + ')', table).each(function() {
         var cellVal = options.valueCallback.apply(this);
@@ -42,7 +47,12 @@ $.fn.ddTableFilter = function(options) {
         $(selectbox).append('<option value="' + this.val + '">' + this.text + '</option>')
       });
 
-      $(this).wrapInner('<div style="display:none">');
+      if(options.headingClass != '') {
+		  $(this).wrapInner('<div class="' + options.headingClass + '">');
+	  } else {
+		  $(this).wrapInner('<div style="display:none">');
+	  }
+	  
       $(this).append(selectbox);
 
       selectbox.bind('change', {column:col}, function(event) {
@@ -96,6 +106,9 @@ $.fn.ddTableFilter = function(options) {
       var stop = new Date();
       console.log('Build: ' + (stop.getTime() - start.getTime()) + 'ms');
     }
+	
+	callback();
+	
   });
 };
 
@@ -119,7 +132,9 @@ $.fn.ddTableFilter.defaultOptions = {
   emptyText:'--Empty--',
   sortOpt:true,
   debug:false,
-  minOptions:2
+  minOptions:2,
+  firstOptionText: '',
+  headingClass: ''
 }
 
 })(jQuery);

From d67009b10d3a9356dfc7592fdefc92e3ee3df228 Mon Sep 17 00:00:00 2001
From: JDM Digital <nerds@jdmdigital.co>
Date: Wed, 5 Oct 2016 16:12:31 -0500
Subject: [PATCH 2/4] Small README Updates

Fix Issue #9 from:
https://github.com/rbayliss/Dropdown-Table-Filter/issues/9 as well as
add the new options and callback example to documentation.
---
 README.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/README.md b/README.md
index 0d294f4..0f204ad 100644
--- a/README.md
+++ b/README.md
@@ -9,19 +9,24 @@ HTML Structure:
 <tr>
   <th>Item #</th>
   <th>Type</th>
+  <th class="Skip-Filter">Price</th>
 </tr>
 <tr>
   <td>Item 1</td>
   <td>Special</td>
+  <td>$10.00</td>
 </tr>
 <tr>
   <td>Item 2</td>
   <td>Not Special</td>
+  <td>$11.00</td>
 </tr>
 </table>
 
 This plugin requires a `<th>` for each column.  The label for the `<th>` will be replaced by a dropdown select menu containing all of the unique values present in that column.  In the above example, selecting "Special" for the type column would hide Item 2, leaving only item 1.
 
+Since we don't want to filter by things that only appear once (like price, maybe), we just add the class `Skip-Filter` to that column heading.
+
 How To Use
 -------------------
 It's simple.  Just include ddtf.js (along with jQuery), and do:
@@ -32,6 +37,8 @@ To use the options defined below, use the following syntax:
       ...more settings here
     }
     $('#myTable').ddTableFilter(options); </pre>
+	
+
 
 Options
 ------------
@@ -48,6 +55,20 @@ For customization, the following parameters are available:
 *  sortOpt: A boolean indicating whether or not to sort the options.  This must be true for sortOptCallback to work.  Defaults to true.
 *  debug: A boolean indicating whether or not to run in "debug" mode.  Debug mode displays performance data.
 *  minOptions: Number of options required to show a select filter.  Defaults to 2, meaning if a column only has one unique value, no select box will be shown (what would be the point?).
+*  firstOptionText: The first select option label text. Could be something like "All" or defaults to the column title.
+*  headingClass: Option for adding a `class` to the column heading for floating, styling, or just hiding. Defaults to no class and just `style="display:none;"`
+
+
+Callback
+------------
+The use case for the callback might be something like the following where we want to filter and then add-up all the filtered rows:
+
+<pre>$('#myTable').ddTableFilter(options, function() {
+	// Callback stuff here
+	var sum = addColumns(); // pretend that f(x) sums visible column data or something
+	$('#myTable tfoot th:nth-child(n+1)').text(sum);
+});</pre>
+
 
 Compatibility
 -------------------

From c8d6988ca05ea226bf7e8170650de07aa694aff8 Mon Sep 17 00:00:00 2001
From: JDM Digital <jdmdigital@users.noreply.github.com>
Date: Fri, 7 Oct 2016 11:33:12 -0500
Subject: [PATCH 3/4] Update README.md

---
 README.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/README.md b/README.md
index 0f204ad..0aeade4 100644
--- a/README.md
+++ b/README.md
@@ -27,6 +27,16 @@ This plugin requires a `<th>` for each column.  The label for the `<th>` will be
 
 Since we don't want to filter by things that only appear once (like price, maybe), we just add the class `Skip-Filter` to that column heading.
 
+For example:
+
+<pre>
+&lt;tr&gt;<br />
+&lt;th&gt;Item #&lt;/th&gt;<br />
+&lt;th&gt;Type&lt;/th&gt;<br />
+&lt;th class=&quot;Skip-Filter&quot;&gt;Price&lt;/th&gt;<br />
+&lt;/tr&gt;
+</pre>
+
 How To Use
 -------------------
 It's simple.  Just include ddtf.js (along with jQuery), and do:

From ccdfea38f9782566dda6d12bc260c33ffea74eee Mon Sep 17 00:00:00 2001
From: JDM Digital <jdmdigital@users.noreply.github.com>
Date: Fri, 7 Oct 2016 11:35:04 -0500
Subject: [PATCH 4/4] Update readme

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 0aeade4..52e0d69 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@ HTML Structure:
 <tr>
   <th>Item #</th>
   <th>Type</th>
-  <th class="Skip-Filter">Price</th>
+  <th class="skip-filter">Price</th>
 </tr>
 <tr>
   <td>Item 1</td>
@@ -25,7 +25,7 @@ HTML Structure:
 
 This plugin requires a `<th>` for each column.  The label for the `<th>` will be replaced by a dropdown select menu containing all of the unique values present in that column.  In the above example, selecting "Special" for the type column would hide Item 2, leaving only item 1.
 
-Since we don't want to filter by things that only appear once (like price, maybe), we just add the class `Skip-Filter` to that column heading.
+Since we don't want to filter by things that only appear once (like price, maybe), we just add the class `skip-filter` to that column heading.
 
 For example:
 
@@ -33,7 +33,7 @@ For example:
 &lt;tr&gt;<br />
 &lt;th&gt;Item #&lt;/th&gt;<br />
 &lt;th&gt;Type&lt;/th&gt;<br />
-&lt;th class=&quot;Skip-Filter&quot;&gt;Price&lt;/th&gt;<br />
+&lt;th class=&quot;skip-filter&quot;&gt;Price&lt;/th&gt;<br />
 &lt;/tr&gt;
 </pre>