From a78c8ddad7bd23b731bbbb0c61e28e927193b447 Mon Sep 17 00:00:00 2001
From: zadam <adam.zivner@gmail.com>
Date: Sat, 13 Feb 2021 23:38:31 +0100
Subject: [PATCH] small search help improvements

---
 .../app/widgets/search_actions/set_label_value.js  | 14 ++++++++++++++
 .../widgets/search_actions/set_relation_target.js  | 12 ++++++++++++
 .../app/widgets/search_options/fast_search.js      |  7 +++++++
 .../app/widgets/search_options/search_script.js    |  1 +
 .../app/widgets/search_options/search_string.js    |  1 +
 src/public/stylesheets/style.css                   |  4 ++++
 6 files changed, 39 insertions(+)

diff --git a/src/public/app/widgets/search_actions/set_label_value.js b/src/public/app/widgets/search_actions/set_label_value.js
index f5dcf0bd1..a8be44cba 100644
--- a/src/public/app/widgets/search_actions/set_label_value.js
+++ b/src/public/app/widgets/search_actions/set_label_value.js
@@ -19,6 +19,20 @@ const TPL = `
         </div>
     </td>
     <td class="button-column">
+        <div class="dropdown help-dropdown">
+            <span class="bx bx-help-circle icon-action" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
+            <div class="dropdown-menu dropdown-menu-right p-4">
+                <p>On all matched notes:</p>
+                
+                <ul>
+                    <li>create given label if note doesn't have one yet</li>
+                    <li>or change value of the existing label</li>
+                </ul>
+                
+                <p>You can also call this method without value, in such case label will be assigned to the note without value.</p>
+            </div> 
+        </div>
+    
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/search_actions/set_relation_target.js b/src/public/app/widgets/search_actions/set_relation_target.js
index 2aef693b4..7633a89fa 100644
--- a/src/public/app/widgets/search_actions/set_relation_target.js
+++ b/src/public/app/widgets/search_actions/set_relation_target.js
@@ -23,6 +23,18 @@ const TPL = `
         </div>
     </td>
     <td class="button-column">
+        <div class="dropdown help-dropdown">
+            <span class="bx bx-help-circle icon-action" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
+            <div class="dropdown-menu dropdown-menu-right p-4">
+                <p>On all matched notes:</p>
+                
+                <ul>
+                    <li>create given relation if note doesn't have one yet</li>
+                    <li>or change target note of the existing relation</li>
+                </ul>
+            </div> 
+        </div>
+    
         <span class="bx bx-x icon-action action-conf-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/search_options/fast_search.js b/src/public/app/widgets/search_options/fast_search.js
index 6f42f758f..52c65cb1b 100644
--- a/src/public/app/widgets/search_options/fast_search.js
+++ b/src/public/app/widgets/search_options/fast_search.js
@@ -8,6 +8,13 @@ const TPL = `
         Fast search
     </td>
     <td class="button-column">
+        <div class="dropdown help-dropdown">
+            <span class="bx bx-help-circle icon-action" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></span>
+            <div class="dropdown-menu dropdown-menu-right p-4">
+                Fast search option disables full text search of note contents which might speed up searching in large databases.
+            </div> 
+        </div>
+    
         <span class="bx bx-x icon-action search-option-del"></span>
     </td>
 </tr>`;
diff --git a/src/public/app/widgets/search_options/search_script.js b/src/public/app/widgets/search_options/search_script.js
index 4ce1cb1f2..785358340 100644
--- a/src/public/app/widgets/search_options/search_script.js
+++ b/src/public/app/widgets/search_options/search_script.js
@@ -33,6 +33,7 @@ return matchedNotes;</pre>
 
             <p>Note that search script and search string can't be combined with each other.</p>
           </div>
+        </div>
         
         <span class="bx bx-x icon-action search-option-del"></span>
     </td>
diff --git a/src/public/app/widgets/search_options/search_string.js b/src/public/app/widgets/search_options/search_string.js
index ce83d8a61..f3870c401 100644
--- a/src/public/app/widgets/search_options/search_string.js
+++ b/src/public/app/widgets/search_options/search_string.js
@@ -25,6 +25,7 @@ const TPL = `
                 <li><code>note.dateCreated >= MONTH-1</code> - notes created in the last month</li>
             </ul>
             </p>
+          </div>
         </div>
         
         <span class="bx bx-x icon-action search-option-del"></span>
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 260b254a4..00424139e 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -919,6 +919,10 @@ ul.fancytree-container li {
     color: var(--main-text-color);
 }
 
+.help-dropdown {
+    display: inline-block;
+}
+
 .help-dropdown .dropdown-menu {
     border-radius: 10px;
     border-width: 2px;