Merge pull request #410 from eReuse/feature/4107-search

add advanced search as top search

ereuse_devicehub/static/js/main.js

@@ -48,12 +48,12 @@
 
   /**
    * Search bar toggle
-   */
   if (select(".search-bar-toggle")) {
     on("click", ".search-bar-toggle", (e) => {
       select(".search-bar").classList.toggle("search-bar-show")
     })
   }
+   */
 
   /**
    * Navbar links active state on scroll

ereuse_devicehub/templates/ereuse_devicehub/base_site.html

@@ -8,6 +8,12 @@
   </div><!-- End Logo -->
 
   <div class="search-bar">
+    <form class="search-form d-flex align-items-center" method="get" action="/inventory/search/">
+      <input class="" type="text" name="q" placeholder="Search" title="Enter search keyword">
+      <button type="submit" title="Search"><i class="bi bi-search"></i></button>
+    </form>
+  </div><!-- End Search Bar -->
+  <div class="search-bar d-none">
     <form class="search-form d-flex align-items-center" method="" id="SearchForm" action="#">
       <input class="dropdown-toggle" type="text" name="query" placeholder="Search" title="Enter search keyword"
         autocomplete="off" id="dropdownSearch" data-bs-toggle="dropdown" aria-expanded="false">