|  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.livestream_liste = function() { | 
|---|
|  |  |  | self.entitaet_liste('Livestream','../api/store/Livestream/liste/', | 
|---|
|  |  |  | self.entitaet_liste('Livestreams','../api/store/Livestream/liste/', | 
|---|
|  |  |  | "data/tpl/livestream_liste.txt", '../api/store/Livestream/', | 
|---|
|  |  |  | "self.livestream_form", function(responseText) { | 
|---|
|  |  |  | var livestream = JSON.parse(responseText); | 
|---|
|  |  |  | 
|---|
|  |  |  | this.abspielliste_form = function(al) { | 
|---|
|  |  |  | self.entitaet_form('Abspielliste', al, al.name, | 
|---|
|  |  |  | "data/tpl/form_abspielliste.txt", '../api/store/Abspielliste/', | 
|---|
|  |  |  | '#abspielliste-name', function(event) { | 
|---|
|  |  |  | '#abspielliste-name', 'name', function(event) { | 
|---|
|  |  |  | if(event !== undefined) { | 
|---|
|  |  |  | event.preventDefault(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | this.abspieler_form = function(pl) { | 
|---|
|  |  |  | self.entitaet_form('Abspieler', pl, pl.key, | 
|---|
|  |  |  | "data/tpl/form_abspieler.txt", '../api/store/Abspieler/', | 
|---|
|  |  |  | '#abspieler-name', function() { | 
|---|
|  |  |  | '#abspieler-name', 'name', function() { | 
|---|
|  |  |  | self.abspieler_auswahl_fuellen(); | 
|---|
|  |  |  | self.abspieler_liste(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | 
|---|
|  |  |  | this.livestream_form = function(ls) { | 
|---|
|  |  |  | self.entitaet_form('Livestream', ls, ls.name, | 
|---|
|  |  |  | "data/tpl/form_livestream.txt", '../api/store/Livestream/', | 
|---|
|  |  |  | '#livestream-name', function() { | 
|---|
|  |  |  | '#livestream-name', 'name', function() { | 
|---|
|  |  |  | self.livestream_liste(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | this.geraet_form = function(ge) { | 
|---|
|  |  |  | self.entitaet_form('Gerät', ge, ge.name, | 
|---|
|  |  |  | "data/tpl/form_geraet.txt", '../api/store/Geraet/', | 
|---|
|  |  |  | '#geraet-name', function() { | 
|---|
|  |  |  | '#geraet-name', 'name', function() { | 
|---|
|  |  |  | self.geraet_liste(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | this.geraet_status_form = function(ge) { | 
|---|
|  |  |  | self.entitaet_form('Gerät', ge, ge.name, | 
|---|
|  |  |  | "data/tpl/form_geraet_status.txt", '../api/store/Geraet/', | 
|---|
|  |  |  | '#geraet-name', function() { | 
|---|
|  |  |  | '#geraet-name', 'name', function() { | 
|---|
|  |  |  | self.geraet_schalt_liste(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | this.prefs_form = function(k) { | 
|---|
|  |  |  | self.entitaet_form('Einstellung', k, k.key, | 
|---|
|  |  |  | "data/tpl/form_einstellung.txt", '../api/store/Einstellung/', | 
|---|
|  |  |  | '#einstellung-key', function() { | 
|---|
|  |  |  | '#einstellung-key', 'key', function() { | 
|---|
|  |  |  | self.prefs_liste(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | this.ablageort_form = function(ort) { | 
|---|
|  |  |  | self.entitaet_form('Katalog', ort, ort.name, | 
|---|
|  |  |  | "data/tpl/form_ablageort.txt", '../api/store/Ablageort/', | 
|---|
|  |  |  | '#ablageort-name', function() { | 
|---|
|  |  |  | '#ablageort-name', 'name', function() { | 
|---|
|  |  |  | self.ablageort_liste(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | this.hier_spielen = function() { | 
|---|
|  |  |  | var url; | 
|---|
|  |  |  | // den Host noch vom Server abrufen und den nachfolgenden Code ersetzen | 
|---|
|  |  |  | var host = 'http://' + window.location.host + '/mz'; | 
|---|
|  |  |  | var host = 'http://' + window.location.host + '/tango'; | 
|---|
|  |  |  | console.log('host: ' + host); | 
|---|
|  |  |  | var bereichName = document.querySelector('.bereich-name').textContent; | 
|---|
|  |  |  | if(bereichName === '') { | 
|---|
|  |  |  | 
|---|
|  |  |  | *     }); | 
|---|
|  |  |  | */ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.entitaet_form = function(bname, dat, key, tpl, url, selector, cb) { | 
|---|
|  |  |  | this.entitaet_form = function(bname, dat, key, tpl, url, selector, keyname, cb) { | 
|---|
|  |  |  | document.querySelector('.bereich-name').textContent = bname; | 
|---|
|  |  |  | self.html_erzeugen(tpl, dat, function (html) { | 
|---|
|  |  |  | document.querySelector(".zentraler-inhalt").innerHTML = html; | 
|---|
|  |  |  | const form = document.querySelector('form'); | 
|---|
|  |  |  | form.addEventListener('submit', function(event) { | 
|---|
|  |  |  | self.handle_submit(event, key, url, selector, cb); | 
|---|
|  |  |  | self.handle_submit(event, key, url, selector, keyname, cb); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | self.addEvtListener('#cancel-btn', 'click', cb); | 
|---|
|  |  |  | self.addEvtListener('#loeschen-btn', 'click', function(event) { | 
|---|
|  |  |  | 
|---|
|  |  |  | * existingKey: wenn die Entitaet existiert und geandert werden soll | 
|---|
|  |  |  | *                 leer, wenn neue Entitaet | 
|---|
|  |  |  | */ | 
|---|
|  |  |  | this.handle_submit = function(event, existingKey, putUrl, keySelector, cb) { | 
|---|
|  |  |  | this.handle_submit = function(event, existingKey, putUrl, keySelector, keyname, cb) { | 
|---|
|  |  |  | event.preventDefault(); | 
|---|
|  |  |  | const data = new FormData(event.target); | 
|---|
|  |  |  | const value = Object.fromEntries(data.entries()); | 
|---|
|  |  |  | var daten = JSON.stringify(value); | 
|---|
|  |  |  | var formkey = document.querySelector(keySelector).value; | 
|---|
|  |  |  | formkey = formkey.replace(' ', '').replace(/[\W]+/g, ''); | 
|---|
|  |  |  | formkey = formkey.replace(' ', ''); | 
|---|
|  |  |  | formkey = formkey.replace(/[\W]+/g, ''); | 
|---|
|  |  |  | value[keyname] = formkey; | 
|---|
|  |  |  | var daten = JSON.stringify(value); | 
|---|
|  |  |  | if(typeof existingKey === "undefined" ||  existingKey.length < 1) { | 
|---|
|  |  |  | // neu | 
|---|
|  |  |  | self.http_put(putUrl + formkey, daten, function (responseText) { | 
|---|