feat: Enable per-column filtering

Fixes #109

Author: sman591

app/assets/javascripts/manage/lib/datatables.js

@@ -1,5 +1,17 @@
 // Global settings and initializer
 
+function setupFooterSearch(table) {
+  table.columns().every(function() {
+    var column = this;
+    $(':input', column.footer()).on('keyup change', function() {
+      var input = this;
+      if (column.search() !== input.value) {
+        column.search(input.value).draw();
+      }
+    });
+  });
+}
+
 $.extend($.fn.dataTable.defaults, {
   processing: true,
   serverSide: true,
@@ -14,6 +26,7 @@ $.extend($.fn.dataTable.defaults, {
       .buttons()
       .container()
       .appendTo($('.col-md-6', table.table().container()).first());
+    setupFooterSearch(table);
   },
   pagingType: 'full_numbers',
   lengthChange: false,

app/views/manage/questionnaires/index.html.haml

@@ -24,6 +24,38 @@
         %th Dietary restrictions
         %th Special needs
     %tbody
+    %tfoot
+      %tr
+        %th
+        %th
+        %th
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'ID'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'First name'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'Last name'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'Email'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'Phone'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'Gender'}
+        %th
+        %th
+          %select.form-control.form-control-sm
+            %option{value: ''} Status
+            - Questionnaire::POSSIBLE_ACC_STATUS.each do |key, value|
+              %option{value: key}= value
+        %th
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'School'}
+        %th
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'Dietary restrictions'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'Special needs'}
+
 
   .row
     .col-sm-7.col-lg-6

app/views/manage/schools/index.html.haml

@@ -11,3 +11,13 @@
         %th State
         %th Count
     %tbody
+    %tfoot
+      %tr
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'ID'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'Name'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'City'}
+        %th
+          %input.form-control.form-control-sm{autocomplete: 'off', placeholder: 'State'}