From 1e25fffc706b30c608559d9d0c10859beb71f7af Mon Sep 17 00:00:00 2001
From: "DESKTOP-GENO133\\IvanPlex" <ivancheahkf@gmail.com>
Date: Thu, 4 Apr 2024 19:14:49 -0600
Subject: [PATCH] added incremental search

---
 Views/Vehicle/_Report.cshtml | 6 +++++-
 wwwroot/js/reports.js        | 4 +++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/Views/Vehicle/_Report.cshtml b/Views/Vehicle/_Report.cshtml
index dad04b5..89eb77d 100644
--- a/Views/Vehicle/_Report.cshtml
+++ b/Views/Vehicle/_Report.cshtml
@@ -134,9 +134,13 @@
         <div class="modal-content" id="globalSearchModalContent">
             <div class="modal-body">
                 <div class="input-group input-group-lg">
-                    <input type="text" id="globalSearchInput" onkeyup="handleGlobalSearchKeyPress(event)" class="form-control" placeholder="@translator.Translate(userLanguage,"Search by Keyword(Case Sensitive)")">
+                    <input type="text" id="globalSearchInput" autocomplete="off" onkeyup="handleGlobalSearchKeyPress(event)" class="form-control" placeholder="@translator.Translate(userLanguage,"Search by Keyword(Case Sensitive)")">
                     <button type="button" class="btn btn-outline-secondary" onclick="performGlobalSearch()"><i class="bi bi-search"></i></button>
                 </div>
+                <div class="form-check form-switch mt-1">
+                    <input class="form-check-input" type="checkbox" role="switch" id="globalSearchAutoSearchCheck" checked>
+                    <label class="form-check-label" for="globalSearchAutoSearchCheck">@translator.Translate(userLanguage, "Incremental Search")</label>
+                </div>
                 <div id="globalSearchModalResults"></div>
             </div>
         </div>
diff --git a/wwwroot/js/reports.js b/wwwroot/js/reports.js
index b75afce..a8e6206 100644
--- a/wwwroot/js/reports.js
+++ b/wwwroot/js/reports.js
@@ -159,7 +159,9 @@ function performGlobalSearch() {
     });
 }
 function handleGlobalSearchKeyPress(event) {
-    if (event.keyCode == 13) {
+    if ($('#globalSearchAutoSearchCheck').is(':checked')){
+        setDebounce(performGlobalSearch);
+    } else if (event.keyCode == 13) {
         performGlobalSearch();
     }
 }