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