templates/all_checkboxes.html.ep

   1 <span id=column_selection>
   2 <a id="all"  href="#">all</a>
   3 <a id="toggle" href="#">toggle</a>
   4 <a id="none" href="#">none</a>
   5
   6 <label for=filter_regex>
   7 <input  type=text name=filter_regex title="enter regex to filter values" placeholder="regex">
   8 <a id="included" href="#" style="display:none">included</a>
   9 <a id="excluded" href="#" style="display:none">excluded</a>
  10 </label>
  11 </span>
  12
  13
  14 <script type="text/javascript">
  15
  16 $(document).ready( function(){
  17
  18 $('a#all').click( function(){
  19     $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', true);
  20          $('#checked-count').text( $('#facet-count').text() );
  21 });
  22
  23 $('a#none').click( function(){
  24     $("input[type='checkbox']:not([disabled='disabled'])").attr('checked', false);
  25         $('#checked-count').text( 0 );
  26 });
  27
  28 $('a#toggle').click( function(){
  29         var count = 0;
  30     $("input[type='checkbox']:not([disabled='disabled'])").each( function() {
  31                 this.checked = ! this.checked;
  32                 if ( this.checked ) count++;
  33         });
  34         $('#checked-count').text( count );
  35 });
  36
  37 function update_checked_count(full) {
  38         var count = $('#checked-count');
  39         var nr = -1;
  40         if ( full ) {
  41                 nr = $("input[type='checkbox']:checked").length;
  42         } else {
  43                 nr = parseInt( count.text() );
  44                 if ( this.checked ) {
  45                         nr++;
  46                 } else {
  47                         nr--;
  48                 }
  49         }
  50         count.text( nr );
  51 }
  52
  53 $("input[type='checkbox']").bind( 'click', update_checked_count );
  54
  55 var toggle_checkbox = function() {
  56                 this.checked = ! this.checked;
  57 };
  58
  59 $('a#included').click( function(){
  60     $(".included input[type='checkbox']:not([disabled='disabled'])").each( toggle_checkbox );
  61         update_checked_count(1);
  62 });
  63
  64 $('a#excluded').click( function(){
  65     $(".excluded input[type='checkbox']:not([disabled='disabled'])").each( toggle_checkbox );
  66         update_checked_count(1);
  67 });
  68
  69
  70 // regex for column names
  71
  72 var last_user_regex = '';
  73
  74 var filter_regex = function(user_regex) {
  75
  76         if ( user_regex == '' || user_regex == last_user_regex ) return false;
  77         last_user_regex = user_regex;
  78
  79         var r = new RegExp( user_regex,'i');
  80         var included = 0;
  81         var excluded = 0;
  82     $("input[type='checkbox']:not([disabled='disabled'])").each( function(i,element){
  83                 if ( r.test( this.value ) ) {
  84                         $(this).<%= $add_class_to %>.removeClass('excluded').addClass('included');
  85                         included++;
  86                 } else {
  87                         $(this).<%= $add_class_to %>.removeClass('included').addClass('excluded');
  88                         excluded++;
  89                 }
  90         });
  91
  92         $('a#included').text(included).show();
  93         $('a#excluded').text(excluded).show();
  94
  95         console.debug('filter_regex',user_regex,included,excluded, last_user_regex);
  96 };
  97
  98 $('input[name=filter_regex]')
  99 .focusout( function(e) { filter_regex( this.value ) } )
 100 .keypress( function(e) {
 101         // disable enter
 102         var code = e.keyCode ? e.keyCode : e.which;
 103         //console.debug('key code',code);
 104         if ( code == 13 ) {
 105                 filter_regex( this.value );
 106                 return false;
 107         } else {
 108                 return true;
 109         }
 110 });
 111
 112
 113 update_checked_count(1);
 114
 115 }); // document.ready
 116
 117 </script>
 118