From e5c49baa11eb64c2080a01635ec31184e0aee3e7 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Wed, 23 Oct 2024 13:58:20 -0400
Subject: [PATCH] Update search input in Header component and add script

---
 source/src/components/global/Header.astro | 52 ++++++++++++++++++++---
 1 file changed, 46 insertions(+), 6 deletions(-)

diff --git a/source/src/components/global/Header.astro b/source/src/components/global/Header.astro
index 007d918..8848cdf 100644
--- a/source/src/components/global/Header.astro
+++ b/source/src/components/global/Header.astro
@@ -1,6 +1,6 @@
 ---
 // Properties
-const {Query} = Astro.props
+const {Query, QueryText} = Astro.props
 
 // Icons
 import { HalfMoon, Menu } from "@iconoir/vue";
@@ -8,10 +8,10 @@ import { HalfMoon, Menu } from "@iconoir/vue";
 
 <header>
     <div class="header-start">
-        <img width="18px" src="https://md.sudovanilla.org/images/Union.png" />
-        <div class="search-box">
-            <input value={Query} placeholder="Search" />
-        </div>
+        <a href="/"><img width="18px" src="https://md.sudovanilla.org/images/Union.png"/></a>
+        <form class="search-box" onsubmit="return Search()">
+            <input type="search" value={QueryText} placeholder="Search" />
+        </form>
     </div>
     <div class="header-end">
         <button>English</button>
@@ -76,4 +76,44 @@ header {
         }
     }
 }
-</style>
\ No newline at end of file
+</style>
+
+<!-- Search Scripts -->
+<!-- From https://ark.sudovanilla.org/MinPluto/MinPluto/src/branch/master/source/src/components/Search.astro#L18-L94 as of writing -->
+<script is:inline>
+    /*    
+@licstart  The following is the entire license notice for the 
+JavaScript code in this page.
+
+Copyright (C) 2024 SudoVanilla
+
+The JavaScript code in this page is free software: you can
+redistribute it and/or modify it under the terms of the GNU
+General Public License (GNU GPL) as published by the Free Software
+Foundation, either version 3 of the License, or (at your option)
+any later version.  The code is distributed WITHOUT ANY WARRANTY;
+without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
+
+As additional permission under GNU GPL version 3 section 7, you
+may distribute non-source (e.g., minimized or compacted) forms of
+that code without the copy of the GNU GPL normally required by
+section 4, provided you include this license notice and a URL
+through which recipients can access the Corresponding Source.   
+
+
+@licend  The above is the entire license notice
+for the JavaScript code in this page.
+*/
+
+// Focus input
+function FocusSearch() {
+    document.querySelector('input[type="search"]').focus();
+}
+
+// Trigger Search
+function Search() {
+    var SearchQuery = document.querySelector('form > input[type="search"]').value;
+    location.href = `/web?=${SearchQuery}`;
+}
+</script>
\ No newline at end of file