From 2fc8a78138e6a934c86cb2ac95e9f5ff45c3aa8d Mon Sep 17 00:00:00 2001 From: alexisben <alexiben7@gmail.com> Date: Fri, 29 Jul 2022 16:14:01 +0200 Subject: [PATCH] extend dropdown js --- .../theme/design-system/{dropdown.js => dropdowns.js} | 10 ++++++---- assets/js/theme/index.js | 2 +- 2 files changed, 7 insertions(+), 5 deletions(-) rename assets/js/theme/design-system/{dropdown.js => dropdowns.js} (77%) diff --git a/assets/js/theme/design-system/dropdown.js b/assets/js/theme/design-system/dropdowns.js similarity index 77% rename from assets/js/theme/design-system/dropdown.js rename to assets/js/theme/design-system/dropdowns.js index 95b8b628..8cc21392 100644 --- a/assets/js/theme/design-system/dropdown.js +++ b/assets/js/theme/design-system/dropdowns.js @@ -17,12 +17,14 @@ class Dropdown { } toggleDropdown (open = !this.state.isOpened) { - console.log('lalala') - let classAction; this.state.isOpened = open; - classAction = this.state.isOpened ? 'add' : 'remove'; this.dropdownButton.setAttribute('aria-expanded', this.state.isOpened); } } -export default new Dropdown('.diplomas-select'); +// Selectors +['.diplomas-select'].map(selector => { + if (document.querySelector(selector)) { + new Dropdown(selector); + } +}); diff --git a/assets/js/theme/index.js b/assets/js/theme/index.js index 7c7f6a54..52984c38 100644 --- a/assets/js/theme/index.js +++ b/assets/js/theme/index.js @@ -1,7 +1,7 @@ import './body.js'; import './blocks/keyFigures'; import './blocks/timeline'; -import './design-system/dropdown'; +import './design-system/dropdowns'; import './nav/stickyNav'; // import './nav/responsive'; import './nav/mainMenu'; -- GitLab