From 8bb09f5739176b68811feca82910332586b790b1 Mon Sep 17 00:00:00 2001
From: Lance Edgar <ledgar@techsupport.coop>
Date: Sun, 10 Mar 2019 23:24:24 -0500
Subject: [PATCH] Begin to customize grid filters, for 'falafel' theme

---
 tailbone/templates/themes/falafel/base.mako   |  3 +
 .../themes/falafel/grids/filters.mako         | 76 +++++++++++++++++++
 2 files changed, 79 insertions(+)
 create mode 100644 tailbone/templates/themes/falafel/grids/filters.mako

diff --git a/tailbone/templates/themes/falafel/base.mako b/tailbone/templates/themes/falafel/base.mako
index 77473d4e..052842b4 100644
--- a/tailbone/templates/themes/falafel/base.mako
+++ b/tailbone/templates/themes/falafel/base.mako
@@ -259,6 +259,9 @@
   ## Buefy 0.7.3
   ${h.javascript_link('https://unpkg.com/buefy@0.7.3/dist/buefy.min.js')}
 
+  ## FontAwesome 5.3.1
+  <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+
   ## ${h.javascript_link(request.static_url('tailbone:static/js/lib/jquery.loadmask.min.js'))}
   ## ${h.javascript_link(request.static_url('tailbone:static/js/lib/jquery.ui.timepicker.js'))}
   <script type="text/javascript">
diff --git a/tailbone/templates/themes/falafel/grids/filters.mako b/tailbone/templates/themes/falafel/grids/filters.mako
new file mode 100644
index 00000000..38e0b71a
--- /dev/null
+++ b/tailbone/templates/themes/falafel/grids/filters.mako
@@ -0,0 +1,76 @@
+## -*- coding: utf-8; -*-
+<div class="newfilters">
+
+  ${h.form(form.action_url, method='get')}
+    ${h.hidden('reset-to-default-filters', value='false')}
+    ${h.hidden('save-current-filters-as-defaults', value='false')}
+
+    <fieldset>
+      <legend>Filters</legend>
+      % for filtr in form.iter_filters():
+          <div class="filter" id="filter-${filtr.key}" data-key="${filtr.key}"${' style="display: none;"' if not filtr.active else ''|n}>
+            ${h.checkbox('{}-active'.format(filtr.key), class_='active', id='filter-active-{}'.format(filtr.key), checked=filtr.active)}
+            <label for="filter-active-${filtr.key}">${filtr.label}</label>
+            <div class="inputs">
+              ${form.filter_verb(filtr)}
+              ${form.filter_value(filtr)}
+            </div>
+          </div>
+      % endfor
+    </fieldset>
+
+    <div class="level">
+      <div class="level-left">
+        <div class="level-item">
+          ## <button type="submit" class="button is-primary" id="apply-filters">Apply Filters</button>
+          <a class="button is-primary">
+            <span class="icon is-small">
+              <i class="fas fa-check"></i>
+            </span>
+            <span>Apply Filters</span>
+          </a>
+        </div>
+        <div class="level-item">
+          <div class="select">
+            <select id="add-filter">
+              <option value="">Add Filter</option>
+              % for filtr in form.iter_filters():
+                  <option value="${filtr.key}"${' disabled="disabled"' if filtr.active else ''|n}>${filtr.label}</option>
+              % endfor
+            </select>
+          </div>
+        </div>
+        <div class="level-item">
+          ## <button type="button" class="button" id="default-filters">Default View</button>
+          <a class="button">
+            <span class="icon is-small">
+              <i class="fas fa-home"></i>
+            </span>
+            <span>Default View</span>
+          </a>
+        </div>
+        <div class="level-item">
+          ## <button type="button" class="button" id="clear-filters">No Filters</button>
+          <a class="button">
+            <span class="icon is-small">
+              <i class="fas fa-trash"></i>
+            </span>
+            <span>No Filters</span>
+          </a>
+        </div>
+        % if allow_save_defaults and request.user:
+            <div class="level-item">
+              ## <button type="button" class="button" id="save-defaults">Save Defaults</button>
+              <a class="button">
+                <span class="icon is-small">
+                  <i class="fas fa-save"></i>
+                </span>
+                <span>Save Defaults</span>
+            </a>
+            </div>
+        % endif
+      </div>
+    </div>
+
+  ${h.end_form()}
+</div><!-- newfilters -->