From c1d9e3c6d17c99fed3b89344adf237012a8477ec Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Fri, 3 Oct 2025 10:26:26 +0200
Subject: 💄 UI: improve criteria panel layout - add shortcuts for search,
 sheet opening
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ishtar_common/templates/blocks/bs_form_snippet.html | 17 +++++++++++------
 ishtar_common/templates/ishtar/sheet.html           |  6 +++---
 ishtar_common/templates/widgets/search_input.html   |  9 +++++----
 3 files changed, 19 insertions(+), 13 deletions(-)

(limited to 'ishtar_common/templates')

diff --git a/ishtar_common/templates/blocks/bs_form_snippet.html b/ishtar_common/templates/blocks/bs_form_snippet.html
index 509883e80..4cb32a535 100644
--- a/ishtar_common/templates/blocks/bs_form_snippet.html
+++ b/ishtar_common/templates/blocks/bs_form_snippet.html
@@ -55,7 +55,14 @@
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
-                <div class="form-group col-12" id="advanced-search-info"></div>
+                <div class="form-row col-12 inout-group">
+                    <div class="col-10" id="advanced-search-info"></div>
+                    <div class="col-2">
+                        <button type="button"
+                            class="btn btn-secondary advanced-search-clear w-100 m-1 p-2">
+                            {% trans "Clear" %}</button>
+                    </div>
+                </div>
                 <div class="row col-12 justify-content-center">
                     <div class="form-row col-md-8 pb-3">
                         <div class="input-group search-widget">
@@ -108,14 +115,12 @@
             <div class="form-group col-12">
                 <p class="text-center">
                     <button type="button"
-                            title="{% trans 'Enter to add the criteria' %}"
+                            title="{% trans 'Add the criteria [Enter]' %}"
                             class="btn btn-success advanced-search-valid">
+                        <i class="fa fa-plus" aria-hidden="true"></i>
                         {% trans "Add the criteria" %}</button>
-                    <button type="button"
-                            class="btn btn-secondary advanced-search-clear">
-                        {% trans "Clear" %}</button>
                     <button type="button" class="btn btn-primary"
-                            title="{% trans 'Esc to start the search' %}"
+                            title="{% trans 'Start the search [Esc]' %}"
                             data-dismiss="modal"><i class="fa fa-search" aria-hidden="true"></i> {% trans "Start the search" %}</button>
                 </p>
             </div>
diff --git a/ishtar_common/templates/ishtar/sheet.html b/ishtar_common/templates/ishtar/sheet.html
index a32ee2862..6dbe7aff0 100644
--- a/ishtar_common/templates/ishtar/sheet.html
+++ b/ishtar_common/templates/ishtar/sheet.html
@@ -41,13 +41,13 @@
               </h5>
           </div>
           <div class='col-2 text-center'>
-              <a href='#' class='previous_page'>
+              <a href='#' class='previous_page' title="{% trans 'Previous page [Ctrl+🡄]' %}">
                 <span class="fa-stack">
                   <i class="fa fa-circle fa-stack-2x"></i>
                   <i class="fa fa-arrow-left fa-stack-1x fa-inverse"></i>
                 </span>
               </a>
-              <a href='#' class='next_page'>
+              <a href='#' class='next_page' title="{% trans 'Next page [Ctrl+🡆]' %}">
                 <span class="fa-stack">
                   <i class="fa fa-circle fa-stack-2x"></i>
                   <i class="fa fa-arrow-right fa-stack-1x fa-inverse"></i>
@@ -56,7 +56,7 @@
           </div>
           <div class='col-1 text-right'>
             <a href='#' onclick='hide_window("{{window_id}}")'
-               title="{% trans 'Close' %}">
+               title="{% trans 'Close [Esc]' %}">
               <span class="fa-stack">
                 <i class="fa fa-circle fa-stack-2x"></i>
                 <i class="fa fa-times fa-stack-1x fa-inverse"></i>
diff --git a/ishtar_common/templates/widgets/search_input.html b/ishtar_common/templates/widgets/search_input.html
index d8ad26d8d..14249f4e8 100644
--- a/ishtar_common/templates/widgets/search_input.html
+++ b/ishtar_common/templates/widgets/search_input.html
@@ -3,18 +3,19 @@
            {% if widget.value != None %} value="{{ widget.value|stringformat:'s' }}"{% endif %}{% include "django/forms/widgets/attrs.html" %} />
     <span class="input-group-append">
         <span class="input-group-text input-link bg-primary text-white"
-              title="{% trans 'Search' %}"
+              title="{% trans 'Start the search [Enter]' %}"
               id="submit-search">
             <i class="fa fa-search" aria-hidden="true"></i>
         </span>
         <button type="button" class="input-group-text input-link" data-toggle="modal"
+                id="criteria-button"
                 data-target="#modal-advanced-search"
-                title="{% trans 'Criteria' %}">
+                title="{% trans 'Open the criteria panel [Alt+C]' %}">
             <i class="fa fa-cog" aria-hidden="true"></i>
         </button>
         <span class="input-group-text input-link disabled"
               id="clear-search-button"
-              title="{% trans 'Clear' %}">
+              title="{% trans 'Clear the search [Alt+L]' %}">
             <i class="fa fa-times" aria-hidden="true"></i>
         </span>
         <span class="input-group-text input-sep">
@@ -22,7 +23,7 @@
         <span class="input-group-text input-link"
               id="pin-search-button"
               data-item-type="{{pin_model}}"
-              title="{% trans 'Pin the current search' %}">
+              title="{% trans 'Pin the current search [Alt+P]' %}">
             <i class="fa fa-thumb-tack" aria-hidden="true"></i>
         </span>
         <a class="input-group-text input-link async-link disabled"
-- 
cgit v1.2.3