Search menu icone and view set up

src/js/hd-app.js

@@ -0,0 +1,26 @@
+document.addEventListener("DOMContentLoaded", function(event) {
+  // Constants declaration
+  const navBar    = document.querySelector("#navbar");
+  const searchBar = navBar.querySelector("#search-bar");
+
+
+  // Shortcuts
+  document.querySelector("body").addEventListener("keydown", function(e) {
+    // CTRL + K triggers the search feature
+    if ((e.keyCode == 75 || e.keyCode == 80) && (e.ctrlKey === true || e.metaKey === true)) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+
+    else if (e.keyCode == 27 && navBar.classList.contains("search-mode")) {
+      navBar.classList.remove("search-mode");
+    }
+  });
+
+
+  // Toggle the search bar via touch / click
+  searchBar.querySelector("#search-icon").addEventListener("click", function(e) {
+    navBar.classList.add("search-mode");
+    searchBar.querySelector("#search-input").focus();
+  });
+});