Merge pull request #614 from DFID/devtracker-new-ui

Devtracker new UI

Author: aunindadf

public/assets/govuk/all-ie8.css

@@ -1,4 +1,44 @@
-const modal = document.querySelector(".app-modal--advanced-filters");
+// toggle search
+function toggleGlobalSearch() {
+    var toggleGlobalSearch = document.getElementById("toggleGlobalSearch")
+    var toggleGlobalMenu = document.getElementById("toggleGlobalMenu");
+    var globalMenu = document.getElementById("globalMenu");
+
+    if (toggleGlobalMenu.classList.contains("app-header__menu-button--active")) {
+        toggleGlobalMenu.classList.remove("app-header__menu-button--active")
+        globalMenu.style.display = "none";
+    }
+
+    var globalSearch = document.getElementById("globalSearch");
+    if (globalSearch.style.display === "block") {
+        globalSearch.style.display = "none";
+    } else {
+        globalSearch.style.display = "block";
+    }
+    toggleGlobalSearch.classList.toggle("app-header__search-button--active");
+}
+
+// toggle main menu
+function toggleGlobalMenu() {
+    var toggleGlobalMenu = document.getElementById("toggleGlobalMenu");
+    var toggleGlobalSearch = document.getElementById("toggleGlobalSearch");
+    var globalSearch = document.getElementById("globalSearch");
+
+    if (toggleGlobalSearch.classList.contains("app-header__search-button--active")) {
+        toggleGlobalSearch.classList.remove("app-header__search-button--active")
+        globalSearch.style.display = "none";
+    }
+
+    var globalMenu = document.getElementById("globalMenu");
+    if (globalMenu.style.display === "block") {
+        globalMenu.style.display = "none";
+    } else {
+        globalMenu.style.display = "block";
+    }
+    toggleGlobalMenu.classList.toggle("app-header__menu-button--active");
+}
+
+const modal = document.querySelector(".app-modal--advanced-filters");
 const overlay = document.querySelector(".app-modal--overlay");
 const openModalBtn = document.querySelector(".app-modal--open");
 const closeModalBtn = document.querySelector(".app-modal--close");