summaryrefslogtreecommitdiff
path: root/WebInterface/NodeJSServer/src/js/modules/ui/components/backdrop.js
diff options
context:
space:
mode:
authorDennis Kobert <d-kobert@web.de>2019-06-11 23:53:30 +0200
committerDennis Kobert <d-kobert@web.de>2019-06-11 23:53:30 +0200
commit3a3d0fc3d4733f8908e23a03f860d76340479ec4 (patch)
treecf4b82f61d01d2a24836e9820d73972436847982 /WebInterface/NodeJSServer/src/js/modules/ui/components/backdrop.js
parentc28c9fafa2c74b101f7ce777aac722dcdeecefc6 (diff)
Reorganize Project structure
Diffstat (limited to 'WebInterface/NodeJSServer/src/js/modules/ui/components/backdrop.js')
-rw-r--r--WebInterface/NodeJSServer/src/js/modules/ui/components/backdrop.js65
1 files changed, 0 insertions, 65 deletions
diff --git a/WebInterface/NodeJSServer/src/js/modules/ui/components/backdrop.js b/WebInterface/NodeJSServer/src/js/modules/ui/components/backdrop.js
deleted file mode 100644
index 82ca64f..0000000
--- a/WebInterface/NodeJSServer/src/js/modules/ui/components/backdrop.js
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * Class for adding functionality to backdrop elements
- */
-export default class Backdrop {
- /**
- * Registers all important elements in the backdrop
- * @param {string} backdropMenu ID of Backdrop Menu
- * @param {string} frontLayer ID of Front Layer
- * @param {string} menuButton ID of Show / Hide Menu Button
- */
- constructor(backdropMenu, frontLayer, menuButton) {
- this.ids = {backdropMenu, frontLayer, menuButton};
- }
-
- /**
- * Initializes the components from the ids defined in the constructor
- */
- initialize() {
- this.open = false;
- this.backdrop = document.getElementById(this.ids.backdropMenu);
- this.frontLayer = document.getElementById(this.ids.frontLayer);
- this.menuButton = document.getElementById(this.ids.menuButton);
-
- this.registerEvents();
- }
-
- /**
- * Registers all neccessary events
- */
- registerEvents() {
- this.registerButtonEvent();
- this.registerFrontLayerEvent();
- }
-
- /**
- * Registers showing / hiding through menu button
- */
- registerButtonEvent() {
- this.menuButton.addEventListener('click', () => {
- // Change open state
- this.open = !this.open;
-
- // Hide / Unhide Backdrop Menu
- this.open ? this.backdrop.classList.remove('hidden') :
- this.backdrop.classList.add('hidden');
-
- // Set open state for menu button
- this.open ? this.menuButton.classList.add('open') :
- this.menuButton.classList.remove('open');
- });
- }
-
- /**
- * Registers hiding upon front layer interaction
- */
- registerFrontLayerEvent() {
- this.frontLayer.addEventListener('click', () => {
- if (!this.open) return; // It's already closed
-
- this.open = false;
- this.backdrop.classList.add('hidden');
- this.menuButton.classList.remove('open');
- });
- }
-}