| Left: | ||
| Right: |
| LEFT | RIGHT |
|---|---|
| 1 /******************************************************************************* | 1 /******************************************************************************* |
| 2 * Navbar Component | 2 * Navbar Component |
|
juliandoucette
2017/11/06 12:36:43
BUG: You can't collapse the navbar if you expanded
ire
2017/11/08 17:14:46
I can't seem to reproduce this. If the navbar is o
juliandoucette
2017/11/09 14:34:51
Just re-tested. This only applied to the table lay
| |
| 3 ******************************************************************************/ | 3 ******************************************************************************/ |
| 4 | 4 |
| 5 document.addEventListener("DOMContentLoaded", function() | 5 document.addEventListener("DOMContentLoaded", function() |
| 6 { | 6 { |
| 7 | 7 |
| 8 function Navbar(navbar) | 8 function Navbar(navbar) |
| 9 { | 9 { |
| 10 this.navbar = navbar; | 10 this.navbar = navbar; |
| 11 | 11 |
| 12 this.navbar | 12 this.navbar |
| 13 .querySelector(".toggle-navbar-collapse button") | 13 .querySelector(".toggle-navbar-collapse") |
| 14 .addEventListener("click", this._onClick.bind(this), false); | 14 .addEventListener("click", this._onClick.bind(this), false); |
| 15 } | 15 } |
| 16 | 16 |
| 17 Navbar.prototype.toggleCollapse = function() | 17 Navbar.prototype.toggleCollapse = function() |
| 18 { | 18 { |
| 19 this.navbar.classList.toggle("expanded"); | 19 this.navbar.classList.toggle("expanded"); |
| 20 }; | 20 }; |
| 21 | 21 |
| 22 Navbar.prototype._onClick = function() | 22 Navbar.prototype._onClick = function() |
| 23 { | 23 { |
| 24 this.toggleCollapse(); | 24 this.toggleCollapse(); |
| 25 }; | 25 }; |
| 26 | 26 |
| 27 var navbars = document.getElementsByClassName("navbar"); | 27 var navbars = document.getElementsByClassName("navbar"); |
| 28 for (var i = 0; i < navbars.length; i++) | 28 for (var i = 0; i < navbars.length; i++) |
| 29 { | 29 { |
| 30 new Navbar(navbars[i]); | 30 new Navbar(navbars[i]); |
| 31 } | 31 } |
| 32 | 32 |
| 33 }, false); | 33 }, false); |
| LEFT | RIGHT |