|  |  | 
 |  |  |     document.querySelector('.breadcrumb-behaelter').textContent = ''; | 
 |  |  |     document.querySelector('.bereich-name').textContent = 'Livestream-Auswahl';  | 
 |  |  |     self.http_get('../api/store/Livestream/liste/', function(responseText) { | 
 |  |  |       self.vorlage_laden_und_fuellen("data/tpl/livestream_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |       self.html_erzeugen("data/tpl/livestream_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |         document.querySelector(".zentraler-inhalt").innerHTML = html; | 
 |  |  |         self.addEvtListener('.entity-eintrag', 'click', function (event) { | 
 |  |  |           var t = event.target; | 
 |  |  | 
 |  |  |       // Kataloge listen | 
 |  |  |       self.http_get('../api/store/Ablageort/liste/', function (responseText) { | 
 |  |  |         //document.querySelector('#top-up-btn').removeEventListener('click', self.media_liste_herauf); | 
 |  |  |         self.vorlage_laden_und_fuellen("data/tpl/katalog_root_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |         self.html_erzeugen("data/tpl/katalog_root_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |           document.querySelector(".zentraler-inhalt").innerHTML = html; | 
 |  |  |           self.addEvtListener('.entity-eintrag', 'click', function (event) { | 
 |  |  |             var t = event.target; | 
 |  |  | 
 |  |  |         url = url + '/'; | 
 |  |  |       } | 
 |  |  |       self.http_get(url, function(responseText) { | 
 |  |  |         self.vorlage_laden_und_fuellen("data/tpl/katalog_inhalt_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |         self.html_erzeugen("data/tpl/katalog_inhalt_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |           document.querySelector(".zentraler-inhalt").innerHTML = html; | 
 |  |  |           self.addEvtListener('.entity-eintrag', 'click', function (event) { | 
 |  |  |             var t = event.target; | 
 |  |  | 
 |  |  |   /* ------------------------------- UI-Dynamik ----------------------- */ | 
 |  |  |    | 
 |  |  |   self.reset_top_buttons = function() { | 
 |  |  |     self.vorlage_laden_und_fuellen("data/tpl/top_btns.txt", '', function (html) { | 
 |  |  |     self.html_erzeugen("data/tpl/top_btns.txt", '', function (html) { | 
 |  |  |       document.querySelector(".top-btns").innerHTML = html; | 
 |  |  |     }); | 
 |  |  |   }; | 
 |  |  |    | 
 |  |  |   this.abspieler_auswahl_fuellen = function() { | 
 |  |  |     self.http_get('../api/store/Abspieler/liste/', function (responseText) { | 
 |  |  |       self.vorlage_laden_und_fuellen("data/tpl/abs_sel.txt", JSON.parse(responseText), function (html) { | 
 |  |  |       self.html_erzeugen("data/tpl/abs_sel.txt", JSON.parse(responseText), function (html) { | 
 |  |  |         document.querySelector(".abs-sel").innerHTML = html; | 
 |  |  |       });     | 
 |  |  |     }); | 
 |  |  | 
 |  |  |  | 
 |  |  |   this.abspielliste_auswahl_fuellen = function() { | 
 |  |  |     self.http_get('../api/store/Abspielliste/', function (responseText) { | 
 |  |  |       self.vorlage_laden_und_fuellen("data/tpl/pl_sel.txt", JSON.parse(responseText), function (html) { | 
 |  |  |       self.html_erzeugen("data/tpl/pl_sel.txt", JSON.parse(responseText), function (html) { | 
 |  |  |         document.querySelector(".pl-sel").innerHTML = html; | 
 |  |  |         self.addEvtListener('#playlist', 'change', function() { | 
 |  |  |           self.titel_liste(); | 
 |  |  | 
 |  |  |   /* Unterer Einblendbereich */ | 
 |  |  |    | 
 |  |  |   this.dialog_unten_zeigen = function() { | 
 |  |  |     self.vorlage_laden_und_fuellen("data/tpl/ctrl.txt", "", function (html) { | 
 |  |  |     self.html_erzeugen("data/tpl/ctrl.txt", "", function (html) { | 
 |  |  |       var dlg = document.querySelector(".dialog-unten"); | 
 |  |  |       //dlg.style.height = '10em'; | 
 |  |  |       dlg.innerHTML = html; | 
 |  |  | 
 |  |  |     var bb = document.querySelector('.breadcrumb-behaelter'); | 
 |  |  |     bb.textContent = ""; | 
 |  |  |     self.http_get('../api/alist/' + plname, function (responseText) { | 
 |  |  |       self.vorlage_laden_und_fuellen("data/tpl/titel_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |       self.html_erzeugen("data/tpl/titel_liste.txt", JSON.parse(responseText), function (html) { | 
 |  |  |         document.querySelector(".zentraler-inhalt").innerHTML = html; | 
 |  |  |         self.addEvtListener('.entity-eintrag', 'click', function (event) { | 
 |  |  |           var t = event.target; | 
 |  |  | 
 |  |  |     var bb = document.querySelector('.breadcrumb-behaelter'); | 
 |  |  |     bb.textContent = ""; | 
 |  |  |     self.http_get(listUrl, function (responseText) { | 
 |  |  |       self.vorlage_laden_und_fuellen(tpl, JSON.parse(responseText), function (html) { | 
 |  |  |       self.html_erzeugen(tpl, JSON.parse(responseText), function (html) { | 
 |  |  |         document.querySelector(".zentraler-inhalt").innerHTML = html; | 
 |  |  |         self.addEvtListener('.entity-eintrag', 'click', function (event) { | 
 |  |  |           var t = event.target; | 
 |  |  | 
 |  |  |  | 
 |  |  |   this.entitaet_form = function(bname, dat, key, tpl, url, selector, cb) { | 
 |  |  |     document.querySelector('.bereich-name').textContent = bname; | 
 |  |  |     self.vorlage_laden_und_fuellen(tpl, dat, function (html) { | 
 |  |  |     self.html_erzeugen(tpl, dat, function (html) { | 
 |  |  |       document.querySelector(".zentraler-inhalt").innerHTML = html; | 
 |  |  |       const form = document.querySelector('form');       | 
 |  |  |       form.addEventListener('submit', function(event) { |