hash filter works with checkboxes

zanematthew · Jan 1, 2012 · f7dd3e5 · f7dd3e5
1 parent ff61541
commit f7dd3e5
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 5 deletions.
diff --git a/library/hash.js b/library/hash.js
@@ -72,10 +72,10 @@ function filterRows() {
     changeHash();
 }
 
-function build_filters() {
+function build_filters( _form_selector ) {
     var searchClasses = '';
-    _filters = {};
-    jQuery( "#filter_task_form select" ).each(function() { 
+    _filters = {};     
+    jQuery( _form_selector + " select" ).each(function() { 
         if(jQuery(this).val()) {
 //            searchClasses += "." + jQuery(this).val();
             if(typeof _filters[this.name] !== "object") {
@@ -84,7 +84,7 @@ function build_filters() {
             _filters[this.name].push(jQuery('option:selected', this).attr("data-value"));
         }
     });
-    jQuery( "#filter_task_form input[type=checkbox]").each(function() {
+    jQuery( _form_selector + " input[type=checkbox]").each(function() {
         if(jQuery(this).prop('checked')) {
             if(typeof _filters[this.name] !== "object") {
                 _filters[this.name] = [];

diff --git a/template-redirect.php b/template-redirect.php
@@ -21,6 +21,7 @@ function quote_tracker_redirect( $params=array() ) {
 
     if ( ! is_admin() ) {
         wp_enqueue_script( 'zm-cpt-hash', plugin_dir_url( __FILE__ ) . 'library/hash.js', array('jquery' ), '0.0.1' );
+        wp_enqueue_script( 'quote-script', plugin_dir_url( __FILE__ ) . 'theme/script.js', array('jquery', 'zm-cpt-hash' ), '0.0.1' );        
     }
         /*
 

diff --git a/theme/archive-zm-quote-tracker.php b/theme/archive-zm-quote-tracker.php
@@ -25,6 +25,20 @@
 <div class="container-zm-quote-tracker">
     <div class="taxonomy-zm-quote-tracker">
         <div class="sidebar-zm-quote-tracker">
+
+<div class="zm-default-form-container">
+    <form action="javascript://" id="filter_task_form">        
+        <div class="form-wrapper">
+            <input type="hidden" value="task" name="post_type" />
+            <?php
+            foreach( $cpt_obj[ $post_type ]->taxonomies as $taxonomy ) {
+                zm_base_build_input( array( 'taxonomy' => $taxonomy, 'prepend' => $taxonomy.'-', 'type' => 'checkbox' ) );
+            }
+            ?>
+        </div>
+    </form>
+</div>
+
             <ul>
                 <li>Admin Menu</li>
                 <li><?php do_action('create_quote'); ?></li>

diff --git a/theme/script.js b/theme/script.js
@@ -1,3 +1,7 @@
 jQuery(document).ready(function( $ ){
 	console.log('loaded');
+
+    $( '#filter_task_form input[type=checkbox]' ).on( 'change', function(){    	
+	    build_filters( _form_selector='#filter_task_form' );
+	});	
 });
diff --git a/theme/style.css b/theme/style.css
@@ -290,4 +290,8 @@ label {
 	text-transform: capitalize;
 	letter-spacing: 0.1em;
 	}
-/* ---------------------------------------------------------- */
+/* ---------------------------------------------------------- */
+
+.zm-default-form-container fieldset { float: left; clear: both; width: 100%; margin-bottom: 20px; }
+.zm-default-form-container label { float: left; width: 100%; font-weight: normal; }
+.zm-default-form-container input[type="checkbox"] { float: left; width: auto; }