From 727de07ff35578c50744b3be1cf95458934dc651 Mon Sep 17 00:00:00 2001
From: Jerry <jerry.kve@gmail.com>
Date: Thu, 18 Aug 2022 10:34:55 +0200
Subject: [PATCH] 5796

---
 htdocs/wp-content/themes/lawcarta/header.php | 23 +++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/htdocs/wp-content/themes/lawcarta/header.php b/htdocs/wp-content/themes/lawcarta/header.php
index 7370749..529cdcc 100644
--- a/htdocs/wp-content/themes/lawcarta/header.php
+++ b/htdocs/wp-content/themes/lawcarta/header.php
@@ -137,7 +137,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                             </div>
                             <div class="left">
                                 <span class="icon-search hide-sm"></span>
-                                <button class="button clear link" title="Clear Search">
+                                <button class="button clear link clear-search" id="clear-search" title="Clear Search" style="display: none;">
                                     <span class="icon-close"></span>
                                 </button>
                                 <input type="text" class="form-control" placeholder="Search books and study materials" id="header-search">
@@ -322,6 +322,17 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                         headerSearchCont?.classList.remove('open');
                     });
 
+                    headerSearch.addEventListener('keydown', () => {
+                        setTimeout(() => {
+                            if (document.getElementById('header-search').value.length > 0) {
+                                document.getElementById('clear-search').style.display = 'block';
+                            } else {
+                                document.getElementById('clear-search').style.display = 'none';
+                            }
+                        }, 20);
+                        
+                    });
+
                     const moveMenu = function(){
                         let menuItems = document.querySelectorAll('.menu-link.movable');
                         
@@ -348,8 +359,14 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                                 }, 1);					
                         }
 
+
+                        if (event.target?.closest('.clear-search')) {
+                            document.getElementById('header-search').value = "";
+                            document.getElementById('clear-search').style.display = 'none';
+                        }
+
                         if (event.target?.closest('#header-search-btn')) {
-                            let searchData = document.getElementById('header-search').value;
+                            let searchData = document.getElementById('header-search').value.trim();
                             top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
                         }
                         
@@ -360,7 +377,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
                     document.querySelector('#header-search').addEventListener('keyup', function(e){
                         if (e.key === "Enter") {
-                            let searchData = e.target.value;
+                            let searchData = e.target.value.trim();
                             top.location = appUrl + '/catalog?tab=books-tab&search=' + searchData;
                         }
                     })