From 3d4bca22eef45eb1f4f8454ac8fecb35b5301e95 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Wed, 07 Apr 2021 13:10:11 +0000
Subject: [PATCH] Abspieler

---
 www/ui/js/app.js |  144 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 144 insertions(+), 0 deletions(-)

diff --git a/www/ui/js/app.js b/www/ui/js/app.js
index a1fbec4..c76dca1 100644
--- a/www/ui/js/app.js
+++ b/www/ui/js/app.js
@@ -4,7 +4,15 @@
   this.url = u;
 }
 
+function Einstellung(k, v) {
+  this.key = k;
+  this.value = v;
+}
 
+function Abspieler(n, u) {
+  this.name = n;
+  this.url = u;
+}
 
 function Mediazentrale() {
   var self = this;
@@ -64,6 +72,8 @@
       });
     }
   };
+  
+  /* Die folgenden '_liste' Funktionen koennen noch vereinheitlicht werden */
 
   this.ablageort_liste = function() {
     self.http_get('../api/store/Ablageort/', function (responseText) {
@@ -79,6 +89,138 @@
         self.addEvtListener('#neu-btn', 'click', function (event) {
           eval("self.ablageort_form" + "(this)");
         });        
+      });
+    });
+  };
+
+  this.prefs_liste = function() {
+    self.http_get('../api/store/Einstellung/', function (responseText) {
+      self.vorlage_laden_und_fuellen("data/tpl/einstellung_liste.tpl", JSON.parse(responseText), function (html) {
+        document.querySelector(".zentraler-inhalt").innerHTML = html;
+        self.addEvtListener('.entity-eintrag', 'click', function (event) {
+          var t = event.target;
+          self.http_get('../api/store/Einstellung/' + t.textContent, function(responseText){
+            var einstellung = JSON.parse(responseText);
+            self.prefs_form(einstellung);
+          });
+        });
+        self.addEvtListener('#neu-btn', 'click', function (event) {
+          eval("self.prefs_form" + "(this)");
+        });        
+      });
+    });
+  };
+
+  this.abspieler_liste = function() {
+    self.http_get('../api/store/Abspieler/', function (responseText) {
+      self.vorlage_laden_und_fuellen("data/tpl/abspieler_liste.tpl", JSON.parse(responseText), function (html) {
+        document.querySelector(".zentraler-inhalt").innerHTML = html;
+        self.addEvtListener('.entity-eintrag', 'click', function (event) {
+          var t = event.target;
+          self.http_get('../api/store/Abspieler/' + t.textContent, function(responseText){
+            var abspieler = JSON.parse(responseText);
+            self.abspieler_form(abspieler);
+          });
+        });
+        self.addEvtListener('#neu-btn', 'click', function (event) {
+          eval("self.abspieler_form" + "(this)");
+        });        
+      });
+    });
+  };
+
+  /* Die folgenden '_form' Funktionen koennen noch vereinheitlicht werden */
+
+  this.abspieler_form = function(pl) {
+    self.vorlage_laden_und_fuellen("data/tpl/form_abspieler.tpl", pl, function (html) {
+      document.querySelector(".zentraler-inhalt").innerHTML = html;
+      self.addEvtListener('#ok-btn', 'click', function () {
+        var plname = document.querySelector('#abspieler-name').value;
+        plname = plname.replace(' ', '').replace(/[\W]+/g, '');
+        var abspieler = new Abspieler(
+          plname,
+          document.querySelector('#abspieler-url').value
+        );
+        var daten = JSON.stringify(abspieler);        
+        if(typeof pl === "undefined" || pl.key !== plname) {
+          // neu
+          self.http_post('../api/store/Abspieler', daten, function (responseText) {
+            // hier die Antwort verarbeiten
+          });
+        } else {
+          // aendern
+          self.http_put('../api/store/Abspieler', daten, function (responseText) {
+            // hier die Antwort verarbeiten
+          });
+        }
+        //document.querySelector(".zentraler-inhalt").innerHTML = '';
+        self.abspieler_liste();
+      });
+      self.addEvtListener('#cancel-btn', 'click', function () {
+        //document.querySelector(".zentraler-inhalt").innerHTML = '';
+        self.abspieler_liste();
+      });
+      self.addEvtListener('#loeschen-btn', 'click', function() {
+        var plname = document.querySelector('#abspieler-name').value;
+        var dlgdata = {"del-elem": plname};
+        self.dialog_laden_und_zeigen('data/tpl/dlg-loeschen.tpl', dlgdata, function() {
+          self.addEvtListener('#nein-btn', 'click', self.dialog_schliessen);
+          self.addEvtListener('#ja-btn', 'click', function() {
+            self.http_delete('../api/store/Abspieler/' + plname, '', function (responseText) {
+              // hier die Antwort verarbeiten
+              self.dialog_schliessen();
+              //document.querySelector(".zentraler-inhalt").innerHTML = '';
+              self.abspieler_liste();
+            });
+          });
+        });
+      });
+    });
+  };
+
+  this.prefs_form = function(k) {
+    self.vorlage_laden_und_fuellen("data/tpl/form_einstellung.tpl", k, function (html) {
+      document.querySelector(".zentraler-inhalt").innerHTML = html;
+      self.addEvtListener('#ok-btn', 'click', function () {
+        var pkey = document.querySelector('#einstellung-key').value;
+        pkey = pkey.replace(' ', '').replace(/[\W]+/g, '');
+        var pref = new Einstellung(
+          pkey,
+          document.querySelector('#einstellung-value').value
+        );
+        var daten = JSON.stringify(pref);        
+        if(typeof k === "undefined" || k.key !== pkey) {
+          // neu
+          self.http_post('../api/store/Einstellung', daten, function (responseText) {
+            // hier die Antwort verarbeiten
+          });
+        } else {
+          // aendern
+          self.http_put('../api/store/Einstellung', daten, function (responseText) {
+            // hier die Antwort verarbeiten
+          });
+        }
+        //document.querySelector(".zentraler-inhalt").innerHTML = '';
+        self.prefs_liste();
+      });
+      self.addEvtListener('#cancel-btn', 'click', function () {
+        //document.querySelector(".zentraler-inhalt").innerHTML = '';
+        self.prefs_liste();
+      });
+      self.addEvtListener('#loeschen-btn', 'click', function() {
+        var pkey = document.querySelector('#einstellung-key').value;
+        var dlgdata = {"del-elem": pkey};
+        self.dialog_laden_und_zeigen('data/tpl/dlg-loeschen.tpl', dlgdata, function() {
+          self.addEvtListener('#nein-btn', 'click', self.dialog_schliessen);
+          self.addEvtListener('#ja-btn', 'click', function() {
+            self.http_delete('../api/store/Einstellung/' + pkey, '', function (responseText) {
+              // hier die Antwort verarbeiten
+              self.dialog_schliessen();
+              //document.querySelector(".zentraler-inhalt").innerHTML = '';
+              self.prefs_liste();
+            });
+          });
+        });
       });
     });
   };
@@ -226,6 +368,8 @@
     
     self.addEvtListener('#mi-katalog', 'click', self.media_liste);
     self.addEvtListener('#mi-orte', 'click', self.ablageort_liste);
+    self.addEvtListener('#mi-prefs', 'click', self.prefs_liste);
+    self.addEvtListener('#mi-player', 'click', self.abspieler_liste);
     //self.addEvtListener('#mi-list', 'click', self.media_liste);    
     
     self.fusszeile_umschalten();

--
Gitblit v1.9.3