summaryrefslogtreecommitdiff
path: root/WebInterface/NodeJSServer/src/modules/ui/backdrop.js
diff options
context:
space:
mode:
authorTrueKuehli <rctcoaster2000@hotmail.de>2018-10-01 14:15:05 +0200
committerTrueKuehli <rctcoaster2000@hotmail.de>2018-10-01 14:15:05 +0200
commit237e4d43229847bb69aadcfa6e6aca517128913b (patch)
treef36f0a1a1eec574c975d5a33fb6975b13bb457ba /WebInterface/NodeJSServer/src/modules/ui/backdrop.js
parent4013f66c732841beaa55733af2b5b9a5efa25572 (diff)
Documented the code better and made some minor fixes
Diffstat (limited to 'WebInterface/NodeJSServer/src/modules/ui/backdrop.js')
-rw-r--r--WebInterface/NodeJSServer/src/modules/ui/backdrop.js19
1 files changed, 18 insertions, 1 deletions
diff --git a/WebInterface/NodeJSServer/src/modules/ui/backdrop.js b/WebInterface/NodeJSServer/src/modules/ui/backdrop.js
index 243bbb3..1a24bd2 100644
--- a/WebInterface/NodeJSServer/src/modules/ui/backdrop.js
+++ b/WebInterface/NodeJSServer/src/modules/ui/backdrop.js
@@ -1,18 +1,32 @@
// Showing / Hiding the backdrop menu
+/**
+ * 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.backdrop = document.getElementById(backdropMenu);
this.frontLayer = document.getElementById(frontLayer);
this.menuButton = document.getElementById(menuButton);
}
-
+ /**
+ * Registers all neccessary events
+ */
register() {
this.registerButtonEvent();
this.registerFrontLayerEvent();
}
+ /**
+ * Registers showing / hiding through menu button
+ */
registerButtonEvent() {
this.menuButton.addEventListener('click', () => {
// Hide / Unhide Backdrop Menu
@@ -31,6 +45,9 @@ export default class Backdrop {
});
}
+ /**
+ * Registers hiding, when clicking on the front layer
+ */
registerFrontLayerEvent() {
// Hide menu when interacting with front layer
this.frontLayer.addEventListener('click', () => {