From 7c22a2a2f3568841b0830e4339bdb6f8ec69262f Mon Sep 17 00:00:00 2001 From: ulrich Date: Wed, 07 Apr 2021 10:39:57 +0000 Subject: [PATCH] Piktogramme in Media-Inhalten, Tool-Tipps, Auswahl in Media-Inhalten --- www/ui/js/app.js | 28 ++++++++++++++++++++++++---- 1 files changed, 24 insertions(+), 4 deletions(-) diff --git a/www/ui/js/app.js b/www/ui/js/app.js index 6a49b5f..a1fbec4 100644 --- a/www/ui/js/app.js +++ b/www/ui/js/app.js @@ -45,6 +45,8 @@ self.media_liste(); } else { console.log("Media-Inhalt auswaehlen oder abspielen"); + self.removeClassMulti('selected'); + t.classList.add('selected'); } }); self.addEvtListener('#zurueck-btn', 'click', function (event) { @@ -137,6 +139,15 @@ }); }; + this.addEvtListener = function(selector, eventName, func) { + document.querySelectorAll(selector).forEach(elem => { elem.addEventListener(eventName, func); }); + }; + + this.removeClassMulti = function(selector) { + document.querySelectorAll('.' + selector).forEach(elem => { elem.classList.remove(selector); }); + }; + + /* this.addEvtListener = function (selector, eventName, func) { var elems = document.querySelectorAll(selector); var index; @@ -144,6 +155,9 @@ elems[index].addEventListener(eventName, func); } }; + */ + + // document.querySelectorAll(selector).forEach(elem => { elem.addEventListener(eventName, func); }); /* asynchroner HTTP Client */ @@ -184,9 +198,11 @@ /* Unterer Einblendbereich */ self.dialog_unten_zeigen = function() { - var dlg = document.querySelector(".dialog-unten"); - dlg.style.height = '7em'; - dlg.innerHTML = "Dialog unten"; + self.vorlage_laden_und_fuellen("data/tpl/ctrl.tpl", "", function (html) { + var dlg = document.querySelector(".dialog-unten"); + dlg.style.height = '4.5em'; + dlg.innerHTML = html; + }); }; /* ab hier aus App-Vorlage */ @@ -208,9 +224,13 @@ self.menue_umschalten(); }); + self.addEvtListener('#mi-katalog', 'click', self.media_liste); + self.addEvtListener('#mi-orte', 'click', self.ablageort_liste); + //self.addEvtListener('#mi-list', 'click', self.media_liste); + self.fusszeile_umschalten(); self.seitenleiste_umschalten(); - + self.dialog_unten_zeigen(); }; this.menue_umschalten = function () { -- Gitblit v1.9.3