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

[juliandoucette, 2017/12/08 15:24:06]

NIT: Accessibility? (aria-hidden, aria-controlled-by)

(Can be added separately... We're talking right now and you said you would do it
separately.)

[ire, 2017/12/11 15:11:57]

Will do this in a follow-up issue

+ ******************************************************************************/
+
+document.addEventListener("DOMContentLoaded", function()
+{
+
+  function Navbar(navbar)
+  {
+    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);