From 1c229a19f35e525f596c6d7aea126526f1e059c2 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne@peacefrogs.net>
Date: Mon, 11 Feb 2019 12:01:29 +0100
Subject: UI: auto filter search fields

---
 .../templates/blocks/bs_form_snippet.html          | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

(limited to 'ishtar_common/templates/blocks/bs_form_snippet.html')

diff --git a/ishtar_common/templates/blocks/bs_form_snippet.html b/ishtar_common/templates/blocks/bs_form_snippet.html
index 0f5f9d83d..caa20b016 100644
--- a/ishtar_common/templates/blocks/bs_form_snippet.html
+++ b/ishtar_common/templates/blocks/bs_form_snippet.html
@@ -51,8 +51,28 @@
                 </button>
                 <div class="form-group col-12" id="advanced-search-info"></div>
             </div>
-            <div class="modal-body body-scroll">
+            <div class="modal-body body-scroll search-fields">
+                <div class="form-row justify-content-md-center">
+                    <div class="form-row col-md-6">
+                        <div class="input-group search-widget">
+                            <span class="input-group-prepend">
+                                <span class="input-group-text" title="{% trans 'Filter...' %}">
+                                    <i class="fa fa-filter" aria-hidden="true"></i>
+                                </span>
+                            </span>
+                            <input type="text" id="search-input-filter"
+                                   class="form-control"
+                                   placeholder="{% trans 'Begin to type to filter search fields' %}" />
+                            <span class="input-group-append">
+                                <span class="input-group-text input-link disabled" id="clear-filter-button" title="Clear">
+                                    <i class="fa fa-times" aria-hidden="true"></i>
+                                </span>
+                            </span>
+                        </div>
+                    </div>
+                </div>
             <hr>
+
 {% endif %}
 {% if field.name in form.HEADERS %}
 {% if forloop.counter0 %}
-- 
cgit v1.2.3