X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=templates%2Fall_checkboxes.html.ep;h=ac67713170444232267f4c9414a894c05d23420c;hb=fc69051198ec2102bfa800c7af64bb43e1ad33c4;hp=0e034d38e024887a58e6dc731a965992367876ab;hpb=257b572dcca656e0f7b5530c0c1c6a0b09d1ff7c;p=MojoFacets.git

diff --git a/templates/all_checkboxes.html.ep b/templates/all_checkboxes.html.ep
index 0e034d3..ac67713 100644
--- a/templates/all_checkboxes.html.ep
+++ b/templates/all_checkboxes.html.ep
@@ -1,32 +1,79 @@
+<span id=column_selection>
 <a id="all"  href="#">all</a>
+<a id="toggle" href="#">toggle</a>
 <a id="none" href="#">none</a>
 
-<input type=text name=filter_regex>
-<a id="included" href="#">included</a>
-<a id="excluded" href="#">excluded</a>
+<label for=filter_regex>
+<input  type=text name=filter_regex title="enter regex to filter values" placeholder="regex">
+<a id="included" href="#" style="display:none">included</a>
+<a id="excluded" href="#" style="display:none">excluded</a>
+</label>
+</span>
 
 
 <script type="text/javascript">
 
+$(document).ready( function(){
+
 $('a#all').click( function(){
     $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
+	 $('#checked-count').text( $('#facet-count').text() );
 });
 
 $('a#none').click( function(){
     $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', false);
+	$('#checked-count').text( 0 );
 });
 
+$('a#toggle').click( function(){
+	var count = 0;
+    $("input[type='checkbox']:not([disabled='disabled'])").each( function() {
+		this.checked = ! this.checked;
+		if ( this.checked ) count++;
+	});
+	$('#checked-count').text( count );
+});
+
+function update_checked_count(full) {
+	var count = $('#checked-count');
+	var nr = -1;
+	if ( full ) {
+		nr = $("label input[type='checkbox']:checked").length;
+	} else {
+		nr = parseInt( count.text() );
+		if ( this.checked ) {
+			nr++;
+		} else {
+			nr--;
+		}
+	}
+	count.text( nr );
+}
+
+$("input[type='checkbox']").bind( 'click', update_checked_count );
+
+var toggle_checkbox = function() {
+		this.checked = ! this.checked;
+};
+
 $('a#included').click( function(){
-    $("label.included input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
-}).hide();
+    $("label.included input[type='checkbox']:not([disabled='disabled'])").each( toggle_checkbox );
+	update_checked_count(1);
+});
 
 $('a#excluded').click( function(){
-    $("label.excluded input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
-}).hide();
+    $("label.excluded input[type='checkbox']:not([disabled='disabled'])").each( toggle_checkbox );
+	update_checked_count(1);
+});
+
+
+// regex for column names
+
+var filter_regex = function(user_regex) {
+
+	if ( user_regex == '' ) return false;
 
-$('input[name=filter_regex]').change( function(e) {
-	console.debug( this, e );
-	var r = new RegExp( this.value ,'i');
+	var r = new RegExp( user_regex,'i');
 	var included = 0;
 	var excluded = 0;
     $("input[type='checkbox']:not([disabled='disabled'])").each( function(i,element){
@@ -39,9 +86,30 @@ $('input[name=filter_regex]').change( function(e) {
 		}
 	});
 
-	$('a#included').text('+' + included).show();
-	$('a#excluded').text('-' + excluded).show();
+	$('a#included').text(included).show();
+	$('a#excluded').text(excluded).show();
+
+	console.debug('filter_regex',included,excluded);
+};
+
+$('input[name=filter_regex]')
+.focusout( function(e) { filter_regex( this.value ) } )
+.keypress( function(e) {
+	// disable enter
+	var code = e.keyCode ? e.keyCode : e.which;
+	//console.debug('key code',code);
+	if ( code == 13 ) {
+		filter_regex( this.value );
+		return false;
+	} else {
+		return true;
+	}
 });
 
+
+update_checked_count(1);
+
+}); // document.ready
+
 </script>