Issue 5635 - Implement website-default navbar component

static/js/navbar.js

Index: static/js/navbar.js
===================================================================
new file mode 100644
--- /dev/null
+++ b/static/js/navbar.js
@@ -0,0 +1,33 @@
+/*******************************************************************************
+ * Navbar Component
+ ******************************************************************************/
+
+document.addEventListener("DOMContentLoaded", function()
+{
+
+  function Navbar(navbar)

[juliandoucette, 2017/11/15 12:56:42]

bug: If you resize down, open the collapse, then resize up: the collapse stays
open and the close button disappears

[ire, 2017/11/30 14:01:18]

Done.

+  {
+    this.navbar = navbar;
+
+    this.navbar
+        .querySelector(".toggle-navbar-collapse")
+        .addEventListener("click", this._onClick.bind(this), false);
+  }
+
+  Navbar.prototype.toggleCollapse = function()
+  {
+    this.navbar.classList.toggle("expanded");
+  };
+
+  Navbar.prototype._onClick = function()
+  {
+    this.toggleCollapse();
+  };
+
+  var navbars = document.getElementsByClassName("navbar");
+  for (var i = 0; i < navbars.length; i++)
+  {
+    new Navbar(navbars[i]);
+  }
+
+}, false);