From df05707434be8379139a8c2adb44f8a2ed0afa31 Mon Sep 17 00:00:00 2001 From: Paul Laros Date: Fri, 28 Aug 2020 20:27:40 +0200 Subject: [PATCH] Drop jQuery in sidebar --- examples/index.html | 2 +- src/js/modules/feather.js | 2 +- src/js/modules/sidebar.js | 23 +++++++++++------------ 3 files changed, 13 insertions(+), 14 deletions(-) diff --git a/examples/index.html b/examples/index.html index 16003ff..cc9f4a3 100644 --- a/examples/index.html +++ b/examples/index.html @@ -780,7 +780,7 @@ } }); window.addEventListener('resize', () => { - map.updateSize() + map.updateSize(); }); }); diff --git a/src/js/modules/feather.js b/src/js/modules/feather.js index 23b1245..ad9d589 100644 --- a/src/js/modules/feather.js +++ b/src/js/modules/feather.js @@ -1,7 +1,7 @@ // Usage: https://feathericons.com/ import feather from "feather-icons"; -document.addEventListener("DOMContentLoaded", function() { +document.addEventListener("DOMContentLoaded", () => { feather.replace(); }); diff --git a/src/js/modules/sidebar.js b/src/js/modules/sidebar.js index 7b79fc2..905fb71 100644 --- a/src/js/modules/sidebar.js +++ b/src/js/modules/sidebar.js @@ -1,19 +1,18 @@ // Usage: https://github.com/Grsmto/simplebar import SimpleBar from "simplebar"; -document.addEventListener("DOMContentLoaded", function() { +document.addEventListener("DOMContentLoaded", () => { /* Initialize simplebar */ new SimpleBar(document.getElementsByClassName("js-simplebar")[0]) - /* Sidebar toggle behaviour */ - $(".sidebar-toggle").on("click", function() { - $(".sidebar") - .toggleClass("collapsed") - // Triger resize after animation - .one("transitionend", function() { - setTimeout(function() { - window.dispatchEvent(new Event("resize")); - }, 100); - }); + const sidebarElement = document.getElementsByClassName('sidebar')[0]; + const sidebarToggleElement = document.getElementsByClassName('sidebar-toggle')[0]; + + sidebarToggleElement.addEventListener("click", () => { + sidebarElement.classList.toggle("collapsed"); + + sidebarElement.addEventListener('transitionend', () => { + window.dispatchEvent(new Event("resize")); + }); }); -}); +}); \ No newline at end of file