Symbolleiste fuer Hauptfunktionen

ulrich

2021-04-21 f6ea0cf99b605bc48ed307d90064fd1d3f0a2b07

 www/ui/js/app.js

@@ -155,6 +155,32 @@
    }
  };
  
  this.geraet_schalt_liste = function() {
    self.entitaet_liste('Geräte schalten','../api/store/Geraet/listealles/', 
      "data/tpl/geraet_schalt_liste.txt", '../api/store/Geraet/', 
      "self.form_geraet_status", function(responseText) {
        var geraet = JSON.parse(responseText);
        self.geraet_status_form(geraet);
      }, function() {
        self.addEvtListener('#ein-btn', 'click', function (event) {
          var geraetName = event.target.attributes.gname.nodeValue;
          //var geraetName = document.querySelector('.schalt-geraet-name').textContent;
          self.http_get('../api/gstrg/geraet/' + geraetName + "/ein", function(responseText) {
            // console.log(responseText);
            self.geraet_schalt_liste();
          });
        });
        self.addEvtListener('#aus-btn', 'click', function (event) {
          var geraetName = event.target.attributes.gname.nodeValue;
          //var geraetName = document.querySelector('.schalt-geraet-name').textContent;
          self.http_get('../api/gstrg/geraet/' + geraetName + "/aus", function(responseText) {
            // console.log(responseText);
            self.geraet_schalt_liste();
          });
        });        
      });
  };
  
  this.geraet_liste = function() {
    self.entitaet_liste('Geräte','../api/store/Geraet/liste/', 
      "data/tpl/geraet_liste.txt", '../api/store/Geraet/', 
@@ -249,6 +275,14 @@
    });
  };

  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() { 
          self.geraet_schalt_liste();
    });
  };

  this.prefs_form = function(k) {
    self.entitaet_form('Einstellung', k, k.key,
      "data/tpl/form_einstellung.txt", '../api/store/Einstellung/',
@@ -305,7 +339,7 @@
  this.dialog_unten_zeigen = function() {
    self.vorlage_laden_und_fuellen("data/tpl/ctrl.txt", "", function (html) {
      var dlg = document.querySelector(".dialog-unten");
      dlg.style.height = '4.5em';
      dlg.style.height = '10em';
      dlg.innerHTML = html;
      self.abspieler_auswahl_fuellen();
      self.abspielliste_auswahl_fuellen();
@@ -327,6 +361,12 @@
      
      self.addEvtListener('#weg-btn', 'click', self.titelWeg);
      self.addEvtListener('#leeren-btn', 'click', self.alleTitelEntfernen);
      
      self.addEvtListener('#media-btn', 'click', self.media_liste);
      self.addEvtListener('#plst-btn', 'click', self.titel_liste);
      self.addEvtListener('#live-btn', 'click', self.livestream_liste);
      self.addEvtListener('#switch-btn', 'click', self.geraet_schalt_liste);
    
      self.media_liste();
    });
  };
@@ -476,7 +516,7 @@
   *     self.ablageort_form(ablageort);
   *   });
   */
  this.entitaet_liste = function(bname, listUrl, tpl, storeUrl, formFunc, cb) {
  this.entitaet_liste = function(bname, listUrl, tpl, storeUrl, formFunc, cb, customListCode) {
    self.reset_top_buttons();
    document.querySelector('.bereich-name').textContent = bname;
    var bb = document.querySelector('.breadcrumb-behaelter');
@@ -491,7 +531,12 @@
        //self.addEvtListener('#neu-btn', 'click', function (event) {
        self.addEvtListener('#top-neu-btn', 'click', function(event) {
          eval(formFunc + "(this)");
        });        
        });                
        if(typeof(customListCode) !== 'function') {
          // ..
        } else {
          customListCode();
        }        
      });
    });
  };  
@@ -539,8 +584,6 @@
    event.preventDefault();
    const data = new FormData(event.target);
    const value = Object.fromEntries(data.entries());
    //console.log({ value });
    //console.log(JSON.stringify(value));
    var daten = JSON.stringify(value);
    var formkey = document.querySelector(keySelector).value;
    formkey = formkey.replace(' ', '').replace(/[\W]+/g, '');
@@ -852,9 +895,10 @@
  this.album  = a;
}

function Geraet(n, e, a, s) {
function Geraet(n, e, a, s, st) {
  this.name = n;
  this.einUrl = e;
  this.ausUrl = a;
  this.statusUrl = s;
  this.status = st;
}