diff options
author | Jesús <heckyel@hyperbola.info> | 2019-04-03 16:44:35 -0500 |
---|---|---|
committer | Jesús <heckyel@hyperbola.info> | 2019-04-03 16:44:35 -0500 |
commit | 30babccf3367379e4e2d3baf93d6284bbd143680 (patch) | |
tree | 32458bed0ebd43e7262e4b1af384e82d8bb667db /src/js/menu.js | |
download | libretube-theme-30babccf3367379e4e2d3baf93d6284bbd143680.tar.lz libretube-theme-30babccf3367379e4e2d3baf93d6284bbd143680.tar.xz libretube-theme-30babccf3367379e4e2d3baf93d6284bbd143680.zip |
first commit
Diffstat (limited to 'src/js/menu.js')
-rw-r--r-- | src/js/menu.js | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/src/js/menu.js b/src/js/menu.js new file mode 100644 index 0000000..7d02fb9 --- /dev/null +++ b/src/js/menu.js @@ -0,0 +1,52 @@ +/** + * + * @licstart The following is the entire license notice for the + * JavaScript code in this page. + * + * Copyright (C) 2019 Jesús E. + * + * The JavaScript code in this page is free software: you can + * redistribute it and/or modify it under the terms of the GNU + * General Public License (GNU GPL) as published by the Free Software + * Foundation, either version 3 of the License, or (at your option) + * any later version. The code is distributed WITHOUT ANY WARRANTY; + * without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU GPL for more details. + * + * As additional permission under GNU GPL version 3 section 7, you + * may distribute non-source (e.g., minimized or compacted) forms of + * that code without the copy of the GNU GPL normally required by + * section 4, provided you include this license notice and a URL + * through which recipients can access the Corresponding Source. + * + * @licend The above is the entire license notice + * for the JavaScript code in this page. + * + */ +document.addEventListener('DOMContentLoaded', () => { + + function toggleMenu() { + document.getElementById('menu-toggle').addEventListener('click', function(e) { + let sidebar = document.getElementById("sidebar-wrapper"); + if (sidebar.classList) { + sidebar.classList.toggle("active"); + } + }); + } + + function closeMenu() { + document.getElementById('menu-close').addEventListener('click', function(e) { + let close = document.getElementById("sidebar-wrapper"); + if (close.classList) { + close.classList.remove("active"); + } + }); + } + + // Open Menu + toggleMenu(); + + // Close Menu + closeMenu(); + +}); |