From c8046070c2a26082424f1e200441f9cb8d317b76 Mon Sep 17 00:00:00 2001
From: Serraniel <mail@serraniel.dev>
Date: Wed, 29 Jul 2020 13:26:59 +0200
Subject: [PATCH] #12 Base search input

---
 enhancements/quickSearch.js | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 enhancements/quickSearch.js

diff --git a/enhancements/quickSearch.js b/enhancements/quickSearch.js
new file mode 100644
index 0000000..5e962f6
--- /dev/null
+++ b/enhancements/quickSearch.js
@@ -0,0 +1,33 @@
+registerScript(node => {
+    initSearch();
+}, ".*");
+
+function initSearch() {
+    let menu = document.getElementById('materialize-menu-dropdown');
+
+    let entry = document.createElement('li');
+    entry.setAttribute('ng-repeat', 'item in navbar');
+    entry.setAttribute('ng-class', '{\'anime-indicator\': item[\'@attributes\'].title==\'Anime\'}');
+
+    let quickSearchElement = document.createElement('input');
+    quickSearchElement.setAttribute('aria-label', 'Quick Search Input');
+    quickSearchElement.setAttribute('ng-model-options', '{debounce: 500}');
+    quickSearchElement.type = 'text';
+    quickSearchElement.classList.add('ng-pristine', 'ng-valid', 'ng-empty', 'ng-touched');
+    quickSearchElement.placeholder = 'Quick Search (Shift + F)';
+    quickSearchElement.addEventListener('keydown', event => handleQuickSearch(event, quickSearchElement));
+
+    entry.appendChild(quickSearchElement);
+
+    menu.insertAdjacentElement('beforeend', entry);
+}
+
+function handleQuickSearch(event, quickSearchElement) {
+    if (event.key === 'Enter') {
+        let url = new URL(window.location.origin)
+        url.pathname = '/search';
+        url.searchParams.append('q', quickSearchElement.value);
+
+        window.location.href = url.href;
+    }
+}
\ No newline at end of file