Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. Dyn. Liste darstellen und als Auswahlliste in VIS, iQontrol

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Dyn. Liste darstellen und als Auswahlliste in VIS, iQontrol

    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      Rookie50 @da_Woody last edited by

      @da_woody ja, dass ist unglaublich, was liv-in-sky da schon übers Wochenende hinbekommen hat.

      Ich denke Du hast das Grafana Dashboard über Background_HTML oder URL eingefügt, richtig?

      LG
      Rookie

      liv-in-sky da_Woody 2 Replies Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Rookie50 last edited by

        @rookie50

        view.txt table.txt objecte.txt main-js.txt blockly.txt

        1 Reply Last reply Reply Quote 0
        • liv-in-sky
          liv-in-sky @Rookie50 last edited by

          @rookie50
          main script ohne shortcut

          main-ohne-js.txt

          1 Reply Last reply Reply Quote 0
          • da_Woody
            da_Woody @Rookie50 last edited by

            @rookie50 jup, war irgendwie zufall. wollte eigentlich nur das komplette wetter dash rein haben. dann hab ich gesehn, daß da alles mit dabei ist. einloggen, editieren... natürlich kommste da auch auf alle anderen dann.
            eingebunden über URL
            97aa000a-42bb-44b6-96e8-d94c80b81f51-grafik.png
            temp und luftfeuchte hab ich ja schon vorher über einzelne eingebunden. z.b. bad/wc
            43fb06a9-1e6e-4810-be34-120bc5467a07-grafik.png
            müsste man mal testen ob das mit vis... yes, funzt genauso!
            dc93d8ee-8f5f-46e9-bdbf-05a1c77206f9-grafik.png
            bedeutet, ich kann die listen in vis machen und sollten dann auch in iQontrol voll funktionsfähig sein... licht schalten funktioniert mal...

            1 Reply Last reply Reply Quote 0
            • liv-in-sky
              liv-in-sky @Rookie50 last edited by

              @rookie50

              wenn du die shortcats aus der liste weghaben willst - ändere einfach diese zeile - dann sind die emojis in der letzten spalte weg

              ist das table-script

              Image 1.png

              R 1 Reply Last reply Reply Quote 0
              • R
                Rookie50 @liv-in-sky last edited by

                @liv-in-sky
                Guten Morgen, ich muss noch schauen, ob ich den shortcut benötige.
                Screenshot_20210504_103727_com.brave.browser.jpg

                Leider hattest du recht, bis dato kann ich mir die Tabelle nur anzeigen lassen und nicht bedienen.
                Allerdings würde mir diese Anzeige schon fast reichen.
                LG

                liv-in-sky 4 Replies Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @Rookie50 last edited by

                  @rookie50

                  dann müßten wir evtl eine 2te tabelle schreiben, die du nur für iqontrol hast - wäre auch nicht wild .

                  in iqontrol reicht dann eigentlich nur eine spalte und die suche kann auch weg

                  ich schau mal ob ich die ein solches script vorbereiten kann - dann einfach dazufügen und in iqontrol einbinden

                  bleibt nur noch die steuerung in iqontrol

                  1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @Rookie50 last edited by liv-in-sky

                    @rookie50

                    bitte 2- spaltig für iqontrol

                    einfach neues script anlegen undes gibt einen neuen dp untr javascript.0..... für die tabelle

                     //@liv-in-sky 2021  23.3.-15:40

// DAS WIDGET IN DER VIS
// das Standard html-Widget wird genutzt in der VIS - dazu den DP javascript.x.Tabellen@Liv.TestTabelleVIS.HTMLTableVis als binding angeben d.h.
// im html-teil des widgets wird dier daten punkt in geschweiften klammern angegeben z.B. {javascript.0.Tabellen@Liv.TestTabelleVIS.HTMLTableVis}

// @ts-ignore
let braucheEinVISWidget=true;                          // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let  dpVIS="SongsTabelleIQontrol"                            // WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  Ist der Name zum datenpunkt anlegen
let braucheEinJSON=false;                               // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let  dpJSON="SongsTabelleJSONIControl"                          // WICHTIG wenn braucheEinJSON auf true gesetzt !!   Ist der Name zum datenpunkt anlegen
let mySchedule="  */15 * * * * ";                         // jede minute  

//ZUSÄTZLICH VARIABLEN

let sortierenEIN=false;
let farbeInaktiverShelly="#5590CA"
let welcheSortierung=1;          // je nach spalte von 0 bis 6
let geteiteVersionsAnzeige=true; // version in spalte 7 wird 2-zeilig
const schalterUmrahmung="0"                              //wenn überschriften buttons sind , den rahmen mit 0 wegmachen 
let mitSearch=true;
let ipButtonColorONBkground="#CBCBCA"; 
let powerButtonColorONSchrift="black";
 let ipButtonColorONBkground2="#5590CA"; 
let powerButtonColorONSchrift2="white";

let flexboxView=false;   // startet im flexbox modus - keine tabelle


//---------------------------------------

//HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3 - es MÜSSEN in allen Arrays die GLEICHE Anzahl für die Werte sein
let htmlFeld=        ["","NAME","PLAY","ADD",""];              // GLEICHE ANZAHL !! NAME/ÜBERSCHRIFT DER SPALTE
let val=             ["true","true","false","false","false"];                 // GLEICHE ANZAHL !! SPALTE ANZEIGEN/AUSBLENDEN UND HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WERDEN -  jeder val[x] muss unten in der schleife gesetzt werden !!
let Feld1lAlign=     ["center","left","center","center","center"];         // GLEICHE ANZAHL !! AUSRICHTUNG IN DER SPALTE
let htmlSpalte1Weite=["25px","200px","25px","95px","0px"];                        // GLEICHE ANZAHL !! BREITE DER SPALTE, wenn "0px" auto
let schalterInSpaltenUeberschrift=[true,true,true,true,true,true,true,true];                  // WENN BUTTONS INSTALLIERT WERDEN - sonst false
let symbolSchalter=              ["na","✓","✗"];        //ONLINE SYMBOLE         // SYMBOLE DER BUTTONS - standardmäßig sind die spaltennamen (htmlFeld) genutzt - werden im standard nicht genutzt
//-----------------------------------

//Symbole für Tabelle z.b.: ⚪  ⚫ ⭕  ➕ ➖ 🎵 🔴 🔵 ⏱ 💀 👍 👎 📑 💲 👀 🔹 ✅ ❌ ⚠️ mehr: https://emojiterra.com/de/ oder https://unicode-table.com/de/html-entities/

//hier werden die styles für die tabelle definiert
//ÜBERSCHRIFT ÜBER TABELLE
const htmlUberschrift=false;                             // mit Überschrift über der tabelle
const htmlSignature=true;                               // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='BlueSound Library';                // für Überschrift und Signature falls htmlUberschrift und htmlSignature ist true
const htmlFarbUber="white";                              // Farbe der Überschrift
const htmlSchriftWeite="normal";                         // bold, normal - Fettschrift für Überschrift
const htmlUEberFontGroesse="18px";                       // schriftgröße überschrift
//SEITENLEISTE
const ichWillSeitenLeiste=true;                          // links einblenden einer Seitenleiste
const nameSeitenLeiste="BLUESOUND"
const breiteSeitenleiste=35;
const schriftGroesseSeitenleiste=14;
const abstandSeitentextVonOben=4;
const htmlFarbSeiteSchrift="white";
const htmlBackgroundFarbeSeitenliste="blue";
//BUTTON ÜBERSCHRIFT
const htmlBackgroundButtonUeberschrift="transparent";
//SUCHE
let bkgroundSearch=1;                                    //   hintergrund für suche-ergebnis und flexboxen    // 1: carbon; 2: iobroker; 3: colored bubbles;  4: gradient farben von htmlFarbTableColorGradient1; 5: gradient farben wie farbeUngeradeZeilen; 6: heller hintergrund
const sucheEin=false;
const sucheHoehe=25;
//MEHRERE TABELLEN NEBENEINANDER
let mehrfachTabelle=1;                                   // bis zu 3 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3 !!!
const trennungsLinie=1;                                // extra trennungslinie bei mehrfachtabellen - evtl auf 0 stellen, wnn htmlRahmenLinien auf none sind
const farbetrennungsLinie="#5590CA";                     // bei mehreren Tabellen nebeneinander wird ein Strich zw. den Tabellen gezogen
const htmlFarbTableColorUber="white"                     // Spalten-Überschrift in der tabelle - für die einzelnen Spalten //"#BDBDBD"; 
const htmlFarbZweiteTabelle="white";                     // Farbe der Spalten-Überschrift bei jeder 2.ten Tabelle        
//ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
const UeberSchriftHoehe=30;                            // Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="1";                        // Liniehoehe nur unter Spaltenüberschrift  
const farbeLinieUnterUeberschrift="#233E58";               // LinienFarbe unter Spaltenüberschrift
const groesseUeberschrift=12; 
const UeberschriftStyle="normal"                         // möglich "bold"
const UeberschriftSpalten=true;                          // ein- oder ausblenden der spatlen-überschriften
//GANZE TABELLE
const abstandZelle="7";                                  // legt den abstand in den zellen zum rahmen fest
const zeilenAbstand=20;                                   // legt den abstand zwischen den zeilen fest
const farbeUngeradeZeilen="#2F2F2F";                     // Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2 - bei "transparent" gewinnt htmlFarbTableColorGradient1
const farbeGeradeZeilen="#3c3c3c"//"#151515";            // Farbe für gerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2   - bei "transparent" gewinnt htmlFarbTableColorGradient2
let weite="300";                                        // Weite der Tabelle - verhindert das dynamische breiter werden, wenn werte unterschiedliche werte haben
let hoeheTabelle=387;
const zentriert=true;                                    // ganze tabelle zentriert im html Widget - muss in pixel angegeben werden oder "auto"
const backgroundAll="#000000";                           // Hintergrund für die ganze Seite - für direkten aufruf oder iqontrol sichtber - keine auswirkung auf vis-widget
const htmlSchriftart="Helvetica"//"Ubuntu-Regular"                    // "Jura-DemiBold"   //"RobotoCondensed-Bold"   //"Helvetica"; .....
const htmlSchriftgroesse="12px";                         // schriftgröße in den zellen
const rahmenBreite="1px";                                //mit 0 ist äußerer rahmen weg
//FELDER UND RAHMEN
const htmlFarbFelderschrift="#CBCBCA";                   // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#CBCBCA";                  // SchriftFarbe der Felder für jede 2te Tabelle
const htmlGragient=[150,30,70];                          // einstellung des gradienten
const htmlFarbTableColorGradient1="#0F263D";             // Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2= "#233E58"//"#5590CA";              // Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf  
const htmlFarbTableBorderColor="grey";                   // Farbe des Rahmen - ist dieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="none";                             // Format für Rahmen: MÖGLICH: "none" oder "all" oder "cols" oder "rows"


// AB HIER NICHTS  ÄNDERN -------------------------------------------------------------------------------------------------
// AB HIER NICHTS  ÄNDERN -------------------------------------------------------------------------------------------------
// AB HIER NICHTS  ÄNDERN ---------------------------------erst wieder ab Zeile 134----------------------------------------

let borderHelpBottum;
let borderHelpRight;
let htmlcenterHelp;
let htmlcenterHelp2;

let trHelperClass=" ";
let htmlTabUeber4;
let htmlTabUeber2;
let htmlTabUeber2_1;
let searchMe;
let htmlSeitenleiste;
let htmlTabStyle;
let htmlTabUeber3="";       //wird in function writeHTML gesetzt - wegen umschalten views

let buttonScript; //scripte am ende einfügen

let bkgDiv;   //background scroll-div
let scrollBar; //dünne scrollbar

let aktiv=-1; let inaktiv=0;
let myButtonUeberschrift; //not in use
let htmlZentriert;   //css
let einmalAbstand; //seitenleiste

if(String(htmlRahmenLinien)=="rows") {borderHelpBottum=1;borderHelpRight=0;}
if(String(htmlRahmenLinien)=="cols") {borderHelpBottum=0;borderHelpRight=1;}
if(String(htmlRahmenLinien)=="none") {borderHelpBottum=0;borderHelpRight=0;}
if(String(htmlRahmenLinien)=="all")  {borderHelpBottum=1;borderHelpRight=1;}
zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";

if(weite=="auto") {weite="100%"} else {weite=String(Number(weite)*mehrfachTabelle)}

 makeMyCSS();
 makeMySearch_Seitenleiste();
 makeMyVisScripte();

//------------------------------------------------------
if ( !(val.length == Feld1lAlign.length && htmlSpalte1Weite.length == htmlFeld.length && val.length == htmlFeld.length) || (mehrfachTabelle<1 || mehrfachTabelle>3) ) 
     { log("Anzahle der Definitions Arrays sind ungleich ODER mehrfachTabelle ist falsch - Script wurde gestoppt !!!","error");
         // @ts-ignore
         stopScript();}

let langeGesamt=0; 
let htmlTabUeber="";
let htmlOut="";
let mix;
let counter;
let makeJsonWidget;
let myObject=[];

let mitAlphabet=false;

needDP();

function writeHTML(){

    // rückkopplung zu vis -werteliste
setTimeout(function () {  setState("0_userdata.0.Rookie.VIEW.SEUERUNG.toPlay",false);
                             setState("0_userdata.0.Rookie.VIEW.SEUERUNG.addNext",false);
                             setState("0_userdata.0.Rookie.VIEW.SEUERUNG.addLast",false);  
                         }, 500);



    aktiv=-1;  inaktiv=0;
let seitenLeistenTest="";
//log(flexboxView.toString())
flexboxView ? htmlTabUeber3=`</tr></thead><tbody></tbody></table><div class="divFlexBoxen${dpVIS}">` :
             htmlTabUeber3=`</tr></thead><tbody class="scrollContent${dpVIS}" > `;
let htmlTabUeber1=htmlTabUeber4
myObject=[]
let helperLeerzeile=""
let makeJsonWidget=[];
htmlOut="";
counter=-1;

//--------------------------------------------------------------------------------------------------------------------------------------------------
//---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
//---------alle val[x] werte müssen von euch bestimmt werden - val[0],val[1],val[2] !!!-------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------

let valueuptime
let myReturnJson=[]
let myDataJson=JSON.parse(getState("0_userdata.0.Rookie.VIEW.JSON").val)
myReturnJson.push({
      "nummer": "0",
      "anzeige":"return",
      "value" : "Return",
      "file" : "⏱"

 })
let myJSONDATA =myReturnJson.concat(myDataJson) 
//log(JSON.stringify(myJSONDATA))

for (let i=0; i<myJSONDATA.length;i++) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
     
       val[0]=val[1]=val[1]=val[2]=val[3]= "missingState";
            
           // log( myJSONDATA.anzeige)  
     

        myObject.push({                "value0" : myJSONDATA[i].anzeige,            //  "INSTANCE"
                                       "value1" : myJSONDATA[i].nummer,            //  "SINCE"
                                       "value2" : myJSONDATA[i].file,            //  "STATUS"
                                       "value3" : myJSONDATA[i].value
                                          //   ID
                                                       })
               
          makeJsonWidget.push({        [htmlFeld[0]] : val[0],  //  "INSTANCE"
                                       [htmlFeld[1]] : val[1],  //  "SINCE"
                                       [htmlFeld[2]] : val[2]
                                                       })  
        
          
         
                                                 // diese function muss als letztes in der eigenen schleife aufgerufen werden
   };                                            // Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!

  // Sortierungen---------------------------------------------------------
  //welcheSortierung=3
  
 
  if( sortierenEIN && (welcheSortierung==3 || welcheSortierung==4 || welcheSortierung==1)    ) {
             if(welcheSortierung==3) myObject.sort(function (alpha, beta) { return  Number(beta["value4"]) -Number(alpha["value4"]);   }); 
             if(welcheSortierung==4) myObject.sort(function (alpha, beta) { /*log(beta.valueuptime+" --" +alpha.valueuptime);*/ return  beta.valueuptime -alpha.valueuptime;   });
             if(welcheSortierung==1)   myObject.sort( function( a, b )   {
                                         	a = a["value1"].split( '.' );
                                         	b = b["value1"].split( '.' );
                                       	for( var i = 0; i < a.length; i++ )	{
   	                                 	if( ( a[i] = parseInt( a[i] ) ) < ( b[i] = parseInt( b[i] ) ) )
   	                         		return -1;	else if( a[i] > b[i] )
   	                            	return 1;}  	return 0;} );                                      

             } else {
    switch (welcheSortierung) {
       case 0: sortMe("alpha","value0");break;  
       case 1: break;
       case 2: sortMe("bool","value2");break;  
       case 3: break;  
       case 4: break;  
       case 5: sortMe("alpha","value5");break; 
       case 6: sortMe("alpha","value6");break;
    }   }

   for(let zz=0;zz<myObject.length;zz++){

 // Unterüberschften ------------------------------------------------------       
        if (mitAlphabet){
          if( myObject[zz].value0[0]!=helperLeerzeile){ tabelleAusbessern();
                                                        counter=-1;  for(let ic=0;ic<mehrfachTabelle;ic++ ) { for (let tt=0 ;tt<val.length;tt++) 
                                                                                                                  { tt==0 && ic==0 ? val[tt]=(myObject[zz].value0[0]).toUpperCase() : val[tt]="&ensp;"
                                                                                                                  }   
                                                                                                              counter++;tabelleBind();langeGesamt++; }
          helperLeerzeile=myObject[zz].value0[0] } ; sortierenEIN=false;}

 // Zuteilung der Tabellenspalten-------------------------------------------
   aktiv++
    val[0]=""
    val[1]=myObject[zz].value0;
    log(myObject[zz].value3)
    val[2]=myObject[zz].value1; // log(typeof val[2])
   // val[2]=myObject[zz].value2;
 //  let valButton2=""
   // val[2]="<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton2+"\')\">"+"➡️" + "</button>"
    val[4]= ""// "<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnShortcut\(\'"+"valButton"+"\')\">"+"🤍" + "</button>" //myObject[zz].value3;
//log(myObject[zz].value3)
  let valButton=myObject[zz].value1;
  if (myObject[zz].value2.includes("📁"))   { let valButton=myObject[zz].value1;
                                             val[0]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnNewFolder\(\'"+valButton+"\')\">"+myObject[zz].value2 + "</button>"
                                             valButton=encodeURI(getState("0_userdata.0.Rookie.braucheNeueDatenNeu").val+"/"+myObject[zz].value3)
                                              val[2]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnFolderPlay\(\'"+valButton+"\')\">"+"▶️" + "</button>" 
                                             
                                              val[3]="<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnFolderAdd\(\'"+valButton+"\')\">"+"⏩" + "</button>"
                                              val[3]=val[3]+"<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnFolderAddLast\(\'"+valButton+"\')\">"+"⏭️" + "</button>"
                                              }
  if (myObject[zz].value2.includes("⏱"))   {val[0]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnNewFolder\(\'"+valButton+"\')\">"+myObject[zz].value2 + "</button>"
                                              val[2]=""; val[2]="";val[4]=decodeURI(getState("0_userdata.0.Rookie.braucheNeueDatenNeu").val.replace(/^.+\/(.+)$/,"$1"))
                                              val[3]=""}
  if (myObject[zz].value2.includes("🎵"))   {val[0]= "<font color=\"#A4ACF0\">"+" &#9834;"+" </font> " //+ myObject[zz].value2+" "+val[0] 
                                             let valButton=encodeURI(myObject[zz].value3)
                                             val[2]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3Play\(\'"+valButton+"\')\">"+"▶️" + "</button>"
                                            
                                             val[3]="<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3Add\(\'"+valButton+"\')\">"+"⏩" + "</button>"
                                           //   val[3]=val[3]+"<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3Play\(\'"+valButton+"\')\">"+"⏩" + "</button>"
                                             val[3]=val[3]+"<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3AddLast\(\'"+valButton+"\')\">"+"⏭️" + "</button>"
                                             }
/* &#127926;
    
   if (!myObject[zz].value2) {val[2]=symbolSchalter[2];inaktiv++}
    if (myObject[zz].value2)  {val[2]=symbolSchalter[1];aktiv++}
   
    if (!myObject[zz].value2) {     val[0]="<font color=\""+farbeInaktiverShelly +"\">"+val[0]+"</font>";
                                   val[1]="<font color=\""+farbeInaktiverShelly +"\">"+val[1]+"</font>";
                                   val[2]="<font color=\""+farbeInaktiverShelly +"\">"+val[2]+"</font>";
                                   val[3]="<font color=\""+farbeInaktiverShelly +"\">"+val[3]+"</font>";
                                   val[4]="<font color=\""+farbeInaktiverShelly +"\">"+val[4]+"</font>";
                                   val[5]="<font color=\""+farbeInaktiverShelly +"\">"+val[5]+"</font>";
                                   val[6]="<font color=\""+farbeInaktiverShelly +"\">"+val[6]+"</font>";

                              }  */
     counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
    flexboxView ? flexboxBind() : tabelleBind();                                   // HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  
     langeGesamt++;                                   // WICHTIG Seitenleiste
   }
 

//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------


   htmlTabUeber2=""
  
//SpaltenÜberschrift
for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { if (!schalterInSpaltenUeberschrift[ue] ) { 
                   htmlTabUeber2=htmlTabUeber2.concat("<td  style=\"color:"+htmlFarbTableColorUber+"\">"+htmlFeld[ue]+"</td>")} 
                   else {let valButton="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte"+ue;
                    if(ue==htmlSpalte1Weite.length-1) {htmlTabUeber2=htmlTabUeber2.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+
                                                                  "<button class=\"myButt"+dpVIS+"\" style=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"\; color: "
                                                                  +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text\-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                  +htmlFeld[ue]+"</button>"+" <font style=\"; font-weight: normal; font-size :"+groesseUeberschrift+"; color: "+htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+";\" >"+aktiv+"</th>")} else{
                                       htmlTabUeber2=htmlTabUeber2.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\">"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"\; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")} } //symbolSchalter[ue]   
                      }

//SpaltenÜberschrift bei mehrfachtabelle

if (!flexboxView){ htmlTabUeber2_1=""
for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { let valButton="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte"+ue;
   if(ue==htmlSpalte1Weite.length) {htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")}
   else{ if(ue==0){htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")


   } else{
    htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")}}  } 

}else { htmlTabUeber2_1="";for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+" emptyFlex2_1"+dpVIS+"\">"+htmlFeld[ue]+"</th>")}
    
/*    for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { 
    htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")}*/
}                                                                  
                                                                   

 htmlTabUeber="";

 switch (mehrfachTabelle) { 
   case 1: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber3;  break;
   case 2: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
   case 3: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2_1+htmlTabUeber3; break;
   case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
  };   
  if (!UeberschriftSpalten) {htmlTabUeber=""}

   flexboxView ? flexboxFinish() :  tabelleFinish(); 
      if (braucheEinJSON ) {setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".JSONVis",JSON.stringify(makeJsonWidget),1000 )}
     
} // function ende

//MAIN:
 
schedule(mySchedule,  function () { 
 writeHTML();
// if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
}); 

on({id: "0_userdata.0.Rookie.VIEW.JSON", change: "any"}, function (obj) { 
 // var value = obj.state.val;
 // log("bekommeXML: "+value)
      writeHTML();
});


setTimeout(function () {writeHTML();  }, 2050);                                 

 function tabelleBind(){
  
   switch (mehrfachTabelle) { 

   case 1: if(counter%2==0)   {htmlOut=htmlOut+"<tr class=\"myclasstr_gerade"+dpVIS+" \">";
                               for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>"); // style=\"width:"+htmlSpalte1Weite[u]+"\" 
                                                            }  htmlOut=htmlOut.concat("</tr>");   break;

                               } else   {htmlOut=htmlOut+"<tr class=\"myclasstr_ungerade"+dpVIS+" \">";
                                         for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>"); //style=\"width:"+htmlSpalte1Weite[u]+"\" 
                                                                      }  htmlOut=htmlOut.concat("</tr>");   break;
                               }
   
   case 2: if(counter%4==0){  if(counter%2==0)  {htmlOut = htmlOut+"<tr class=\"myclasstr_gerade"+dpVIS+" \">";
                                                 for(let u=0;u<val.length;u++){ if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                              {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                              }  
                                                                           
                                } else { for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");
                                                                      }  htmlOut=htmlOut.concat("</tr>");  } break;
                           } else {
                             if(counter%2==0)  {htmlOut=htmlOut+"<tr class=\"myclasstr_ungerade"+dpVIS+" \">";
                                                for(let u=0;u<val.length;u++){  if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                             {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+" toDel"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                             }  
                                } else {        for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");
                                                                             }  htmlOut=htmlOut.concat("</tr>");  }  break;}

   case 3: if(counter%2==0)  {  if(counter%3==0 ) {htmlOut = htmlOut+"<tr class=\"myclasstr_gerade"+dpVIS+" \">";
                                                   for(let u=0;u<val.length;u++){if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                                {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+" toDel"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                                                        }  
                               } else { if(counter%3==1)  {for(let u=0;u<val.length;u++){  if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");} else
                                                                                                              {htmlOut=htmlOut.concat("<td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ "; color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>")}
                                                                                                        }  
                                                          } else  { for(let u=0;u<val.length;u++){  htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");
                                                                                                 }  htmlOut=htmlOut.concat("</tr>");  } }  break;
                             } 
                             else {
                                if(counter%3==0 )  {htmlOut = htmlOut+"<tr class=\"myclasstr_ungerade"+dpVIS+" \">";
                                                   for(let u=0;u<val.length;u++){ if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                                                     {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+" toDel"+dpVIS+" toDel"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                                                        }  
                                                                                                        
                             } else{ if(counter%3==1 )  { for(let u=0;u<val.length;u++){ if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");} else
                                                                                                            {htmlOut=htmlOut.concat("<td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ "; color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>")}
                                                                                                        }  
                                                         } else {        for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");
                                                                                                      }  htmlOut=htmlOut.concat("</tr>"); } } break;
                             }                                        


                                
        } //switch ende

}

 function tabelleAusbessern() {         // bessert mei mehrfachtabellen die nicht vollen zeilenn aus - bevor die unterüberschriften kommen

switch (mehrfachTabelle) {
        
       case 1:    break;
       case 2:    let helpMehrfach="</td>";
                  for(let w=0;w<val.length;w++){helpMehrfach=helpMehrfach.concat("<td>&ensp;</td>")};helpMehrfach=helpMehrfach.concat("</tr>")
                  if(counter%2==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach);
                  break;
       case 3:   let helpMehrfach2="</td>";
                 for(let w=0;w<val.length;w++){helpMehrfach2=helpMehrfach2.concat("<td>&ensp;</td>")};helpMehrfach2=helpMehrfach2.concat("</tr>")
                 if(counter%3==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach2);
                 let helpMehrfach3="</td>";
                 let helpMehrfach31="";for(let w=0;w<val.length;w++){helpMehrfach31=helpMehrfach31.concat("<td>&ensp;</td>")}
                 for(let w=0;w<val.length;w++){if(w<val.length-1) {helpMehrfach3=helpMehrfach3.concat("<td>&ensp;</td>")} else
                                                         {helpMehrfach3=helpMehrfach3.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+"\" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td>"+helpMehrfach31)}
                                                   };helpMehrfach3=helpMehrfach3.concat("</tr>")        
                 if(counter%3==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach3);  break; }}

 function tabelleFinish() {

switch (mehrfachTabelle) {
        
       case 1:    break;
       case 2:    let helpMehrfach="</td>";
                  for(let w=0;w<val.length;w++){helpMehrfach=helpMehrfach.concat("<td>&ensp;</td>")};helpMehrfach=helpMehrfach.concat("</tr>")
                  if(counter%2==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach);
                  break;
       case 3:   let helpMehrfach2="</td>";
                 for(let w=0;w<val.length;w++){helpMehrfach2=helpMehrfach2.concat("<td>&ensp;</td>")};helpMehrfach2=helpMehrfach2.concat("</tr>")
                 if(counter%3==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach2);
                 let helpMehrfach3="</td>";
                 let helpMehrfach31="";for(let w=0;w<val.length;w++){helpMehrfach31=helpMehrfach31.concat("<td>&ensp;</td>")}
                 for(let w=0;w<val.length;w++){if(w<val.length-1) {helpMehrfach3=helpMehrfach3.concat("<td>&ensp;</td>")} else
                                                         {helpMehrfach3=helpMehrfach3.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+"\" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td>"+helpMehrfach31)}
                                                   };helpMehrfach3=helpMehrfach3.concat("</tr>")        
                 if(counter%3==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach3);  break; }
     
        var htmlUeber=    "<p  class=\"divWeiten"+dpVIS+"\" style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlUEberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), 'SS:mm:ss')+"</p>"; 
        if(mitSearch) htmlUeber=htmlUeber+searchMe
        var htmlUnter= "<div class=\"divWeiten"+dpVIS+"\" style=\"margin-top: 10px; color:"+htmlFarbUber+"; height: 30px; font-family:"+htmlSchriftart+"; font-size: 85%; text-align: center;\" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), "SS:mm:ss");"</div>";
        
        if (!htmlSignature) htmlUnter="";
             var htmlOutVIS="";
             if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript ;
            } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript;
            }
                

  // log("bin raus aus tabelleBind");
           if (braucheEinVISWidget)  setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis", htmlOutVIS ,1000);

 var htmlUnter= "<div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; height: 30px; font-size: 80%;  text-align: center; \" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), "SS:mm:ss");+"</div>"

 if (!htmlSignature) htmlUnter="";
  var htmlEnd="</table>"+htmlUnter+"</div></body>";
 //mit oder ohne überschrift - zentriert oder links
//htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);


}


function flexboxBind(){


  htmlOut=htmlOut+"<div class=\"divFlexBoxenEinzeln"+dpVIS+" divInFlex"+dpVIS+"\"> <div  style=\"font-size: 125%; font-weight: bold\">"+val[0]+"</style></div><br>IP: "+val[1]+"<br>RSSI: "+val[4]
                                                                 +" </div>"
 //setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis", myFlexer ,1000);  "<br> "+val[3]+   "<br> "+val[5]+
 //log(htmlOut)
  }

function flexboxFinish(){
var htmlUeber=    "<p  class=\"divWeiten"+dpVIS+"\" style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlUEberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), 'SS:mm:ss')+"</p>"; 
        if(mitSearch) htmlUeber=htmlUeber+searchMe
        var htmlUnter= "<div class=\"divWeiten"+dpVIS+"\" style=\"margin-top: 10px; color:"+htmlFarbUber+"; height: 30px; font-family:"+htmlSchriftart+"; font-size: 85%; text-align: center;\" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), "SS:mm:ss");"</div>";
// htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript ;
   var htmlOutVIS="";
             if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript ;
            } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript;
            }
 // htmlOut=htmlOut+"<div> val[0] <br> val[2] </div>"
 setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis", htmlOutVIS ,1000);
}


async function needDP(){
   for(let s=0;s<schalterInSpaltenUeberschrift.length;s++){ if(schalterInSpaltenUeberschrift[s]){
   if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte"+s))) {
       await createStateAsync("Tabellen@Liv."+dpVIS+".Spalte"+s, false,{type: "boolean", name: "Schalter_Spalte"+s, role: "value", read: true, write: true, } ); } 
     }}

   if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis"))) {
       await createStateAsync("Tabellen@Liv."+dpVIS+".HTMLTableVis", "empty",{type: "string", name: "HTML_Standard_Widget_mit_Binding", role: "value", read: true, write: true, } ); } 
    if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVIS+".JSONVis"))) {
       await createStateAsync("Tabellen@Liv."+dpVIS+".JSONVis", "",{type: "string", name: "JSON Format", role: "value", read: true, write: true, } ); }   
   



}
  setTimeout(function () { 

   let arrTriggerSchalter=[]
   $("javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte*").each(function(id, i) {  
          arrTriggerSchalter.push(id) 
   });
 //  log(arrTriggerSchalter.toString())
   on({id: arrTriggerSchalter, ack: false, change: "any"}, function (obj) { 
     //  log(obj.id)
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte0") welcheSortierung=1;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte1" )  welcheSortierung=1 ;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte2" )  welcheSortierung=1; 
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte4")  welcheSortierung=3;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte3" )  welcheSortierung=1;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte5") welcheSortierung=5;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte6" )  welcheSortierung=6; 

     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte7" )  flexboxView=!flexboxView; 
     
   //  log(String(mehrfachTabelle))
  setTimeout(function () {  
       writeHTML();
     //  if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
}, 900);
    

     
   });}, 5050);


//SORTIEREN
function sortMe(myType,value){

if(myType=="alpha" ){ myObject.sort(function (alpha, beta) {
            if ((alpha[value].toString().toUpperCase()).trim() > (beta[value].toString().toUpperCase()).trim())
               return 1;
            if ((beta[value].toString().toUpperCase()).trim()> (alpha[value].toUpperCase().toString()).trim())
               return -1;
            return 0;
           });}
if(myType=="bool" ) {
     
  myObject .sort(function(x, y) { return x[value] - y[value] }); }       


  if(myType=="num" )   { myObject.sort(function (alpha, beta) {
                     return  beta[value] -alpha[value];   });}

}


function makeMyCSS() {

   trHelperClass=" ";
for (let jj=0;jj<(Feld1lAlign.length)*mehrfachTabelle;jj++) {  //"td:nth-child(1) {width: "+htmlSpalte1Weite[0]+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite[1]+"}"+
       trHelperClass= trHelperClass+ " .scrollContent"+dpVIS+" td"+":nth-of-type("+(jj+1)+") {width: "+htmlSpalte1Weite[jj]+"; text-align: "+Feld1lAlign[jj]+" }"
 }
 //log(trHelperClass)
switch (bkgroundSearch){
   case 1 :   bkgDiv=`background:
                      radial-gradient(black 15%, transparent 16%) 0 0,
                      radial-gradient(black 15%, transparent 16%) 8px 8px,
                      radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
                      radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
                      background-color:#282828;
                      background-size:16px 16px;`; break;

  case 2 : bkgDiv=`background:
                   url(data:image/gif;base64,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)`
                  ; break

  case 3 : bkgDiv=`background:
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
                   linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
                   background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
                   background-color: #840b2a;`; break;

  case 4 : bkgDiv=`background: radial-gradient(${htmlFarbTableColorGradient1}, ${htmlFarbTableColorGradient2});`; break;   //265686 5590CA 2F2F2F 3c3c3c
  case 5 : bkgDiv=`background: radial-gradient(${farbeUngeradeZeilen}, ${farbeGeradeZeilen});`; break;   //265686 5590CA 2F2F2F 3c3c3c

  case 6 : bkgDiv=`background: radial-gradient(#bfbcbc, #ffffff);`; break;   //265686 5590CA 2F2F2F 3c3c3c


}

scrollBar=` .thescroller${dpVIS}::-webkit-scrollbar { width: 5px;}
.thescroller${dpVIS}::-webkit-scrollbar-track {background: transparent; width: 5px;}
.thescroller${dpVIS}::-webkit-scrollbar-thumb {border-radius: 40px; border: transparent ; background: ${htmlFarbTableColorGradient1}; }
.thescroller${dpVIS} {scrollbar-width: thin; scrollbar-color: ${htmlFarbTableColorGradient1} transparent;}}`

myButtonUeberschrift=" .myButt"+dpVIS+" {border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color: "+htmlBackgroundButtonUeberschrift+"\; color: "+htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left;}"


          htmlZentriert=   "<style>"+                       // <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />
           /*weite*/          " .divWeiten"+dpVIS+" {  width: "+weite+"px }"+
           /*thead*/          " .fixedHeader"+dpVIS+" { position: sticky; top: 0px ; overflow-y:auto; overflow-x: hidden; width: 100%;  height: "+UeberSchriftHoehe+"px; border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+";"+
                                              " font-family:"+htmlSchriftart+"\;  color:"+htmlFarbTableColorUber+"; "+  //  border-spacing:"+abstandZelle+"px;
                                              " font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+";  background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); }"+ //
           /*tbody */         " .scrollContent"+dpVIS+" { width: 100%;  overflow-y: scroll;   }"+ // height: "+hoeheTabelle2+"px; 
                              
                              " .scrollContent"+dpVIS+" td {padding: "+abstandZelle+"px;}"+
           /*div*/            " .tableContainer"+dpVIS+" {  display: flex; flex-direction: column;  height: "+hoeheTabelle+"px; width: "+weite+"px; overflow-y:auto; overflow-x: hidden ; "
                                                         +bkgDiv+" }"+  // position: sticky; top: 0; background-color: black;
           /*seitenl*/        " .seitenleiste"+dpVIS+" { background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); color: " //background-color: "+htmlBackgroundFarbeSeitenliste+";
                                                         +htmlFarbSeiteSchrift+ ";font-size:"+schriftGroesseSeitenleiste+"px; vertical-align:top; text-align:center; width: "+breiteSeitenleiste+"px}"+  //margin-top: 30px;
                              " .flexContainer"+dpJSON+" {display: flex; width: "+weite+"px}"+                        
           /*table*/          " .tablezusatz"+dpVIS+" {  border:"+rahmenBreite+";  "+  //table-layout: fixed;
                                             "width:100%; color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+";"+
                                             "font-family:"+htmlSchriftart+"; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); }"+
                              " .mythclass0"+dpVIS+" {    }"+  //text-align:"+Feld1lAlign[0]+"
                              " .mythclass1"+dpVIS+" {   }"+
                              " .mythclass2"+dpVIS+" {   }"+
                              " .mythclass3"+dpVIS+" {  }"+
                              " .mythclass4"+dpVIS+" {  }"+
                              " .mythclass5"+dpVIS+" {  }"+
                              " .mythclass6"+dpVIS+" {   }"+ 
                              " .divFlexBoxen"+dpVIS+" {overflow-y: scroll; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: "+(hoeheTabelle-(Number(UeberSchriftHoehe)))+"px;  align-items: center; justify-content: center; }"+ 
                              " .divFlexBoxenEinzeln"+dpVIS+" { padding: 20px; color: "+htmlFarbFelderschrift+"; border: 2px solid; border-radius: 25px; width: auto; height: auto; border-color: "+htmlFarbTableColorGradient2+"; margin: 10px;}"+
                              " .divInFlex"+dpVIS+" {  background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" 10%,"+htmlFarbTableColorGradient1+" 20%); }"+ //  "+htmlGragient[1]+"   "+htmlGragient[2]+" 
                              " .emptyFlex2_1"+dpVIS+" { color: transparent; background-image: none !important; background-color: "+htmlFarbTableColorGradient1+" !important;}"+
                            //  " th {position: sticky; top: 0px ; height: "+UeberSchriftHoehe+"px; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); }"+  //position: sticky; top: 0px ;
                              " .myclassueber_spalte_button     {color:"+htmlFarbTableColorUber+"}"+
                              " .myclassueber_spalte_ohne_button{color:"+htmlFarbTableColorUber+"}"+
                              " .myTHclass"+dpVIS+" {position: sticky; top: 0px ; height: "+UeberSchriftHoehe+"px; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%);}"+
                              " .myTRclass"+dpVIS+" {}"+
                              " .myclasstr_gerade"+dpVIS+" { height:"+zeilenAbstand+"px; background-color:"+farbeGeradeZeilen+"}"+  //border-spacing:"+abstandZelle+"px; 
                              " .myclasstr_ungerade"+dpVIS+" {  height:"+zeilenAbstand+"px;  background-color:"+farbeUngeradeZeilen+"}"+ //border-spacing:"+abstandZelle+"px;
                              " .myclasstd_normal"+dpVIS+" {}"+
                              " .myclasstd_trennungslinie"+dpVIS+" {}"+
                              " .myinputclass"+dpVIS+" {width: "+weite+"px; border: 1px solid; border-color: "+htmlFarbTableColorGradient2+"; margin-bottom: 15px;  color: "+htmlFarbTableColorUber+
                                                       "; height: "+sucheHoehe+"px; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+
                                                       htmlGragient[2]+"%); font-family:"+htmlSchriftart+"\; font-size: 110%; color: "+htmlFarbTableColorUber+"}"+
                           trHelperClass+scrollBar+ //myButtonUeberschrift+
                         //     " .thescroller"+dpVIS+"::-webkit-scrollbar {width: 0px; }"+
                              "</style>"+'<center>'

//not in use

//alt -  falls eine extra html datei gebraucht wird
/*let htmlStart; //file
const path = "/htmlexample.html";                        //FIlenamen definieren
const home ='vis.0'                                      //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
let   braucheEinFile=false;                              // bei true wird ein file geschrieben
htmlStart=    "<!DOCTYPE html><html lang=\"de\"><head><title>Vorlage</title><meta http-equiv=\"content-type\" content=\"text/html;  http-equiv=\"refresh\" content=\"30\"; charset=utf-8\">"+
                   "<style> * {  margin: 0;} body {background-color: "+backgroundAll+"; margin: 0 auto;  }"+
                   " p {padding-top: 10px; padding-bottom: 10px; text-align: "+htmlcenterHelp2+"}"+
                  // " div { margin: 0 auto;  margin-left: auto; margin-right: auto;}"+
                   " td { padding:"+abstandZelle+"px; border:0px solid "+htmlFarbTableBorderColor+";  border-right:"+borderHelpRight+"px solid "+htmlFarbTableBorderColor+";border-bottom:"+borderHelpBottum+"px solid "+htmlFarbTableBorderColor+";}"+ 
                   " table { width: "+weite+";  margin: 0 "+htmlcenterHelp+"; border:1px solid "+htmlFarbTableBorderColor+"; border-spacing=\""+abstandZelle+"0px\" ; }"+   // margin macht center
                   "td:nth-child(1) {width: "+htmlSpalte1Weite[0]+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite[1]+"}"+
                   " </style></head><body> <div>";  */                             

}// endCSS



function makeMySearch_Seitenleiste() {

   
//const htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\">"+htmlFeldUeber+"</p>";   

  einmalAbstand=`<br>
`
 let seitenLeistenTest="&#128472;";
seitenLeistenTest= "<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnRefresh\(\'"+"valButton"+"\')\">"+seitenLeistenTest + "</button>"
 for (let f=0;f<abstandSeitentextVonOben;f++){ 
     seitenLeistenTest=seitenLeistenTest+`<br>
`}
 for (let i=0;i<nameSeitenLeiste.length;i++){
     seitenLeistenTest=seitenLeistenTest+nameSeitenLeiste[i]+`<br>
`
}

 htmlSeitenleiste="";
 if (ichWillSeitenLeiste) htmlSeitenleiste= "<div class=\"flexContainer"+dpJSON+"\"> <div class=\"seitenleiste"+dpVIS+"\">"+seitenLeistenTest+"</div>" ;// htmlTabUeber1=htmlTabUeber1+
searchMe="";
sucheEin ? searchMe="<div class=\"divWeiten"+dpVIS+"\"><input class=\"myinputclass"+dpVIS+"\" type=\"search\" id=\"search"+dpVIS+"\" placeholder=\"Filter by Item\""+">"+"</div>" :
           searchMe=""     
searchMe=searchMe+htmlSeitenleiste
htmlTabStyle= "<div class=\"tableContainer"+dpVIS+" thescroller"+dpVIS+"\" >"+
                   "<table class=\"tablezusatz"+dpVIS+"\" rules=\""+htmlRahmenLinien+"\">"+
                   "<thead class=\"fixedHeader"+dpVIS+"\">"
               

htmlTabUeber4="<tr class=\"myTRclass"+dpVIS+"\">";
}



function makeMyVisScripte() {

    let valSpalte=[] ;
   for(let kk=0;kk<val.length;kk++){
     valSpalte.push(val[kk])
   }

   let spaltenAnzeigeScript=`$(document).ready(function() { `
   let spaltenAnzeigeScriptEnd=` });` ;
for (let ff=0;ff<(valSpalte.length);ff++){
                                       // log(valSpalte[ff]); 
                                        if (valSpalte[ff]=="false") { spaltenAnzeigeScript=spaltenAnzeigeScript.concat(`$('td:nth-child(${(ff+1)}).toDel${dpVIS},th:nth-child(${(ff+1)}).toDel${dpVIS}').hide();`) 
                                                                      if (mehrfachTabelle==2) {spaltenAnzeigeScript=spaltenAnzeigeScript.concat(`$('td:nth-child(${(ff+1+valSpalte.length)}).toDel${dpVIS},th:nth-child(${(ff+1+valSpalte.length)}).toDel${dpVIS}').hide();`) }
                                                                      if (mehrfachTabelle==3) {spaltenAnzeigeScript=spaltenAnzeigeScript.concat(`$('td:nth-child(${(ff+1+(2*valSpalte.length))}).toDel${dpVIS},th:nth-child(${(ff+1+(2*valSpalte.length))}).toDel${dpVIS}').hide();`) }                        
                                        }}

buttonScript =   '<script> function setOnOtherValue(myval) {	var Self = this;	Self.servConn.getStates(myval, (error, states) => {  console.log(states); self.servConn.setState(myval, !states[myval].val);}  )}; '
                     + 'function setOnNewFolder(myval) {	var Self = this;	vis.setValue("0_userdata.0.Rookie.holdData",myval)}; '
                     + 'function setOnMp3Play(myval)    {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.PLAYmp3",myval)}; '
                     + 'function setOnMp3Add(myval)     {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADDmp3",myval)}; '
                     + 'function setOnFolderPlay(myval) {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.PLAY",myval)}; '
                     + 'function setOnFolderAdd(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADD",myval)}; ' 
                     + 'function setOnFolderAddLast(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADDLast",myval)}; '
                     + 'function setOnMp3AddLast(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADDmp3Last",myval)}; '
                     + 'function setOnRefresh(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.refreshAnzeige",true)}; ' 
                     + 'function setOnShortcut(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.SHORTCUT.now",true)}; ' 
                     + 'function setOnShortcutUsage(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.SHORTCUT.useShortcut",myval)}; '
                     + 'function setOnShortcutDelete(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.SHORTCUT.deleteShortcut",myval)}; '
                     + '$( "button.myButt'+dpVIS+'" ).click(function() {  $( this ).slideUp() });' //'[class*="test"]' [class~="value"]   "[class~='gerade']"
    /*search*/       + `var allRows = $("[class*='gerade${dpVIS}']");  $("input.myinputclass${dpVIS}").on("keydown keyup", function() {  allRows.hide();  $("tr:contains('" + $(this).val() + "')").show();});`
    /*search*/       + `var allRows2 = $("div.divFlexBoxenEinzeln${dpVIS}"); console.log(allRows2);  $("input.myinputclass${dpVIS}").on("keydown keyup", function() {  allRows2.hide();  $("div.divFlexBoxenEinzeln${dpVIS}:contains('" + $(this).val() + "')").show();});`
                     + `$( ".seitenleiste${dpVIS}" ).click(function() {var Self = this; var myvali='javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte7'; vis.setValue(myvali,true)    });`
    /*dbclick*/      + `$( "[class*='gerade${dpVIS}']" ).dblclick(function() {var Self = this; var myvali='javascript.${instance}.Tabellen@Liv.${dpVIS}.Spalte7'; vis.setValue(myvali,true)    });`
    /*dbclick*/      + `$( "[class*='divFlexBoxen${dpVIS}']" ).dblclick(function() {var Self = this; var myvali='javascript.${instance}.Tabellen@Liv.${dpVIS}.Spalte7'; vis.setValue(myvali,true)    });`
                     +   spaltenAnzeigeScript  +  spaltenAnzeigeScriptEnd  
                     +'</script>'


}

                    AApossis (54).gif

                    1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @Rookie50 last edited by liv-in-sky

                      @rookie50

                      soweit ich @da_Woody verstanden habe, kannst du einen teil der vis in iqontrol einbinden

                      d.h.

                      kannst du eine neue view machen, in der nur die valuelist widgets links oben zu sehen sind und die refresh und buttons
                      diesen kleine view dann in iqontrol einbinden - dann solltest du doch direkt bedienen können

                      du kannst nur nicht in der tabelle arbeiten, da dies direkt ein html ist - die neie kleine view wenn eingebunden ist, ist die grundlage vis - drüber ist iqontrol - dann sollte das funktionieren

                      1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @Rookie50 last edited by

                        @rookie50

                        habe gerade gemerkt, dass ich die anderen spalten nur ausblende mit jquery, was in iqontrol nicht funktioniert - daher sieht man in iqontrol alle spalten

                        das muss ichj anders lösen

                        du bekommst ein neues/anderes table script für iqontrol

                        R 1 Reply Last reply Reply Quote 0
                        • R
                          Rookie50 @liv-in-sky last edited by

                          @liv-in-sky 💋

                          liv-in-sky 3 Replies Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @Rookie50 last edited by

                            @rookie50 wie bindet man die vis seite in iqontrol ein - habe schon länger nicht damit gearbeitet

                            oder willst du kurz bei mir auf den pc drauf gehen

                            da_Woody 1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @Rookie50 last edited by

                              @rookie50

                              für iqontrol - kann man sicher noch schöner einstellen - aber es funzt 🙂

                              AApossis (56).gif

                              SCRIPT FÜR IQONTROL - 2 spaltig

                               //@liv-in-sky 2021  23.3.-15:40

// DAS WIDGET IN DER VIS
// das Standard html-Widget wird genutzt in der VIS - dazu den DP javascript.x.Tabellen@Liv.TestTabelleVIS.HTMLTableVis als binding angeben d.h.
// im html-teil des widgets wird dier daten punkt in geschweiften klammern angegeben z.B. {javascript.0.Tabellen@Liv.TestTabelleVIS.HTMLTableVis}

// @ts-ignore
let braucheEinVISWidget=true;                          // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let  dpVIS="SongsTabelleIQontrol"                            // WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  Ist der Name zum datenpunkt anlegen
let braucheEinJSON=false;                               // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let  dpJSON="SongsTabelleJSONIControl"                          // WICHTIG wenn braucheEinJSON auf true gesetzt !!   Ist der Name zum datenpunkt anlegen
let mySchedule="  */15 * * * * ";                         // jede minute  

//ZUSÄTZLICH VARIABLEN

let sortierenEIN=false;
let farbeInaktiverShelly="#5590CA"
let welcheSortierung=1;          // je nach spalte von 0 bis 6
let geteiteVersionsAnzeige=true; // version in spalte 7 wird 2-zeilig
const schalterUmrahmung="0"                              //wenn überschriften buttons sind , den rahmen mit 0 wegmachen 
let mitSearch=true;
let ipButtonColorONBkground="#CBCBCA"; 
let powerButtonColorONSchrift="black";
 let ipButtonColorONBkground2="#5590CA"; 
let powerButtonColorONSchrift2="white";

let flexboxView=false;   // startet im flexbox modus - keine tabelle


//---------------------------------------

//HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3 - es MÜSSEN in allen Arrays die GLEICHE Anzahl für die Werte sein
let htmlFeld=        ["","NAME"];              // GLEICHE ANZAHL !! NAME/ÜBERSCHRIFT DER SPALTE
let val=             ["true","true"];                 // GLEICHE ANZAHL !! SPALTE ANZEIGEN/AUSBLENDEN UND HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WERDEN -  jeder val[x] muss unten in der schleife gesetzt werden !!
let Feld1lAlign=     ["center","left"];         // GLEICHE ANZAHL !! AUSRICHTUNG IN DER SPALTE
let htmlSpalte1Weite=["25px","200px"];                        // GLEICHE ANZAHL !! BREITE DER SPALTE, wenn "0px" auto
let schalterInSpaltenUeberschrift=[true,true,true,true,true,true,true,true];                  // WENN BUTTONS INSTALLIERT WERDEN - sonst false
let symbolSchalter=              ["na","&check;","&cross;"];        //ONLINE SYMBOLE         // SYMBOLE DER BUTTONS - standardmäßig sind die spaltennamen (htmlFeld) genutzt - werden im standard nicht genutzt
//-----------------------------------

//Symbole für Tabelle z.b.: ⚪  ⚫ ⭕  ➕ ➖ 🎵 🔴 🔵 ⏱ 💀 👍 👎 📑 💲 👀 🔹 ✅ ❌ ⚠️ mehr: https://emojiterra.com/de/ oder https://unicode-table.com/de/html-entities/

//hier werden die styles für die tabelle definiert
//ÜBERSCHRIFT ÜBER TABELLE
const htmlUberschrift=false;                             // mit Überschrift über der tabelle
const htmlSignature=true;                               // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='BlueSound Library';                // für Überschrift und Signature falls htmlUberschrift und htmlSignature ist true
const htmlFarbUber="white";                              // Farbe der Überschrift
const htmlSchriftWeite="normal";                         // bold, normal - Fettschrift für Überschrift
const htmlUEberFontGroesse="18px";                       // schriftgröße überschrift
//SEITENLEISTE
const ichWillSeitenLeiste=true;                          // links einblenden einer Seitenleiste
const nameSeitenLeiste="BLUESOUND"
const breiteSeitenleiste=35;
const schriftGroesseSeitenleiste=14;
const abstandSeitentextVonOben=4;
const htmlFarbSeiteSchrift="white";
const htmlBackgroundFarbeSeitenliste="blue";
//BUTTON ÜBERSCHRIFT
const htmlBackgroundButtonUeberschrift="transparent";
//SUCHE
let bkgroundSearch=1;                                    //   hintergrund für suche-ergebnis und flexboxen    // 1: carbon; 2: iobroker; 3: colored bubbles;  4: gradient farben von htmlFarbTableColorGradient1; 5: gradient farben wie farbeUngeradeZeilen; 6: heller hintergrund
const sucheEin=false;
const sucheHoehe=25;
//MEHRERE TABELLEN NEBENEINANDER
let mehrfachTabelle=1;                                   // bis zu 3 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3 !!!
const trennungsLinie=1;                                // extra trennungslinie bei mehrfachtabellen - evtl auf 0 stellen, wnn htmlRahmenLinien auf none sind
const farbetrennungsLinie="#5590CA";                     // bei mehreren Tabellen nebeneinander wird ein Strich zw. den Tabellen gezogen
const htmlFarbTableColorUber="white"                     // Spalten-Überschrift in der tabelle - für die einzelnen Spalten //"#BDBDBD"; 
const htmlFarbZweiteTabelle="white";                     // Farbe der Spalten-Überschrift bei jeder 2.ten Tabelle        
//ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
const UeberSchriftHoehe=30;                            // Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="1";                        // Liniehoehe nur unter Spaltenüberschrift  
const farbeLinieUnterUeberschrift="#233E58";               // LinienFarbe unter Spaltenüberschrift
const groesseUeberschrift=12; 
const UeberschriftStyle="normal"                         // möglich "bold"
const UeberschriftSpalten=true;                          // ein- oder ausblenden der spatlen-überschriften
//GANZE TABELLE
const abstandZelle="7";                                  // legt den abstand in den zellen zum rahmen fest
const zeilenAbstand=20;                                   // legt den abstand zwischen den zeilen fest
const farbeUngeradeZeilen="#2F2F2F";                     // Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2 - bei "transparent" gewinnt htmlFarbTableColorGradient1
const farbeGeradeZeilen="#3c3c3c"//"#151515";            // Farbe für gerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2   - bei "transparent" gewinnt htmlFarbTableColorGradient2
let weite="300";                                        // Weite der Tabelle - verhindert das dynamische breiter werden, wenn werte unterschiedliche werte haben
let hoeheTabelle=387;
const zentriert=true;                                    // ganze tabelle zentriert im html Widget - muss in pixel angegeben werden oder "auto"
const backgroundAll="#000000";                           // Hintergrund für die ganze Seite - für direkten aufruf oder iqontrol sichtber - keine auswirkung auf vis-widget
const htmlSchriftart="Helvetica"//"Ubuntu-Regular"                    // "Jura-DemiBold"   //"RobotoCondensed-Bold"   //"Helvetica"; .....
const htmlSchriftgroesse="12px";                         // schriftgröße in den zellen
const rahmenBreite="1px";                                //mit 0 ist äußerer rahmen weg
//FELDER UND RAHMEN
const htmlFarbFelderschrift="#CBCBCA";                   // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#CBCBCA";                  // SchriftFarbe der Felder für jede 2te Tabelle
const htmlGragient=[150,30,70];                          // einstellung des gradienten
const htmlFarbTableColorGradient1="#0F263D";             // Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2= "#233E58"//"#5590CA";              // Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf  
const htmlFarbTableBorderColor="grey";                   // Farbe des Rahmen - ist dieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="none";                             // Format für Rahmen: MÖGLICH: "none" oder "all" oder "cols" oder "rows"


// AB HIER NICHTS  ÄNDERN -------------------------------------------------------------------------------------------------
// AB HIER NICHTS  ÄNDERN -------------------------------------------------------------------------------------------------
// AB HIER NICHTS  ÄNDERN ---------------------------------erst wieder ab Zeile 134----------------------------------------

let borderHelpBottum;
let borderHelpRight;
let htmlcenterHelp;
let htmlcenterHelp2;

let trHelperClass=" ";
let htmlTabUeber4;
let htmlTabUeber2;
let htmlTabUeber2_1;
let searchMe;
let htmlSeitenleiste;
let htmlTabStyle;
let htmlTabUeber3="";       //wird in function writeHTML gesetzt - wegen umschalten views

let buttonScript; //scripte am ende einfügen

let bkgDiv;   //background scroll-div
let scrollBar; //dünne scrollbar

let aktiv=-1; let inaktiv=0;
let myButtonUeberschrift; //not in use
let htmlZentriert;   //css
let einmalAbstand; //seitenleiste

if(String(htmlRahmenLinien)=="rows") {borderHelpBottum=1;borderHelpRight=0;}
if(String(htmlRahmenLinien)=="cols") {borderHelpBottum=0;borderHelpRight=1;}
if(String(htmlRahmenLinien)=="none") {borderHelpBottum=0;borderHelpRight=0;}
if(String(htmlRahmenLinien)=="all")  {borderHelpBottum=1;borderHelpRight=1;}
zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";

if(weite=="auto") {weite="100%"} else {weite=String(Number(weite)*mehrfachTabelle)}

 makeMyCSS();
 makeMySearch_Seitenleiste();
 makeMyVisScripte();

//------------------------------------------------------
if ( !(val.length == Feld1lAlign.length && htmlSpalte1Weite.length == htmlFeld.length && val.length == htmlFeld.length) || (mehrfachTabelle<1 || mehrfachTabelle>3) ) 
     { log("Anzahle der Definitions Arrays sind ungleich ODER mehrfachTabelle ist falsch - Script wurde gestoppt !!!","error");
         // @ts-ignore
         stopScript();}

let langeGesamt=0; 
let htmlTabUeber="";
let htmlOut="";
let mix;
let counter;
let makeJsonWidget;
let myObject=[];

let mitAlphabet=false;

needDP();

function writeHTML(){

    // rückkopplung zu vis -werteliste
setTimeout(function () {  setState("0_userdata.0.Rookie.VIEW.SEUERUNG.toPlay",false);
                             setState("0_userdata.0.Rookie.VIEW.SEUERUNG.addNext",false);
                             setState("0_userdata.0.Rookie.VIEW.SEUERUNG.addLast",false);  
                         }, 500);



    aktiv=-1;  inaktiv=0;
let seitenLeistenTest="";
//log(flexboxView.toString())
flexboxView ? htmlTabUeber3=`</tr></thead><tbody></tbody></table><div class="divFlexBoxen${dpVIS}">` :
             htmlTabUeber3=`</tr></thead><tbody class="scrollContent${dpVIS}" > `;
let htmlTabUeber1=htmlTabUeber4
myObject=[]
let helperLeerzeile=""
let makeJsonWidget=[];
htmlOut="";
counter=-1;

//--------------------------------------------------------------------------------------------------------------------------------------------------
//---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
//---------alle val[x] werte müssen von euch bestimmt werden - val[0],val[1],val[2] !!!-------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------

let valueuptime
let myReturnJson=[]
let myDataJson=JSON.parse(getState("0_userdata.0.Rookie.VIEW.JSON").val)
myReturnJson.push({
      "nummer": "0",
      "anzeige":"return",
      "value" : "Return",
      "file" : "⏱"

 })
let myJSONDATA =myReturnJson.concat(myDataJson) 
//log(JSON.stringify(myJSONDATA))

for (let i=0; i<myJSONDATA.length;i++) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
     
       val[0]=val[1]= "missingState";
            
           // log( myJSONDATA.anzeige)  
     

        myObject.push({                "value0" : myJSONDATA[i].anzeige,            //  "INSTANCE"
                                       "value1" : myJSONDATA[i].nummer,            //  "SINCE"
                                       "value2" : myJSONDATA[i].file,            //  "STATUS"
                                       "value3" : myJSONDATA[i].value
                                          //   ID
                                                       })
               
          makeJsonWidget.push({        [htmlFeld[0]] : val[0],  //  "INSTANCE"
                                       [htmlFeld[1]] : val[1],  //  "SINCE"
                                       [htmlFeld[2]] : val[2]
                                                       })  
        
          
         
                                                 // diese function muss als letztes in der eigenen schleife aufgerufen werden
   };                                            // Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!

  // Sortierungen---------------------------------------------------------
  //welcheSortierung=3
  
 
  if( sortierenEIN && (welcheSortierung==3 || welcheSortierung==4 || welcheSortierung==1)    ) {
             if(welcheSortierung==3) myObject.sort(function (alpha, beta) { return  Number(beta["value4"]) -Number(alpha["value4"]);   }); 
             if(welcheSortierung==4) myObject.sort(function (alpha, beta) { /*log(beta.valueuptime+" --" +alpha.valueuptime);*/ return  beta.valueuptime -alpha.valueuptime;   });
             if(welcheSortierung==1)   myObject.sort( function( a, b )   {
                                         	a = a["value1"].split( '.' );
                                         	b = b["value1"].split( '.' );
                                       	for( var i = 0; i < a.length; i++ )	{
   	                                 	if( ( a[i] = parseInt( a[i] ) ) < ( b[i] = parseInt( b[i] ) ) )
   	                         		return -1;	else if( a[i] > b[i] )
   	                            	return 1;}  	return 0;} );                                      

             } else {
    switch (welcheSortierung) {
       case 0: sortMe("alpha","value0");break;  
       case 1: break;
       case 2: sortMe("bool","value2");break;  
       case 3: break;  
       case 4: break;  
       case 5: sortMe("alpha","value5");break; 
       case 6: sortMe("alpha","value6");break;
    }   }

   for(let zz=0;zz<myObject.length;zz++){

 // Unterüberschften ------------------------------------------------------       
        if (mitAlphabet){
          if( myObject[zz].value0[0]!=helperLeerzeile){ tabelleAusbessern();
                                                        counter=-1;  for(let ic=0;ic<mehrfachTabelle;ic++ ) { for (let tt=0 ;tt<val.length;tt++) 
                                                                                                                  { tt==0 && ic==0 ? val[tt]=(myObject[zz].value0[0]).toUpperCase() : val[tt]="&ensp;"
                                                                                                                  }   
                                                                                                              counter++;tabelleBind();langeGesamt++; }
          helperLeerzeile=myObject[zz].value0[0] } ; sortierenEIN=false;}

 // Zuteilung der Tabellenspalten-------------------------------------------
   aktiv++
    val[0]=""
    val[1]=myObject[zz].value0;
    log(myObject[zz].value3)
//    val[2]=myObject[zz].value1; // log(typeof val[2])
   // val[2]=myObject[zz].value2;
 //  let valButton2=""
   // val[2]="<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton2+"\')\">"+"➡️" + "</button>"
 //   val[4]= ""// "<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnShortcut\(\'"+"valButton"+"\')\">"+"🤍" + "</button>" //myObject[zz].value3;
//log(myObject[zz].value3)
  let valButton=myObject[zz].value1;
  if (myObject[zz].value2.includes("📁"))   { let valButton=myObject[zz].value1;
                                             val[0]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnNewFolder\(\'"+valButton+"\')\">"+myObject[zz].value2 + "</button>"
                                             valButton=encodeURI(getState("0_userdata.0.Rookie.braucheNeueDatenNeu").val+"/"+myObject[zz].value3)
                                            //  val[2]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnFolderPlay\(\'"+valButton+"\')\">"+"▶️" + "</button>" 
                                             
                                            //  val[3]="<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnFolderAdd\(\'"+valButton+"\')\">"+"⏩" + "</button>"
                                            //  val[3]=val[3]+"<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnFolderAddLast\(\'"+valButton+"\')\">"+"⏭️" + "</button>"
                                              }
  if (myObject[zz].value2.includes("⏱"))   {val[0]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnNewFolder\(\'"+valButton+"\')\">"+myObject[zz].value2 + "</button>"
                                             // val[2]=""; val[2]="";val[4]=decodeURI(getState("0_userdata.0.Rookie.braucheNeueDatenNeu").val.replace(/^.+\/(.+)$/,"$1"))
                                             // val[3]=""
                                             }
  if (myObject[zz].value2.includes("🎵"))   {val[0]= "<font color=\"#A4ACF0\">"+" &#9834;"+" </font> " //+ myObject[zz].value2+" "+val[0] 
                                             let valButton=encodeURI(myObject[zz].value3)
                                            // val[2]="<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3Play\(\'"+valButton+"\')\">"+"▶️" + "</button>"
                                            
                                            // val[3]="<button style\=\"border:none\; background-color\:transparent\; color\:lightblue\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3Add\(\'"+valButton+"\')\">"+"⏩" + "</button>"
                                           //   val[3]=val[3]+"<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3Play\(\'"+valButton+"\')\">"+"⏩" + "</button>"
                                          //   val[3]=val[3]+"<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1.5em\; text\-align:left\" value=\"toggle\" onclick=\"setOnMp3AddLast\(\'"+valButton+"\')\">"+"⏭️" + "</button>"
                                             }
/* &#127926;
    
   if (!myObject[zz].value2) {val[2]=symbolSchalter[2];inaktiv++}
    if (myObject[zz].value2)  {val[2]=symbolSchalter[1];aktiv++}
   
    if (!myObject[zz].value2) {     val[0]="<font color=\""+farbeInaktiverShelly +"\">"+val[0]+"</font>";
                                   val[1]="<font color=\""+farbeInaktiverShelly +"\">"+val[1]+"</font>";
                                   val[2]="<font color=\""+farbeInaktiverShelly +"\">"+val[2]+"</font>";
                                   val[3]="<font color=\""+farbeInaktiverShelly +"\">"+val[3]+"</font>";
                                   val[4]="<font color=\""+farbeInaktiverShelly +"\">"+val[4]+"</font>";
                                   val[5]="<font color=\""+farbeInaktiverShelly +"\">"+val[5]+"</font>";
                                   val[6]="<font color=\""+farbeInaktiverShelly +"\">"+val[6]+"</font>";

                              }  */
     counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
    flexboxView ? flexboxBind() : tabelleBind();                                   // HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  
     langeGesamt++;                                   // WICHTIG Seitenleiste
   }
 

//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------


   htmlTabUeber2=""
  
//SpaltenÜberschrift
for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { if (!schalterInSpaltenUeberschrift[ue] ) { 
                   htmlTabUeber2=htmlTabUeber2.concat("<td  style=\"color:"+htmlFarbTableColorUber+"\">"+htmlFeld[ue]+"</td>")} 
                   else {let valButton="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte"+ue;
                    if(ue==htmlSpalte1Weite.length-1) {htmlTabUeber2=htmlTabUeber2.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+
                                                                  "<button class=\"myButt"+dpVIS+"\" style=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"\; color: "
                                                                  +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text\-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                  +htmlFeld[ue]+"</button>"+" <font style=\"; font-weight: normal; font-size :"+groesseUeberschrift+"; color: "+htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+";\" >"+aktiv+"</th>")} else{
                                       htmlTabUeber2=htmlTabUeber2.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\">"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"\; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")} } //symbolSchalter[ue]   
                      }

//SpaltenÜberschrift bei mehrfachtabelle

if (!flexboxView){ htmlTabUeber2_1=""
for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { let valButton="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte"+ue;
   if(ue==htmlSpalte1Weite.length) {htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")}
   else{ if(ue==0){htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")


   } else{
    htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")}}  } 

}else { htmlTabUeber2_1="";for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+" emptyFlex2_1"+dpVIS+"\">"+htmlFeld[ue]+"</th>")}
    
/*    for (let ue=0;ue<htmlSpalte1Weite.length;ue++) { 
    htmlTabUeber2_1=htmlTabUeber2_1.concat("<th class=\"myTHclass"+dpVIS+" toDel"+dpVIS+"\" >"+""
                                                                   +"<button class=\"myButt"+dpVIS+"\" style\=\" border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color\: "+htmlBackgroundButtonUeberschrift+"; color: "
                                                                   +htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left\" value=\"toggle\" onclick=\"setOnOtherValue\(\'"+valButton+"\')\">"
                                                                   +htmlFeld[ue]+"</button></th>")}*/
}                                                                  
                                                                   

 htmlTabUeber="";

 switch (mehrfachTabelle) { 
   case 1: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber3;  break;
   case 2: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
   case 3: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2_1+htmlTabUeber3; break;
   case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
  };   
  if (!UeberschriftSpalten) {htmlTabUeber=""}

   flexboxView ? flexboxFinish() :  tabelleFinish(); 
      if (braucheEinJSON ) {setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".JSONVis",JSON.stringify(makeJsonWidget),1000 )}
     
} // function ende

//MAIN:
 
schedule(mySchedule,  function () { 
 writeHTML();
// if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
}); 

on({id: "0_userdata.0.Rookie.VIEW.JSON", change: "any"}, function (obj) { 
 // var value = obj.state.val;
 // log("bekommeXML: "+value)
      writeHTML();
});


setTimeout(function () {writeHTML();  }, 2050);                                 

 function tabelleBind(){
  
   switch (mehrfachTabelle) { 

   case 1: if(counter%2==0)   {htmlOut=htmlOut+"<tr class=\"myclasstr_gerade"+dpVIS+" \">";
                               for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>"); // style=\"width:"+htmlSpalte1Weite[u]+"\" 
                                                            }  htmlOut=htmlOut.concat("</tr>");   break;

                               } else   {htmlOut=htmlOut+"<tr class=\"myclasstr_ungerade"+dpVIS+" \">";
                                         for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>"); //style=\"width:"+htmlSpalte1Weite[u]+"\" 
                                                                      }  htmlOut=htmlOut.concat("</tr>");   break;
                               }
   
   case 2: if(counter%4==0){  if(counter%2==0)  {htmlOut = htmlOut+"<tr class=\"myclasstr_gerade"+dpVIS+" \">";
                                                 for(let u=0;u<val.length;u++){ if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                              {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                              }  
                                                                           
                                } else { for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");
                                                                      }  htmlOut=htmlOut.concat("</tr>");  } break;
                           } else {
                             if(counter%2==0)  {htmlOut=htmlOut+"<tr class=\"myclasstr_ungerade"+dpVIS+" \">";
                                                for(let u=0;u<val.length;u++){  if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                             {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+" toDel"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                             }  
                                } else {        for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");
                                                                             }  htmlOut=htmlOut.concat("</tr>");  }  break;}

   case 3: if(counter%2==0)  {  if(counter%3==0 ) {htmlOut = htmlOut+"<tr class=\"myclasstr_gerade"+dpVIS+" \">";
                                                   for(let u=0;u<val.length;u++){if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                                {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+" toDel"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                                                        }  
                               } else { if(counter%3==1)  {for(let u=0;u<val.length;u++){  if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");} else
                                                                                                              {htmlOut=htmlOut.concat("<td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ "; color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>")}
                                                                                                        }  
                                                          } else  { for(let u=0;u<val.length;u++){  htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");
                                                                                                 }  htmlOut=htmlOut.concat("</tr>");  } }  break;
                             } 
                             else {
                                if(counter%3==0 )  {htmlOut = htmlOut+"<tr class=\"myclasstr_ungerade"+dpVIS+" \">";
                                                   for(let u=0;u<val.length;u++){ if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");} else
                                                                                                     {htmlOut=htmlOut.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+" toDel"+dpVIS+" toDel"+dpVIS+"\" style=\" border-right:"+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\">"+val[u]+"</td>")}
                                                                                                        }  
                                                                                                        
                             } else{ if(counter%3==1 )  { for(let u=0;u<val.length;u++){ if(u<val.length-1) {htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\" style=\"color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>");} else
                                                                                                            {htmlOut=htmlOut.concat("<td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ "; color:"+htmlFarbFelderschrift2+"\">"+val[u]+"</td>")}
                                                                                                        }  
                                                         } else {        for(let u=0;u<val.length;u++){ htmlOut=htmlOut.concat("<td class=\"myclasstd_normal"+dpVIS+" toDel"+dpVIS+"\">"+val[u]+"</td>");
                                                                                                      }  htmlOut=htmlOut.concat("</tr>"); } } break;
                             }                                        


                                
        } //switch ende

}

 function tabelleAusbessern() {         // bessert mei mehrfachtabellen die nicht vollen zeilenn aus - bevor die unterüberschriften kommen

switch (mehrfachTabelle) {
        
       case 1:    break;
       case 2:    let helpMehrfach="</td>";
                  for(let w=0;w<val.length;w++){helpMehrfach=helpMehrfach.concat("<td>&ensp;</td>")};helpMehrfach=helpMehrfach.concat("</tr>")
                  if(counter%2==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach);
                  break;
       case 3:   let helpMehrfach2="</td>";
                 for(let w=0;w<val.length;w++){helpMehrfach2=helpMehrfach2.concat("<td>&ensp;</td>")};helpMehrfach2=helpMehrfach2.concat("</tr>")
                 if(counter%3==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach2);
                 let helpMehrfach3="</td>";
                 let helpMehrfach31="";for(let w=0;w<val.length;w++){helpMehrfach31=helpMehrfach31.concat("<td>&ensp;</td>")}
                 for(let w=0;w<val.length;w++){if(w<val.length-1) {helpMehrfach3=helpMehrfach3.concat("<td>&ensp;</td>")} else
                                                         {helpMehrfach3=helpMehrfach3.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+"\" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td>"+helpMehrfach31)}
                                                   };helpMehrfach3=helpMehrfach3.concat("</tr>")        
                 if(counter%3==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach3);  break; }}

 function tabelleFinish() {

switch (mehrfachTabelle) {
        
       case 1:    break;
       case 2:    let helpMehrfach="</td>";
                  for(let w=0;w<val.length;w++){helpMehrfach=helpMehrfach.concat("<td>&ensp;</td>")};helpMehrfach=helpMehrfach.concat("</tr>")
                  if(counter%2==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach);
                  break;
       case 3:   let helpMehrfach2="</td>";
                 for(let w=0;w<val.length;w++){helpMehrfach2=helpMehrfach2.concat("<td>&ensp;</td>")};helpMehrfach2=helpMehrfach2.concat("</tr>")
                 if(counter%3==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach2);
                 let helpMehrfach3="</td>";
                 let helpMehrfach31="";for(let w=0;w<val.length;w++){helpMehrfach31=helpMehrfach31.concat("<td>&ensp;</td>")}
                 for(let w=0;w<val.length;w++){if(w<val.length-1) {helpMehrfach3=helpMehrfach3.concat("<td>&ensp;</td>")} else
                                                         {helpMehrfach3=helpMehrfach3.concat("<td class=\"myclasstd_trennungslinie"+dpVIS+"\" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td>"+helpMehrfach31)}
                                                   };helpMehrfach3=helpMehrfach3.concat("</tr>")        
                 if(counter%3==0)  htmlOut = htmlOut.replace(/<\/td>$/, helpMehrfach3);  break; }
     
        var htmlUeber=    "<p  class=\"divWeiten"+dpVIS+"\" style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlUEberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), 'SS:mm:ss')+"</p>"; 
        if(mitSearch) htmlUeber=htmlUeber+searchMe
        var htmlUnter= "<div class=\"divWeiten"+dpVIS+"\" style=\"margin-top: 10px; color:"+htmlFarbUber+"; height: 30px; font-family:"+htmlSchriftart+"; font-size: 85%; text-align: center;\" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), "SS:mm:ss");"</div>";
        
        if (!htmlSignature) htmlUnter="";
             var htmlOutVIS="";
             if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript ;
            } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript;
            }
                

  // log("bin raus aus tabelleBind");
           if (braucheEinVISWidget)  setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis", htmlOutVIS ,1000);

 var htmlUnter= "<div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; height: 30px; font-size: 80%;  text-align: center; \" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), "SS:mm:ss");+"</div>"

 if (!htmlSignature) htmlUnter="";
  var htmlEnd="</table>"+htmlUnter+"</div></body>";
 //mit oder ohne überschrift - zentriert oder links
//htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);


}


function flexboxBind(){


  htmlOut=htmlOut+"<div class=\"divFlexBoxenEinzeln"+dpVIS+" divInFlex"+dpVIS+"\"> <div  style=\"font-size: 125%; font-weight: bold\">"+val[0]+"</style></div><br>IP: "+val[1]+"<br>RSSI: "+val[4]
                                                                 +" </div>"
 //setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis", myFlexer ,1000);  "<br> "+val[3]+   "<br> "+val[5]+
 //log(htmlOut)
  }

function flexboxFinish(){
var htmlUeber=    "<p  class=\"divWeiten"+dpVIS+"\" style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlUEberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), 'SS:mm:ss')+"</p>"; 
        if(mitSearch) htmlUeber=htmlUeber+searchMe
        var htmlUnter= "<div class=\"divWeiten"+dpVIS+"\" style=\"margin-top: 10px; color:"+htmlFarbUber+"; height: 30px; font-family:"+htmlSchriftart+"; font-size: 85%; text-align: center;\" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((new Date().getTime())), "SS:mm:ss");"</div>";
// htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</tbody></table></div></div>"+htmlUnter+"</center>"+ buttonScript ;
   var htmlOutVIS="";
             if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript ;
            } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</div></div></div>"+htmlUnter+"</center>"+ buttonScript;
            }
 // htmlOut=htmlOut+"<div> val[0] <br> val[2] </div>"
 setStateDelayed("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis", htmlOutVIS ,1000);
}


async function needDP(){
   for(let s=0;s<schalterInSpaltenUeberschrift.length;s++){ if(schalterInSpaltenUeberschrift[s]){
   if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte"+s))) {
       await createStateAsync("Tabellen@Liv."+dpVIS+".Spalte"+s, false,{type: "boolean", name: "Schalter_Spalte"+s, role: "value", read: true, write: true, } ); } 
     }}

   if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVIS+".HTMLTableVis"))) {
       await createStateAsync("Tabellen@Liv."+dpVIS+".HTMLTableVis", "empty",{type: "string", name: "HTML_Standard_Widget_mit_Binding", role: "value", read: true, write: true, } ); } 
    if (!(await existsStateAsync("javascript." + instance + ".Tabellen@Liv."+dpVIS+".JSONVis"))) {
       await createStateAsync("Tabellen@Liv."+dpVIS+".JSONVis", "",{type: "string", name: "JSON Format", role: "value", read: true, write: true, } ); }   
   



}
  setTimeout(function () { 

   let arrTriggerSchalter=[]
   $("javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte*").each(function(id, i) {  
          arrTriggerSchalter.push(id) 
   });
 //  log(arrTriggerSchalter.toString())
   on({id: arrTriggerSchalter, ack: false, change: "any"}, function (obj) { 
     //  log(obj.id)
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte0") welcheSortierung=1;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte1" )  welcheSortierung=1 ;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte2" )  welcheSortierung=1; 
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte4")  welcheSortierung=3;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte3" )  welcheSortierung=1;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte5") welcheSortierung=5;
     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte6" )  welcheSortierung=6; 

     if (obj.id=="javascript." + instance + ".Tabellen@Liv."+dpVIS+".Spalte7" )  flexboxView=!flexboxView; 
     
   //  log(String(mehrfachTabelle))
  setTimeout(function () {  
       writeHTML();
     //  if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
}, 900);
    

     
   });}, 5050);


//SORTIEREN
function sortMe(myType,value){

if(myType=="alpha" ){ myObject.sort(function (alpha, beta) {
            if ((alpha[value].toString().toUpperCase()).trim() > (beta[value].toString().toUpperCase()).trim())
               return 1;
            if ((beta[value].toString().toUpperCase()).trim()> (alpha[value].toUpperCase().toString()).trim())
               return -1;
            return 0;
           });}
if(myType=="bool" ) {
     
  myObject .sort(function(x, y) { return x[value] - y[value] }); }       


  if(myType=="num" )   { myObject.sort(function (alpha, beta) {
                     return  beta[value] -alpha[value];   });}

}


function makeMyCSS() {

   trHelperClass=" ";
for (let jj=0;jj<(Feld1lAlign.length)*mehrfachTabelle;jj++) {  //"td:nth-child(1) {width: "+htmlSpalte1Weite[0]+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite[1]+"}"+
       trHelperClass= trHelperClass+ " .scrollContent"+dpVIS+" td"+":nth-of-type("+(jj+1)+") {width: "+htmlSpalte1Weite[jj]+"; text-align: "+Feld1lAlign[jj]+" }"
 }
 //log(trHelperClass)
switch (bkgroundSearch){
   case 1 :   bkgDiv=`background:
                      radial-gradient(black 15%, transparent 16%) 0 0,
                      radial-gradient(black 15%, transparent 16%) 8px 8px,
                      radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
                      radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
                      background-color:#282828;
                      background-size:16px 16px;`; break;

  case 2 : bkgDiv=`background:
                   url(data:image/gif;base64,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)`
                  ; break

  case 3 : bkgDiv=`background:
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
                   radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
                   linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
                   background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
                   background-color: #840b2a;`; break;

  case 4 : bkgDiv=`background: radial-gradient(${htmlFarbTableColorGradient1}, ${htmlFarbTableColorGradient2});`; break;   //265686 5590CA 2F2F2F 3c3c3c
  case 5 : bkgDiv=`background: radial-gradient(${farbeUngeradeZeilen}, ${farbeGeradeZeilen});`; break;   //265686 5590CA 2F2F2F 3c3c3c

  case 6 : bkgDiv=`background: radial-gradient(#bfbcbc, #ffffff);`; break;   //265686 5590CA 2F2F2F 3c3c3c


}

scrollBar=` .thescroller${dpVIS}::-webkit-scrollbar { width: 5px;}
.thescroller${dpVIS}::-webkit-scrollbar-track {background: transparent; width: 5px;}
.thescroller${dpVIS}::-webkit-scrollbar-thumb {border-radius: 40px; border: transparent ; background: ${htmlFarbTableColorGradient1}; }
.thescroller${dpVIS} {scrollbar-width: thin; scrollbar-color: ${htmlFarbTableColorGradient1} transparent;}}`

myButtonUeberschrift=" .myButt"+dpVIS+" {border-radius: 4px; border:"+schalterUmrahmung+"px solid; background-color: "+htmlBackgroundButtonUeberschrift+"\; color: "+htmlFarbTableColorUber+"; font-family: "+htmlSchriftart+"; font-size :"+groesseUeberschrift+"px; text-align:left;}"


          htmlZentriert=   "<style>"+                       // <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />
           /*weite*/          " .divWeiten"+dpVIS+" {  width: "+weite+"px }"+
           /*thead*/          " .fixedHeader"+dpVIS+" { position: sticky; top: 0px ; overflow-y:auto; overflow-x: hidden; width: 100%;  height: "+UeberSchriftHoehe+"px; border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+";"+
                                              " font-family:"+htmlSchriftart+"\;  color:"+htmlFarbTableColorUber+"; "+  //  border-spacing:"+abstandZelle+"px;
                                              " font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+";  background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); }"+ //
           /*tbody */         " .scrollContent"+dpVIS+" { width: 100%;  overflow-y: scroll;   }"+ // height: "+hoeheTabelle2+"px; 
                              
                              " .scrollContent"+dpVIS+" td {padding: "+abstandZelle+"px;}"+
           /*div*/            " .tableContainer"+dpVIS+" {  display: flex; flex-direction: column;  height: "+hoeheTabelle+"px; width: "+weite+"px; overflow-y:auto; overflow-x: hidden ; "
                                                         +bkgDiv+" }"+  // position: sticky; top: 0; background-color: black;
           /*seitenl*/        " .seitenleiste"+dpVIS+" { background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); color: " //background-color: "+htmlBackgroundFarbeSeitenliste+";
                                                         +htmlFarbSeiteSchrift+ ";font-size:"+schriftGroesseSeitenleiste+"px; vertical-align:top; text-align:center; width: "+breiteSeitenleiste+"px}"+  //margin-top: 30px;
                              " .flexContainer"+dpJSON+" {display: flex; width: "+weite+"px}"+                        
           /*table*/          " .tablezusatz"+dpVIS+" {  border:"+rahmenBreite+";  "+  //table-layout: fixed;
                                             "width:100%; color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+";"+
                                             "font-family:"+htmlSchriftart+"; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); }"+
                              " .mythclass0"+dpVIS+" {    }"+  //text-align:"+Feld1lAlign[0]+"
                              " .mythclass1"+dpVIS+" {   }"+
                              " .mythclass2"+dpVIS+" {   }"+
                              " .mythclass3"+dpVIS+" {  }"+
                              " .mythclass4"+dpVIS+" {  }"+
                              " .mythclass5"+dpVIS+" {  }"+
                              " .mythclass6"+dpVIS+" {   }"+ 
                              " .divFlexBoxen"+dpVIS+" {overflow-y: scroll; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: "+(hoeheTabelle-(Number(UeberSchriftHoehe)))+"px;  align-items: center; justify-content: center; }"+ 
                              " .divFlexBoxenEinzeln"+dpVIS+" { padding: 20px; color: "+htmlFarbFelderschrift+"; border: 2px solid; border-radius: 25px; width: auto; height: auto; border-color: "+htmlFarbTableColorGradient2+"; margin: 10px;}"+
                              " .divInFlex"+dpVIS+" {  background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" 10%,"+htmlFarbTableColorGradient1+" 20%); }"+ //  "+htmlGragient[1]+"   "+htmlGragient[2]+" 
                              " .emptyFlex2_1"+dpVIS+" { color: transparent; background-image: none !important; background-color: "+htmlFarbTableColorGradient1+" !important;}"+
                            //  " th {position: sticky; top: 0px ; height: "+UeberSchriftHoehe+"px; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%); }"+  //position: sticky; top: 0px ;
                              " .myclassueber_spalte_button     {color:"+htmlFarbTableColorUber+"}"+
                              " .myclassueber_spalte_ohne_button{color:"+htmlFarbTableColorUber+"}"+
                              " .myTHclass"+dpVIS+" {position: sticky; top: 0px ; height: "+UeberSchriftHoehe+"px; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+htmlGragient[2]+"%);}"+
                              " .myTRclass"+dpVIS+" {}"+
                              " .myclasstr_gerade"+dpVIS+" { height:"+zeilenAbstand+"px; background-color:"+farbeGeradeZeilen+"}"+  //border-spacing:"+abstandZelle+"px; 
                              " .myclasstr_ungerade"+dpVIS+" {  height:"+zeilenAbstand+"px;  background-color:"+farbeUngeradeZeilen+"}"+ //border-spacing:"+abstandZelle+"px;
                              " .myclasstd_normal"+dpVIS+" {}"+
                              " .myclasstd_trennungslinie"+dpVIS+" {}"+
                              " .myinputclass"+dpVIS+" {width: "+weite+"px; border: 1px solid; border-color: "+htmlFarbTableColorGradient2+"; margin-bottom: 15px;  color: "+htmlFarbTableColorUber+
                                                       "; height: "+sucheHoehe+"px; background-image: linear-gradient("+htmlGragient[0]+"deg,"+htmlFarbTableColorGradient2+" "+htmlGragient[1]+"%,"+htmlFarbTableColorGradient1+" "+
                                                       htmlGragient[2]+"%); font-family:"+htmlSchriftart+"\; font-size: 110%; color: "+htmlFarbTableColorUber+"}"+
                           trHelperClass+scrollBar+ //myButtonUeberschrift+
                         //     " .thescroller"+dpVIS+"::-webkit-scrollbar {width: 0px; }"+
                              "</style>"+'<center>'

//not in use

//alt -  falls eine extra html datei gebraucht wird
/*let htmlStart; //file
const path = "/htmlexample.html";                        //FIlenamen definieren
const home ='vis.0'                                      //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
let   braucheEinFile=false;                              // bei true wird ein file geschrieben
htmlStart=    "<!DOCTYPE html><html lang=\"de\"><head><title>Vorlage</title><meta http-equiv=\"content-type\" content=\"text/html;  http-equiv=\"refresh\" content=\"30\"; charset=utf-8\">"+
                   "<style> * {  margin: 0;} body {background-color: "+backgroundAll+"; margin: 0 auto;  }"+
                   " p {padding-top: 10px; padding-bottom: 10px; text-align: "+htmlcenterHelp2+"}"+
                  // " div { margin: 0 auto;  margin-left: auto; margin-right: auto;}"+
                   " td { padding:"+abstandZelle+"px; border:0px solid "+htmlFarbTableBorderColor+";  border-right:"+borderHelpRight+"px solid "+htmlFarbTableBorderColor+";border-bottom:"+borderHelpBottum+"px solid "+htmlFarbTableBorderColor+";}"+ 
                   " table { width: "+weite+";  margin: 0 "+htmlcenterHelp+"; border:1px solid "+htmlFarbTableBorderColor+"; border-spacing=\""+abstandZelle+"0px\" ; }"+   // margin macht center
                   "td:nth-child(1) {width: "+htmlSpalte1Weite[0]+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite[1]+"}"+
                   " </style></head><body> <div>";  */                             

}// endCSS



function makeMySearch_Seitenleiste() {

   
//const htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\">"+htmlFeldUeber+"</p>";   

  einmalAbstand=`<br>
`
 let seitenLeistenTest="&#128472;";
seitenLeistenTest= "<button style\=\"border:none\; background-color\:transparent\; color\:white\; font\-size\:1em\; text\-align:left\" value=\"toggle\" onclick=\"setOnRefresh\(\'"+"valButton"+"\')\">"+seitenLeistenTest + "</button>"
 for (let f=0;f<abstandSeitentextVonOben;f++){ 
     seitenLeistenTest=seitenLeistenTest+`<br>
`}
 for (let i=0;i<nameSeitenLeiste.length;i++){
     seitenLeistenTest=seitenLeistenTest+nameSeitenLeiste[i]+`<br>
`
}

 htmlSeitenleiste="";
 if (ichWillSeitenLeiste) htmlSeitenleiste= "<div class=\"flexContainer"+dpJSON+"\"> <div class=\"seitenleiste"+dpVIS+"\">"+seitenLeistenTest+"</div>" ;// htmlTabUeber1=htmlTabUeber1+
searchMe="";
sucheEin ? searchMe="<div class=\"divWeiten"+dpVIS+"\"><input class=\"myinputclass"+dpVIS+"\" type=\"search\" id=\"search"+dpVIS+"\" placeholder=\"Filter by Item\""+">"+"</div>" :
           searchMe=""     
searchMe=searchMe+htmlSeitenleiste
htmlTabStyle= "<div class=\"tableContainer"+dpVIS+" thescroller"+dpVIS+"\" >"+
                   "<table class=\"tablezusatz"+dpVIS+"\" rules=\""+htmlRahmenLinien+"\">"+
                   "<thead class=\"fixedHeader"+dpVIS+"\">"
               

htmlTabUeber4="<tr class=\"myTRclass"+dpVIS+"\">";
}



function makeMyVisScripte() {

    let valSpalte=[] ;
   for(let kk=0;kk<val.length;kk++){
     valSpalte.push(val[kk])
   }

   let spaltenAnzeigeScript=`$(document).ready(function() { `
   let spaltenAnzeigeScriptEnd=` });` ;
for (let ff=0;ff<(valSpalte.length);ff++){
                                       // log(valSpalte[ff]); 
                                        if (valSpalte[ff]=="false") { spaltenAnzeigeScript=spaltenAnzeigeScript.concat(`$('td:nth-child(${(ff+1)}).toDel${dpVIS},th:nth-child(${(ff+1)}).toDel${dpVIS}').hide();`) 
                                                                      if (mehrfachTabelle==2) {spaltenAnzeigeScript=spaltenAnzeigeScript.concat(`$('td:nth-child(${(ff+1+valSpalte.length)}).toDel${dpVIS},th:nth-child(${(ff+1+valSpalte.length)}).toDel${dpVIS}').hide();`) }
                                                                      if (mehrfachTabelle==3) {spaltenAnzeigeScript=spaltenAnzeigeScript.concat(`$('td:nth-child(${(ff+1+(2*valSpalte.length))}).toDel${dpVIS},th:nth-child(${(ff+1+(2*valSpalte.length))}).toDel${dpVIS}').hide();`) }                        
                                        }}

buttonScript =   '<script> function setOnOtherValue(myval) {	var Self = this;	Self.servConn.getStates(myval, (error, states) => {  console.log(states); self.servConn.setState(myval, !states[myval].val);}  )}; '
                     + 'function setOnNewFolder(myval) {	var Self = this;	vis.setValue("0_userdata.0.Rookie.holdData",myval)}; '
                     + 'function setOnMp3Play(myval)    {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.PLAYmp3",myval)}; '
                     + 'function setOnMp3Add(myval)     {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADDmp3",myval)}; '
                     + 'function setOnFolderPlay(myval) {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.PLAY",myval)}; '
                     + 'function setOnFolderAdd(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADD",myval)}; ' 
                     + 'function setOnFolderAddLast(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADDLast",myval)}; '
                     + 'function setOnMp3AddLast(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.STEUERUNG.ADDmp3Last",myval)}; '
                     + 'function setOnRefresh(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.refreshAnzeige",true)}; ' 
                     + 'function setOnShortcut(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.SHORTCUT.now",true)}; ' 
                     + 'function setOnShortcutUsage(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.SHORTCUT.useShortcut",myval)}; '
                     + 'function setOnShortcutDelete(myval)  {	var Self = this;	vis.setValue("0_userdata.0.Rookie.SHORTCUT.deleteShortcut",myval)}; '
                     + '$( "button.myButt'+dpVIS+'" ).click(function() {  $( this ).slideUp() });' //'[class*="test"]' [class~="value"]   "[class~='gerade']"
    /*search*/       + `var allRows = $("[class*='gerade${dpVIS}']");  $("input.myinputclass${dpVIS}").on("keydown keyup", function() {  allRows.hide();  $("tr:contains('" + $(this).val() + "')").show();});`
    /*search*/       + `var allRows2 = $("div.divFlexBoxenEinzeln${dpVIS}"); console.log(allRows2);  $("input.myinputclass${dpVIS}").on("keydown keyup", function() {  allRows2.hide();  $("div.divFlexBoxenEinzeln${dpVIS}:contains('" + $(this).val() + "')").show();});`
                     + `$( ".seitenleiste${dpVIS}" ).click(function() {var Self = this; var myvali='javascript.0.Tabellen@Liv.ShellyTabelleVIS.Spalte7'; vis.setValue(myvali,true)    });`
    /*dbclick*/      + `$( "[class*='gerade${dpVIS}']" ).dblclick(function() {var Self = this; var myvali='javascript.${instance}.Tabellen@Liv.${dpVIS}.Spalte7'; vis.setValue(myvali,true)    });`
    /*dbclick*/      + `$( "[class*='divFlexBoxen${dpVIS}']" ).dblclick(function() {var Self = this; var myvali='javascript.${instance}.Tabellen@Liv.${dpVIS}.Spalte7'; vis.setValue(myvali,true)    });`
                     +   spaltenAnzeigeScript  +  spaltenAnzeigeScriptEnd  
                     +'</script>'


}

                              1 Reply Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @Rookie50 last edited by liv-in-sky

                                @rookie50

                                so würde es mit shortcuts aussehen - nur in table view anwendbar

                                AApossis (58).gif

                                1 Reply Last reply Reply Quote 1
                                • R
                                  Rookie50 last edited by

                                  @liv-in-sky

                                  hi, seit wir xml2json benutzen, funktioniert die Status Anzeige nicht mehr 😞

                                  Screenshot 2021-05-04 134020.png
                                  Ich denke, dass hängt zusammen und ich muss das nun mit JS zerlegen und in Objekte schreiben.

                                  LG

                                  liv-in-sky 1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @Rookie50 last edited by

                                    @rookie50

                                    glaub ich nicht - das blockly ruft das module nicht auf

                                    ist den der dp noch aktuell - ich nutze den nicht

                                    Image 3.png

                                    1 Reply Last reply Reply Quote 0
                                    • R
                                      Rookie50 last edited by

                                      @liv-in-sky said in Dyn. Liste darstellen und als Auswahlliste in VIS, iQontrol:

                                      glaub ich nicht - das blockly ruft das module nicht

                                      In meiner "ursprünglichen Steuerung" habe in den DP für die Anzeige von Album, Titel und Artist genutzt. Den Status habe ich alle 5 Sekunden abfragt, für fortschrittsbalken usw.

                                      liv-in-sky 1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @Rookie50 last edited by

                                        @rookie50 @rookie50 verstehe - aber ich kann mir nicht vorstellen, dass dieses installierte modul auswirkungen auf das javascript hat, wenn es nicht expleziet aufgerufen wird

                                        ich war ja eh verwundert, das du ein xml format so lesen kannst

                                        habe gerade keine idee

                                        exportier' mal diesen block, dann schau ich mal bei mir

                                        R 1 Reply Last reply Reply Quote 0
                                        • R
                                          Rookie50 @liv-in-sky last edited by

                                          @liv-in-sky

                                          <xml xmlns="https://developers.google.com/blockly/xml">
  <variables>
    <variable id="+QRm(=Ejp5.2FwDfrulq">originalText</variable>
    <variable id="]T:/?:QRL;m/1wq*S#7S">suchText</variable>
    <variable id="SoreJ$m[hJ}Vs4{au@E7">tauschText</variable>
    <variable type="cron" id="schedule1">schedule1</variable>
    <variable id="*mH[}F.6Kta#KW;c3jPW">Text</variable>
    <variable id="SqHEqX_`I0]e3Glpt9iD">AnzZeichenSuchtext</variable>
    <variable id="p[!d9g5$d1fizuo7WbDZ">aktualisierung_an</variable>
    <variable id="qbn;e*.QW/TlYV3N%sr=">wertelist_browser</variable>
    <variable id="moB_xt[#isik:YT0=J3/">Stelle</variable>
    <variable id="V!?b;m:_l0eU[qp:2SFO">result</variable>
    <variable id="Y#iAI*FR!oAWI_VKn4tj">Teil_1</variable>
    <variable id="?;zNzBa@_q5|lTMhID_F">Teil_2</variable>
  </variables>
  <block type="on_ext" id="P9gIT)?_8qk=2a=Gyw7i" x="1012" y="-2688">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">ne</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="bUly[J[D=V%*PoJoQnK+">
        <field name="oid">0_userdata.0.Media.Bluesound.Küche.Library_Folder</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="control" id="Z;;FV%9Jj|I*_609{miP">
        <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
        <field name="OID">0_userdata.0.Media.Bluesound.Küche.Library_Folderstring</field>
        <field name="WITH_DELAY">FALSE</field>
        <value name="VALUE">
          <block type="lists_getIndex" id=":cJHi4?i)mXdCqll-R:w">
            <mutation statement="false" at="true"></mutation>
            <field name="MODE">GET</field>
            <field name="WHERE">FROM_START</field>
            <value name="VALUE">
              <block type="variables_get" id="`GQ])@$OJTDc$}!-8,Em">
                <field name="VAR" id="qbn;e*.QW/TlYV3N%sr=">wertelist_browser</field>
              </block>
            </value>
            <value name="AT">
              <block type="get_value" id="a]Lgdui6,TOK{?|zwGoz">
                <field name="ATTR">val</field>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.Library_Folder</field>
              </block>
            </value>
          </block>
        </value>
      </block>
    </statement>
  </block>
  <block type="procedures_defreturn" id="*?%n[KG5e1!^tNun#Hj5" x="-812" y="-1913">
    <mutation>
      <arg name="originalText" varid="+QRm(=Ejp5.2FwDfrulq"></arg>
      <arg name="suchText" varid="]T:/?:QRL;m/1wq*S#7S"></arg>
      <arg name="tauschText" varid="SoreJ$m[hJ}Vs4{au@E7"></arg>
    </mutation>
    <field name="NAME">changeText</field>
    <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
    <statement name="STACK">
      <block type="variables_set" id="LyZ2%lYW+kfm,4)yV8UN">
        <field name="VAR" id="*mH[}F.6Kta#KW;c3jPW">Text</field>
        <value name="VALUE">
          <block type="variables_get" id="da5*p]}sO:{{|ZE!nhDe">
            <field name="VAR" id="+QRm(=Ejp5.2FwDfrulq">originalText</field>
          </block>
        </value>
        <next>
          <block type="variables_set" id="yx;qp1@1fC(oiG4c5gZt">
            <field name="VAR" id="SqHEqX_`I0]e3Glpt9iD">AnzZeichenSuchtext</field>
            <value name="VALUE">
              <block type="text_length" id="Jwz33ARDLc!=8:eDagDD">
                <value name="VALUE">
                  <shadow xmlns="http://www.w3.org/1999/xhtml" type="text" id="RZWm!~Yo4w5)66Gu|Gs_">
                    <field name="TEXT">abc</field>
                  </shadow>
                  <block type="variables_get" id="G2I+np)5qee]q{4)BlN2">
                    <field name="VAR" id="]T:/?:QRL;m/1wq*S#7S">suchText</field>
                  </block>
                </value>
              </block>
            </value>
            <next>
              <block type="variables_set" id="eAGK[85W)DRaIaN!oMiH">
                <field name="VAR" id="moB_xt[#isik:YT0=J3/">Stelle</field>
                <value name="VALUE">
                  <block type="text_indexOf" id="/@rj}{;VUCJ8O|28^(Hf">
                    <field name="END">FIRST</field>
                    <value name="VALUE">
                      <block type="variables_get" id="}de%ffO*rIt%j6)99pf3">
                        <field name="VAR" id="*mH[}F.6Kta#KW;c3jPW">Text</field>
                      </block>
                    </value>
                    <value name="FIND">
                      <shadow xmlns="http://www.w3.org/1999/xhtml" type="text" id="7MprEQxoWq}#3~Xz:32k">
                        <field name="TEXT">%0D%0A</field>
                      </shadow>
                      <block type="variables_get" id="7)r.X1a~Tee1!dAwZy`!">
                        <field name="VAR" id="]T:/?:QRL;m/1wq*S#7S">suchText</field>
                      </block>
                    </value>
                  </block>
                </value>
                <next>
                  <block type="controls_whileUntil" id="4lR}{f])DWKyjt}.(6cc">
                    <field name="MODE">WHILE</field>
                    <value name="BOOL">
                      <block type="logic_compare" id="e`eUWK6kyOU=[/x]M({`">
                        <field name="OP">GT</field>
                        <value name="A">
                          <block type="variables_get" id="}7HLWRwI(SDg1^@=czoV">
                            <field name="VAR" id="moB_xt[#isik:YT0=J3/">Stelle</field>
                          </block>
                        </value>
                        <value name="B">
                          <block type="math_number" id="#y,za{r#@s7Ri.U!9v)A">
                            <field name="NUM">0</field>
                          </block>
                        </value>
                      </block>
                    </value>
                    <statement name="DO">
                      <block type="controls_if" id="PM@Su)b1YOhTZo2qPxB]">
                        <mutation else="1"></mutation>
                        <value name="IF0">
                          <block type="logic_compare" id="l,u?h{)Z-u/OozI,.79G">
                            <field name="OP">EQ</field>
                            <value name="A">
                              <block type="variables_get" id="B/K~z.ANK2);I3(uk4Bh">
                                <field name="VAR" id="moB_xt[#isik:YT0=J3/">Stelle</field>
                              </block>
                            </value>
                            <value name="B">
                              <block type="math_number" id="|3~K:6jrHq7oxz=fL:Yz">
                                <field name="NUM">1</field>
                              </block>
                            </value>
                          </block>
                        </value>
                        <statement name="DO0">
                          <block type="comment" id="uN{|N4-0EabDJqYE0]@#">
                            <field name="COMMENT">steht am Textanfang</field>
                            <next>
                              <block type="variables_set" id="9?Gy,w.t#1pdl^AOxc#Y">
                                <field name="VAR" id="Y#iAI*FR!oAWI_VKn4tj">Teil_1</field>
                                <value name="VALUE">
                                  <block type="variables_get" id="h(#=bJ`DU%y/Jd9%HR9I">
                                    <field name="VAR" id="SoreJ$m[hJ}Vs4{au@E7">tauschText</field>
                                  </block>
                                </value>
                              </block>
                            </next>
                          </block>
                        </statement>
                        <statement name="ELSE">
                          <block type="variables_set" id="{R*X,7K)DA^dq/.~KK7{">
                            <field name="VAR" id="Y#iAI*FR!oAWI_VKn4tj">Teil_1</field>
                            <value name="VALUE">
                              <block type="text_getSubstring" id="Img0opt.EB#)RM-bp~hw">
                                <mutation at1="false" at2="true"></mutation>
                                <field name="WHERE1">FIRST</field>
                                <field name="WHERE2">FROM_START</field>
                                <value name="STRING">
                                  <block type="variables_get" id="A9h*F{tgJR0y[Q0uv7,=">
                                    <field name="VAR" id="*mH[}F.6Kta#KW;c3jPW">Text</field>
                                  </block>
                                </value>
                                <value name="AT2">
                                  <block type="math_arithmetic" id="([5R[:8Ywn-thKN@r:~}">
                                    <field name="OP">MINUS</field>
                                    <value name="A">
                                      <shadow xmlns="http://www.w3.org/1999/xhtml" type="math_number" id="u@:!j5WimCjV%fG9hPGs">
                                        <field name="NUM">1</field>
                                      </shadow>
                                      <block type="variables_get" id="U0qw,~,2KoaAc37UO{l#">
                                        <field name="VAR" id="moB_xt[#isik:YT0=J3/">Stelle</field>
                                      </block>
                                    </value>
                                    <value name="B">
                                      <shadow type="math_number" id="DT#zRSRu1.y^|5Z#G37W">
                                        <field name="NUM">1</field>
                                      </shadow>
                                    </value>
                                  </block>
                                </value>
                              </block>
                            </value>
                          </block>
                        </statement>
                        <next>
                          <block type="variables_set" id="Else^,?QE9TTS.Y%K]W=">
                            <field name="VAR" id="?;zNzBa@_q5|lTMhID_F">Teil_2</field>
                            <value name="VALUE">
                              <block type="text_getSubstring" id="e8A7NqY7O!@K(aFlMpV#" inline="false">
                                <mutation at1="true" at2="false"></mutation>
                                <field name="WHERE1">FROM_START</field>
                                <field name="WHERE2">LAST</field>
                                <value name="STRING">
                                  <block type="variables_get" id="|jU0g8+eIgwn_|IB56)@">
                                    <field name="VAR" id="*mH[}F.6Kta#KW;c3jPW">Text</field>
                                  </block>
                                </value>
                                <value name="AT1">
                                  <block type="math_arithmetic" id="F#*%;R9ugmwaaas?WBwG">
                                    <field name="OP">ADD</field>
                                    <value name="A">
                                      <shadow xmlns="http://www.w3.org/1999/xhtml" type="math_number" id="8/I%=/~YReHV]Iwo{}(J">
                                        <field name="NUM">1</field>
                                      </shadow>
                                      <block type="variables_get" id="R0|a}kx2M~SYjPKS5Cc{">
                                        <field name="VAR" id="moB_xt[#isik:YT0=J3/">Stelle</field>
                                      </block>
                                    </value>
                                    <value name="B">
                                      <shadow xmlns="http://www.w3.org/1999/xhtml" type="math_number" id=";Q(aJ::90?0?H;-45cgS">
                                        <field name="NUM">0</field>
                                      </shadow>
                                      <block type="variables_get" id="dY33=1IVxkrSH1k1#X6A">
                                        <field name="VAR" id="SqHEqX_`I0]e3Glpt9iD">AnzZeichenSuchtext</field>
                                      </block>
                                    </value>
                                  </block>
                                </value>
                              </block>
                            </value>
                            <next>
                              <block type="variables_set" id="OcJS!-Ku1vQY4)I+r,gc">
                                <field name="VAR" id="*mH[}F.6Kta#KW;c3jPW">Text</field>
                                <value name="VALUE">
                                  <block type="text_join" id="%%D@nUqB1tt^`?qrUahx">
                                    <mutation items="3"></mutation>
                                    <value name="ADD0">
                                      <block type="variables_get" id="q]l%0Dpb89BZy1-m[TjM">
                                        <field name="VAR" id="Y#iAI*FR!oAWI_VKn4tj">Teil_1</field>
                                      </block>
                                    </value>
                                    <value name="ADD1">
                                      <block type="variables_get" id="f~POFU0}K4-w]xVc1?,`">
                                        <field name="VAR" id="SoreJ$m[hJ}Vs4{au@E7">tauschText</field>
                                      </block>
                                    </value>
                                    <value name="ADD2">
                                      <block type="variables_get" id="U77~u,Qfmb2g[O19eHoh">
                                        <field name="VAR" id="?;zNzBa@_q5|lTMhID_F">Teil_2</field>
                                      </block>
                                    </value>
                                  </block>
                                </value>
                                <next>
                                  <block type="variables_set" id="lao?KUxF77Si~Xc2j%^{">
                                    <field name="VAR" id="moB_xt[#isik:YT0=J3/">Stelle</field>
                                    <value name="VALUE">
                                      <block type="text_indexOf" id="[),PN,ZrAW,C/~:K[x[:">
                                        <field name="END">FIRST</field>
                                        <value name="VALUE">
                                          <block type="variables_get" id="6{t:BeVh6=bsQF(zUhYG">
                                            <field name="VAR" id="*mH[}F.6Kta#KW;c3jPW">Text</field>
                                          </block>
                                        </value>
                                        <value name="FIND">
                                          <shadow xmlns="http://www.w3.org/1999/xhtml" type="text" id="{Vd/Su8uk@lo|:3KMi1L">
                                            <field name="TEXT">%0D%0A</field>
                                          </shadow>
                                          <block type="variables_get" id="r|~fKkGR#@1@G6_GX`-g">
                                            <field name="VAR" id="]T:/?:QRL;m/1wq*S#7S">suchText</field>
                                          </block>
                                        </value>
                                      </block>
                                    </value>
                                  </block>
                                </next>
                              </block>
                            </next>
                          </block>
                        </next>
                      </block>
                    </statement>
                  </block>
                </next>
              </block>
            </next>
          </block>
        </next>
      </block>
    </statement>
    <value name="RETURN">
      <block type="variables_get" id=".*DA-:q/GzURSEPH2ZiQ">
        <field name="VAR" id="*mH[}F.6Kta#KW;c3jPW">Text</field>
      </block>
    </value>
  </block>
  <block type="on_ext" id="7)?1A[QaPRjBlqqW+o#z" x="63" y="-412">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">any</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="4Cxg;]3:k%DD08c5=-Js">
        <field name="oid">0_userdata.0.Media.Bluesound.Küche.Stop</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="request" id="kCp_:n8M$^4`Yd8P/QDy">
        <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="false"></mutation>
        <field name="WITH_STATEMENT">FALSE</field>
        <field name="LOG">log</field>
        <value name="URL">
          <shadow type="text">
            <field name="TEXT">text</field>
          </shadow>
          <block type="text_join" id="9_6|XmgF-o!/IDX(c5bT">
            <mutation items="3"></mutation>
            <value name="ADD0">
              <block type="text" id="XwRsM{jew`aTJtH3j?}s">
                <field name="TEXT">http://</field>
              </block>
            </value>
            <value name="ADD1">
              <block type="get_value" id="z$st~OHffc`QD:JOZ+!#">
                <field name="ATTR">val</field>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
              </block>
            </value>
            <value name="ADD2">
              <block type="text" id="n)HC=rU!XSlaCyex#z%X">
                <field name="TEXT">:11000/Pause</field>
              </block>
            </value>
          </block>
        </value>
        <next>
          <block type="variables_set" id="ne37.PKv5;,!QHSm_fgN">
            <field name="VAR" id="p[!d9g5$d1fizuo7WbDZ">aktualisierung_an</field>
            <value name="VALUE">
              <block type="logic_boolean" id="^YzQSIDrca_7O?HTR[5D">
                <field name="BOOL">FALSE</field>
              </block>
            </value>
            <next>
              <block type="control" id="LGr{712ub`##FK*LT#r.">
                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.Album</field>
                <field name="WITH_DELAY">FALSE</field>
                <value name="VALUE">
                  <block type="text" id="7=;d7DVIBgD|pizQtEk.">
                    <field name="TEXT"></field>
                  </block>
                </value>
                <next>
                  <block type="control" id="{$ky,88PBycJNb_34u?s">
                    <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                    <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artist</field>
                    <field name="WITH_DELAY">FALSE</field>
                    <value name="VALUE">
                      <block type="text" id="4^f/?Q1fD1jKlt#O0|oy">
                        <field name="TEXT"></field>
                      </block>
                    </value>
                    <next>
                      <block type="control" id="qahg%}ZsU))Q7-cK+%u;">
                        <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                        <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artwork</field>
                        <field name="WITH_DELAY">FALSE</field>
                        <value name="VALUE">
                          <block type="text" id="YA@8X!#0E})?=mkC1KOc">
                            <field name="TEXT"></field>
                          </block>
                        </value>
                        <next>
                          <block type="control" id="F9%|.z),+M]!(=ay^L:Q">
                            <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                            <field name="OID">0_userdata.0.Media.Bluesound.Küche.Title</field>
                            <field name="WITH_DELAY">FALSE</field>
                            <value name="VALUE">
                              <block type="text" id="i]ihlf?FnRJ.N~%W8Z-,">
                                <field name="TEXT"></field>
                              </block>
                            </value>
                          </block>
                        </next>
                      </block>
                    </next>
                  </block>
                </next>
              </block>
            </next>
          </block>
        </next>
      </block>
    </statement>
  </block>
  <block type="on_ext" id="Sev=?2(3{D4yq+plvjMb" x="63" y="88">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">ne</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="HXG}[HRqL=^(d;AQ-zEp">
        <field name="oid">0_userdata.0.Media.Bluesound.Küche.Volume</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="request" id="rbRv}2c3K%4[Y~3W+%pL">
        <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="false"></mutation>
        <field name="WITH_STATEMENT">FALSE</field>
        <field name="LOG">log</field>
        <value name="URL">
          <shadow type="text" id="VNQ.0-:w3QbzIc?p}Bbc">
            <field name="TEXT">text</field>
          </shadow>
          <block type="text_join" id="HI?xKM3!O/VEYOS$sA^:">
            <mutation items="4"></mutation>
            <value name="ADD0">
              <block type="text" id="Dt^zH|?[^_G!jhLYd7Qw">
                <field name="TEXT">http://</field>
              </block>
            </value>
            <value name="ADD1">
              <block type="get_value" id="h)W?TX7B.zju6}qYF~9t">
                <field name="ATTR">val</field>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
              </block>
            </value>
            <value name="ADD2">
              <block type="text" id="UrXJd+5M=e+{(1oLCI3$">
                <field name="TEXT">:11000/Volume?level=</field>
              </block>
            </value>
            <value name="ADD3">
              <block type="get_value" id="-#T/owsH/L#Xb8+@1hlr">
                <field name="ATTR">val</field>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.Volume</field>
              </block>
            </value>
          </block>
        </value>
      </block>
    </statement>
  </block>
  <block type="schedule_create" id="M#X-bGuZ*/4[[Y_2DLIY" x="1063" y="38">
    <field name="NAME">schedule1</field>
    <value name="SCHEDULE">
      <shadow type="field_cron" id="c,H@u,.r`kI)U^y26OW}">
        <field name="CRON">*/5 * * * * *</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="controls_if" id="|}Bar0g=4LVj}p~?ibC_">
        <value name="IF0">
          <block type="logic_compare" id="P1`Z^Sa+AdA:_05UjgTI">
            <field name="OP">EQ</field>
            <value name="A">
              <block type="variables_get" id="fq,FvKXbM[?m::f~{pf`">
                <field name="VAR" id="p[!d9g5$d1fizuo7WbDZ">aktualisierung_an</field>
              </block>
            </value>
            <value name="B">
              <block type="logic_boolean" id="pvO$luJo~o*uTsXz57QW">
                <field name="BOOL">TRUE</field>
              </block>
            </value>
          </block>
        </value>
        <statement name="DO0">
          <block type="request" id=";[0C..zDNuE0%$7?q3}J">
            <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="true"></mutation>
            <field name="WITH_STATEMENT">TRUE</field>
            <field name="LOG"></field>
            <value name="URL">
              <shadow type="text">
                <field name="TEXT">text</field>
              </shadow>
              <block type="text_join" id="M^0:r7sEc~I%-g]mhk]q">
                <mutation items="3"></mutation>
                <value name="ADD0">
                  <block type="text" id="q`pSxk|Uhmb22Hh|^V(}">
                    <field name="TEXT">http://</field>
                  </block>
                </value>
                <value name="ADD1">
                  <block type="get_value" id="-/P7w.rYI!:K2E*|;a/Y">
                    <field name="ATTR">val</field>
                    <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
                  </block>
                </value>
                <value name="ADD2">
                  <block type="text" id="8@:guEjO^#pK|*l)[HZ2">
                    <field name="TEXT">:11000/Status</field>
                  </block>
                </value>
              </block>
            </value>
            <statement name="STATEMENT">
              <block type="debug" id="r/4N7uV7PWUR;X4?+@g+">
                <field name="Severity">log</field>
                <value name="TEXT">
                  <shadow type="text" id="XY2`wPREgSG^a!QpHSyu">
                    <field name="TEXT">test</field>
                  </shadow>
                  <block type="variables_get" id="d:Cig{Qu`#zSo)(h=c;o">
                    <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                  </block>
                </value>
                <next>
                  <block type="control" id="{/RW2_=Bo)HGCaDG9LK7">
                    <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                    <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artist</field>
                    <field name="WITH_DELAY">FALSE</field>
                    <value name="VALUE">
                      <block type="get_attr" id="bxMpbbDzyA@)Od7,Ke`N">
                        <value name="PATH">
                          <shadow type="text" id="(a!y4e1V2!SZjxXP4(fL">
                            <field name="TEXT">Artist</field>
                          </shadow>
                        </value>
                        <value name="OBJECT">
                          <block type="convert_object2json" id="xf:g*Hrm9+OOjr,Xa{f*">
                            <field name="PRETTIFY">TRUE</field>
                            <value name="VALUE">
                              <block type="variables_get" id=":m@N$w~ih,E,`B~^rLC!">
                                <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                              </block>
                            </value>
                          </block>
                        </value>
                      </block>
                    </value>
                    <next>
                      <block type="debug" id="oU.~e_SdapGq:]WGpET(">
                        <field name="Severity">log</field>
                        <value name="TEXT">
                          <shadow type="text">
                            <field name="TEXT">test</field>
                          </shadow>
                          <block type="get_value" id="%dW84hzqcSzD=*`8@5!e">
                            <field name="ATTR">val</field>
                            <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artist</field>
                          </block>
                        </value>
                        <next>
                          <block type="control" id="@bZr9b};$oYTUuo4%R}o">
                            <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                            <field name="OID">0_userdata.0.Media.Bluesound.Küche.Title</field>
                            <field name="WITH_DELAY">FALSE</field>
                            <value name="VALUE">
                              <block type="get_attr" id="MaudAf+f={=+/[@.YiAS">
                                <value name="PATH">
                                  <shadow type="text" id="w*/DnNB{!-GJ?7JF=7@1">
                                    <field name="TEXT">Title1</field>
                                  </shadow>
                                </value>
                                <value name="OBJECT">
                                  <block type="convert_object2json" id="vL38tFeC9Fzph.st)r)a">
                                    <field name="PRETTIFY">TRUE</field>
                                    <value name="VALUE">
                                      <block type="variables_get" id="uc6Qp:_~K8;|Fl;!e[17">
                                        <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                                      </block>
                                    </value>
                                  </block>
                                </value>
                              </block>
                            </value>
                            <next>
                              <block type="control" id="FC5rZB)-,,SatPL;R%ch">
                                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                                <field name="OID">0_userdata.0.Media.Bluesound.Küche.Album</field>
                                <field name="WITH_DELAY">FALSE</field>
                                <value name="VALUE">
                                  <block type="get_attr" id="v:Pk6%L^{_`O~]iU*]S!">
                                    <value name="PATH">
                                      <shadow type="text" id="s|#2b2/u.A)dmz*70QZ*">
                                        <field name="TEXT">Album</field>
                                      </shadow>
                                    </value>
                                    <value name="OBJECT">
                                      <block type="convert_object2json" id="h7Mkq]AOylQhBn%a]sqv">
                                        <field name="PRETTIFY">TRUE</field>
                                        <value name="VALUE">
                                          <block type="variables_get" id="AjAH=xR@Sy+}Yf(MpiwJ">
                                            <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                                          </block>
                                        </value>
                                      </block>
                                    </value>
                                  </block>
                                </value>
                              </block>
                            </next>
                          </block>
                        </next>
                      </block>
                    </next>
                  </block>
                </next>
              </block>
            </statement>
          </block>
        </statement>
      </block>
    </statement>
  </block>
  <block type="on_ext" id="e]gnXbSiVl)E$noe?^V$" x="63" y="438">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">any</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="W;X?Hsk#gh2u!0yivk?:">
        <field name="oid">0_userdata.0.Media.Bluesound.Küche.Play</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="request" id="9UfbJ,`_p{H7tjSb%q;M">
        <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="true"></mutation>
        <field name="WITH_STATEMENT">TRUE</field>
        <field name="LOG">log</field>
        <value name="URL">
          <shadow type="text">
            <field name="TEXT">text</field>
          </shadow>
          <block type="text_join" id="^O)H1tCk)ti#_u@M$j(~">
            <mutation items="3"></mutation>
            <value name="ADD0">
              <block type="text" id="=0`FHbc*i1d1ymM3ii-i">
                <field name="TEXT">http://</field>
              </block>
            </value>
            <value name="ADD1">
              <block type="get_value" id="*]8u~X?t:IE}6s1@08uz">
                <field name="ATTR">val</field>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
              </block>
            </value>
            <value name="ADD2">
              <block type="text" id="a]i.p/k]p]pT8-E~@Tg^">
                <field name="TEXT">:11000/Play</field>
              </block>
            </value>
          </block>
        </value>
        <statement name="STATEMENT">
          <block type="debug" id="Kar+l3ay/3e*Z@s^oTw7">
            <field name="Severity">log</field>
            <value name="TEXT">
              <shadow type="text" id="*O75M[)TT}j+99P-^:0)">
                <field name="TEXT">Play</field>
              </shadow>
            </value>
          </block>
        </statement>
        <next>
          <block type="request" id="{UWL!L(~vcmH5.W[57K}">
            <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="true"></mutation>
            <field name="WITH_STATEMENT">TRUE</field>
            <field name="LOG">log</field>
            <value name="URL">
              <shadow type="text">
                <field name="TEXT">text</field>
              </shadow>
              <block type="text_join" id="a6cCA2F/ae.c22c6ll$v">
                <mutation items="3"></mutation>
                <value name="ADD0">
                  <block type="text" id=",6lF8ga`N1WlxeS}SGB;">
                    <field name="TEXT">http://</field>
                  </block>
                </value>
                <value name="ADD1">
                  <block type="get_value" id="eR+XA_m4gqepT,.|paZo">
                    <field name="ATTR">val</field>
                    <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
                  </block>
                </value>
                <value name="ADD2">
                  <block type="text" id="d2p?+On8z~`f*foMjO,9">
                    <field name="TEXT">:11000/Status</field>
                  </block>
                </value>
              </block>
            </value>
            <next>
              <block type="variables_set" id="6!|3HClkm|e_U}g=bU^x">
                <field name="VAR" id="p[!d9g5$d1fizuo7WbDZ">aktualisierung_an</field>
                <value name="VALUE">
                  <block type="logic_boolean" id="Fi2`VF(|]`_5gi8X!JjS">
                    <field name="BOOL">TRUE</field>
                  </block>
                </value>
              </block>
            </next>
          </block>
        </next>
      </block>
    </statement>
  </block>
  <block type="on_ext" id="Y?Sm41$(D)9#lQ~lJxt$" x="1063" y="788">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">any</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="qiOnaC5?sd:D8in8LYMK">
        <field name="oid">0_userdata.0.Media.Bluesound.Küche.Preset-to-Device</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="control" id="cS;^-5MCZ{MKw[a2n+L)">
        <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
        <field name="OID">0_userdata.0.Media.Bluesound.Küche.Album</field>
        <field name="WITH_DELAY">FALSE</field>
        <value name="VALUE">
          <block type="text" id="ve9_p/8=#,{S:X2aBE32">
            <field name="TEXT"></field>
          </block>
        </value>
        <next>
          <block type="control" id="JIp)0jG4h;z0Q/PS2?j9">
            <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
            <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artist</field>
            <field name="WITH_DELAY">FALSE</field>
            <value name="VALUE">
              <block type="text" id="~*8T!p+x}r~JZvjER)1}">
                <field name="TEXT"></field>
              </block>
            </value>
            <next>
              <block type="control" id="_0I9awCziv3|idO*f=(b">
                <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artwork</field>
                <field name="WITH_DELAY">FALSE</field>
                <value name="VALUE">
                  <block type="text" id="$uHD%}no[cYx}x=1UhzM">
                    <field name="TEXT"></field>
                  </block>
                </value>
                <next>
                  <block type="control" id=".9nX+#/zx%?D~POpOJqc">
                    <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                    <field name="OID">0_userdata.0.Media.Bluesound.Küche.Title</field>
                    <field name="WITH_DELAY">FALSE</field>
                    <value name="VALUE">
                      <block type="text" id="a3|PsRhd*K:n]h6G2`]_">
                        <field name="TEXT"></field>
                      </block>
                    </value>
                    <next>
                      <block type="request" id="*O+az%+o~^=N^ygHeGdS">
                        <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="false"></mutation>
                        <field name="WITH_STATEMENT">FALSE</field>
                        <field name="LOG">log</field>
                        <value name="URL">
                          <shadow type="text">
                            <field name="TEXT">text</field>
                          </shadow>
                          <block type="text_join" id="5@#cS:ojO`L5j+whHUZ*">
                            <mutation items="4"></mutation>
                            <value name="ADD0">
                              <block type="text" id="6}?si2ykB!h_3!VCIk+h">
                                <field name="TEXT">http://</field>
                              </block>
                            </value>
                            <value name="ADD1">
                              <block type="get_value" id="#$e#XD,1j4e/!EU%IGEb">
                                <field name="ATTR">val</field>
                                <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
                              </block>
                            </value>
                            <value name="ADD2">
                              <block type="text" id="%@wD?j}SO/eaG7VgXg6f">
                                <field name="TEXT">:11000/Preset?id=</field>
                              </block>
                            </value>
                            <value name="ADD3">
                              <block type="get_value" id="]]hMV{`If#iu`uv8.|c+">
                                <field name="ATTR">val</field>
                                <field name="OID">0_userdata.0.Media.Bluesound.Küche.Preset-to-Device</field>
                              </block>
                            </value>
                          </block>
                        </value>
                        <next>
                          <block type="variables_set" id="Tp[P/O:|Nmlt{-L.!U2Z">
                            <field name="VAR" id="p[!d9g5$d1fizuo7WbDZ">aktualisierung_an</field>
                            <value name="VALUE">
                              <block type="logic_boolean" id="HtN2V!HPA$KK(~^Sr5H3">
                                <field name="BOOL">TRUE</field>
                              </block>
                            </value>
                          </block>
                        </next>
                      </block>
                    </next>
                  </block>
                </next>
              </block>
            </next>
          </block>
        </next>
      </block>
    </statement>
  </block>
  <block type="on_ext" id="Wh^g89L2U~Q2P!xB2v(W" x="63" y="1063">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">any</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="bvV8Mh7ncyI1zYRI%q(Y">
        <field name="oid">0_userdata.0.Media.Bluesound.Küche.Next</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="request" id="duTZyrhvq`n4~?crd%D=">
        <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="false"></mutation>
        <field name="WITH_STATEMENT">FALSE</field>
        <field name="LOG">log</field>
        <value name="URL">
          <shadow type="text">
            <field name="TEXT">text</field>
          </shadow>
          <block type="text_join" id="ne;5K~2`^_,$c.Mb)jOL">
            <mutation items="3"></mutation>
            <value name="ADD0">
              <block type="text" id="s-i-RYY[OhkJR/-{`J3%">
                <field name="TEXT">http://</field>
              </block>
            </value>
            <value name="ADD1">
              <block type="get_value" id="W)=Wj(2O!B{,RMiQkP%!">
                <field name="ATTR">val</field>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
              </block>
            </value>
            <value name="ADD2">
              <block type="text" id=",?q;=).4=knA.uaTSU26">
                <field name="TEXT">:11000/Skip</field>
              </block>
            </value>
          </block>
        </value>
        <next>
          <block type="variables_set" id="]5*a-lWq6%KK{%Y$z1q9">
            <field name="VAR" id="p[!d9g5$d1fizuo7WbDZ">aktualisierung_an</field>
            <value name="VALUE">
              <block type="logic_boolean" id="/gLkK^t(eQHTYX%(UG[l">
                <field name="BOOL">TRUE</field>
              </block>
            </value>
          </block>
        </next>
      </block>
    </statement>
  </block>
  <block type="on_ext" id="`odlrViD:jSax`0iGUX9" x="63" y="1413">
    <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
    <field name="CONDITION">ne</field>
    <field name="ACK_CONDITION"></field>
    <value name="OID0">
      <shadow type="field_oid" id="hn^w;}W(5?,1KEHYOWiE">
        <field name="oid">0_userdata.0.Media.Bluesound.Küche.Back</field>
      </shadow>
    </value>
    <statement name="STATEMENT">
      <block type="request" id=")%1(u2ly{{M%Eh:@^{(*">
        <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="false"></mutation>
        <field name="WITH_STATEMENT">FALSE</field>
        <field name="LOG">log</field>
        <value name="URL">
          <shadow type="text">
            <field name="TEXT">text</field>
          </shadow>
          <block type="text_join" id="-~66J;|qC=wIfjc2k{/n">
            <mutation items="3"></mutation>
            <value name="ADD0">
              <block type="text" id="aM]4qQ/_SExnce;e-6~Y">
                <field name="TEXT">http://</field>
              </block>
            </value>
            <value name="ADD1">
              <block type="get_value" id="O,:%%n|zCNfY+VP}oy+2">
                <field name="ATTR">val</field>
                <field name="OID">0_userdata.0.Media.Bluesound.Küche.IP</field>
              </block>
            </value>
            <value name="ADD2">
              <block type="text" id="E}jdV)2|Q[@u*AwZmDEb">
                <field name="TEXT">:11000/Back</field>
              </block>
            </value>
          </block>
        </value>
        <next>
          <block type="variables_set" id="wJdQ{R]3qGtM:l:kcQc1">
            <field name="VAR" id="p[!d9g5$d1fizuo7WbDZ">aktualisierung_an</field>
            <value name="VALUE">
              <block type="logic_boolean" id="LdJOUJkyDK:F[axK{#vV">
                <field name="BOOL">TRUE</field>
              </block>
            </value>
          </block>
        </next>
      </block>
    </statement>
  </block>
</xml>
                                          liv-in-sky 1 Reply Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @Rookie50 last edited by

                                            @rookie50

                                            war wohl johnny cash

                                            habe es so gemacht

                                            Image 5.png

                                            <xml xmlns="https://developers.google.com/blockly/xml">
 <variables>
   <variable id="/;1~e`5S^.p~]8B6oCfz">x</variable>
   <variable id="V!?b;m:_l0eU[qp:2SFO">result</variable>
 </variables>
 <block type="procedures_defcustomreturn" id="HC,qb9[L^()3b.Z]}1)2" x="1137" y="137">
   <mutation statements="false">
     <arg name="x" varid="/;1~e`5S^.p~]8B6oCfz"></arg>
   </mutation>
   <field name="NAME">bekomme json</field>
   <field name="SCRIPT">dmFyIHBhcnNlciA9IHJlcXVpcmUoJ3htbDJqc29uJyk7DQovL2xldCBteU9iamVjdD0ocGFyc2VyLnRvSnNvbih4bWwpKQ0KbG9nKEpTT04uc3RyaW5naWZ5KHBhcnNlci50b0pzb24oeCkpKTsNCnJldHVybiBwYXJzZXIudG9Kc29uKHgpOw==</field>
   <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
 </block>
 <block type="request" id=";[0C..zDNuE0%$7?q3}J" x="1138" y="187">
   <mutation xmlns="http://www.w3.org/1999/xhtml" with_statement="true"></mutation>
   <field name="WITH_STATEMENT">TRUE</field>
   <field name="LOG"></field>
   <value name="URL">
     <shadow type="text">
       <field name="TEXT">text</field>
     </shadow>
     <block type="text_join" id="M^0:r7sEc~I%-g]mhk]q">
       <mutation items="3"></mutation>
       <value name="ADD0">
         <block type="text" id="q`pSxk|Uhmb22Hh|^V(}">
           <field name="TEXT">http://</field>
         </block>
       </value>
       <value name="ADD1">
         <block type="get_value" id="-/P7w.rYI!:K2E*|;a/Y">
           <field name="ATTR">val</field>
           <field name="OID">0_userdata.0.Rookie.dieIP</field>
         </block>
       </value>
       <value name="ADD2">
         <block type="text" id="8@:guEjO^#pK|*l)[HZ2">
           <field name="TEXT">:11000/Status</field>
         </block>
       </value>
     </block>
   </value>
   <statement name="STATEMENT">
     <block type="debug" id="r/4N7uV7PWUR;X4?+@g+">
       <field name="Severity">log</field>
       <value name="TEXT">
         <shadow type="text" id="XY2`wPREgSG^a!QpHSyu">
           <field name="TEXT">test</field>
         </shadow>
         <block type="variables_get" id=":RL^.hCYzk5SpS$2/WJU">
           <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
         </block>
       </value>
       <next>
         <block type="debug" id="H(d^udzC$9atILaagZ,(">
           <field name="Severity">log</field>
           <value name="TEXT">
             <shadow type="text" id="LrpD,@7BlBuNBl8k)bC`">
               <field name="TEXT">test</field>
             </shadow>
             <block type="get_attr" id="`tttnkxJx@Y4N5HYk7U4">
               <value name="PATH">
                 <shadow type="text" id="lzg@:[A*Pr|`)6M`C7iX">
                   <field name="TEXT">status.artist</field>
                 </shadow>
               </value>
               <value name="OBJECT">
                 <block type="procedures_callcustomreturn" id="uGTLbegc(}9kqf1Qe3|{">
                   <mutation name="bekomme json">
                     <arg name="x"></arg>
                   </mutation>
                   <value name="ARG0">
                     <block type="variables_get" id="d:Cig{Qu`#zSo)(h=c;o">
                       <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                     </block>
                   </value>
                 </block>
               </value>
             </block>
           </value>
           <next>
             <block type="control" id="{/RW2_=Bo)HGCaDG9LK7" disabled="true">
               <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
               <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artist</field>
               <field name="WITH_DELAY">FALSE</field>
               <value name="VALUE">
                 <block type="get_attr" id="bxMpbbDzyA@)Od7,Ke`N">
                   <value name="PATH">
                     <shadow type="text" id="(a!y4e1V2!SZjxXP4(fL">
                       <field name="TEXT">Artist</field>
                     </shadow>
                   </value>
                   <value name="OBJECT">
                     <block type="convert_object2json" id="xf:g*Hrm9+OOjr,Xa{f*">
                       <field name="PRETTIFY">TRUE</field>
                       <value name="VALUE">
                         <block type="variables_get" id=":m@N$w~ih,E,`B~^rLC!">
                           <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                         </block>
                       </value>
                     </block>
                   </value>
                 </block>
               </value>
               <next>
                 <block type="debug" id="oU.~e_SdapGq:]WGpET(" disabled="true">
                   <field name="Severity">log</field>
                   <value name="TEXT">
                     <shadow type="text">
                       <field name="TEXT">test</field>
                     </shadow>
                     <block type="get_value" id="%dW84hzqcSzD=*`8@5!e">
                       <field name="ATTR">val</field>
                       <field name="OID">0_userdata.0.Media.Bluesound.Küche.Artist</field>
                     </block>
                   </value>
                   <next>
                     <block type="control" id="@bZr9b};$oYTUuo4%R}o" disabled="true">
                       <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                       <field name="OID">0_userdata.0.Media.Bluesound.Küche.Title</field>
                       <field name="WITH_DELAY">FALSE</field>
                       <value name="VALUE">
                         <block type="get_attr" id="MaudAf+f={=+/[@.YiAS">
                           <value name="PATH">
                             <shadow type="text" id="w*/DnNB{!-GJ?7JF=7@1">
                               <field name="TEXT">Title1</field>
                             </shadow>
                           </value>
                           <value name="OBJECT">
                             <block type="convert_object2json" id="vL38tFeC9Fzph.st)r)a">
                               <field name="PRETTIFY">TRUE</field>
                               <value name="VALUE">
                                 <block type="variables_get" id="uc6Qp:_~K8;|Fl;!e[17">
                                   <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                                 </block>
                               </value>
                             </block>
                           </value>
                         </block>
                       </value>
                       <next>
                         <block type="control" id="FC5rZB)-,,SatPL;R%ch" disabled="true">
                           <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                           <field name="OID">0_userdata.0.Media.Bluesound.Küche.Album</field>
                           <field name="WITH_DELAY">FALSE</field>
                           <value name="VALUE">
                             <block type="get_attr" id="v:Pk6%L^{_`O~]iU*]S!">
                               <value name="PATH">
                                 <shadow type="text" id="s|#2b2/u.A)dmz*70QZ*">
                                   <field name="TEXT">Album</field>
                                 </shadow>
                               </value>
                               <value name="OBJECT">
                                 <block type="convert_object2json" id="h7Mkq]AOylQhBn%a]sqv">
                                   <field name="PRETTIFY">TRUE</field>
                                   <value name="VALUE">
                                     <block type="variables_get" id="AjAH=xR@Sy+}Yf(MpiwJ">
                                       <field name="VAR" id="V!?b;m:_l0eU[qp:2SFO">result</field>
                                     </block>
                                   </value>
                                 </block>
                               </value>
                             </block>
                           </value>
                         </block>
                       </next>
                     </block>
                   </next>
                 </block>
               </next>
             </block>
           </next>
         </block>
       </next>
     </block>
   </statement>
 </block>
</xml>

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            898
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            6
                                            111
                                            6554
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo