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 | 33 ++++++++++++++++++++++++++++++---
1 files changed, 30 insertions(+), 3 deletions(-)
diff --git a/www/ui/js/app.js b/www/ui/js/app.js
index b7b98a2..a1fbec4 100644
--- a/www/ui/js/app.js
+++ b/www/ui/js/app.js
@@ -25,7 +25,6 @@
var t = event.target;
self.http_get('../api/store/Ablageort/' + t.textContent, function(responseText) {
var ablageort = JSON.parse(responseText);
- console.log(ablageort.url);
self.ortPfad = ablageort.url;
self.media_liste();
});
@@ -46,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) {
@@ -138,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;
@@ -145,6 +155,9 @@
elems[index].addEventListener(eventName, func);
}
};
+ */
+
+ // document.querySelectorAll(selector).forEach(elem => { elem.addEventListener(eventName, func); });
/* asynchroner HTTP Client */
@@ -181,6 +194,16 @@
xhr.send(data);
}
};
+
+ /* Unterer Einblendbereich */
+
+ self.dialog_unten_zeigen = function() {
+ 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 */
@@ -201,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 () {
@@ -280,7 +307,7 @@
}, 500);
}, timeout);
};
-
+
/* Dialog-Funktionen */
/*
--
Gitblit v1.9.3