X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=templates%2Fall_checkboxes.html.ep;h=89991e33700c408f1b04f13e04a5fe51738e0e1e;hb=019450645acad67df21e709c77dcc73703ceffec;hp=d18fb32440583171b96fda608d725686996f5e97;hpb=dd94053ca40642c627077aadfed0ad7fb28ba070;p=MojoFacets.git

diff --git a/templates/all_checkboxes.html.ep b/templates/all_checkboxes.html.ep
index d18fb32..89991e3 100644
--- a/templates/all_checkboxes.html.ep
+++ b/templates/all_checkboxes.html.ep
@@ -1,9 +1,100 @@
+<span id=column_selection>
+<a id="all"  href="#">all</a>
+<a id="toggle" href="#">toggle</a>
+<a id="none" href="#">none</a>
+
+<label for=filter_regex>regex:
+<input type=text name=filter_regex>
+<span class=hint>tab or click outside to apply</span>
+<a id="included" href="#" style="display:none">included</a>
+<a id="excluded" href="#" style="display:none">excluded</a>
+</label>
+</span>
+
+
 <script type="text/javascript">
-function all_checkboxes(checked) {
-    $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', checked);
+
+$(document).ready( function(){
+
+$('label span.hint').position({
+	my: 'left bottom',
+	at: 'left top',
+	of: $('label input'),
+});
+
+$('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 );
 }
-</script>
 
-<a href="#" onClick="all_checkboxes(true); return false;">all</a>
-<a href="#" onClick="all_checkboxes(false); return false;">none</a>
+$("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'])").each( toggle_checkbox );
+	update_checked_count(1);
+});
+
+$('a#excluded').click( function(){
+    $("label.excluded input[type='checkbox']:not([disabled='disabled'])").each( toggle_checkbox );
+	update_checked_count(1);
+});
+
+$('input[name=filter_regex]').focusout( function(e) {
+	console.debug( this, e );
+	var r = new RegExp( this.value ,'i');
+	var included = 0;
+	var excluded = 0;
+    $("input[type='checkbox']:not([disabled='disabled'])").each( function(i,element){
+		if ( r.test( this.value ) ) {
+			$(this).parent().removeClass('excluded').addClass('included');
+			included++;
+		} else {
+			$(this).parent().removeClass('included').addClass('excluded');
+			excluded++;
+		}
+	});
+
+	$('a#included').text(included).show();
+	$('a#excluded').text(excluded).show();
+});
+
+update_checked_count(1);
+
+}); // document.ready
+
+</script>