//@liv-in-sky Januar 2020 christoph1
// https://forum.iobroker.net/topic/28789/script-fürtabelle-der-batterie-zustände 
 
//HIER WIRD PFAD UND FILENAME DEFINIERT
const path = "batterymonitor.html";                   //FIlenamen definieren
const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
let   braucheEinFile=true;                          // bei true wird ein file geschrieben - NUR FÜR IQONTROL oder DIRECT BROWSER-Aufruf
let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben - MUSS ANGELEGT WERDEN !!!
let   braucheMaterialDesignWidget=false;             // bei true wird ein json in einen dp geschrieben - MUSS ANGELEGT WERDEN !!!
let   braucheMaterialDesignWidgetTable=false;        // bei true wird ein json in einen dp geschrieben - MUSS ANGELEGT WERDEN !!!
let dpVIS="0_userdata.0.CONTROL-OWN.TABELLEN.AKKU" ;           //WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget - zeichenkette(string)
let dpAlarm="0_userdata.0.CONTROL-OWN.TABELLEN.AkkuAlarm";      // muss erstellt werden - datenpunkt erstellen vom typ "number" - bei 0 kein alarm und größer 0 die anzahl der schlechten batterien
let dpAlarmMessage="0_userdata.0.CONTROL-OWN.TABELLEN.AkkuMeessage";                    // muss erstellt werden -  datenpunkt erstellen vom typ "string" Inhalt - alle devices mit lowbat-alarmen
let dpMaterialWidget="0_userdata.0.CONTROL-OWN.TABELLEN.AkkuMaterialWidget";            // WICHTIG wenn braucheMaterialDesignWidget auf true MATERIALDESIGN List Widget - datenpunkt anlegen : zeichenkette  
let dpMaterialWidgetTable="0_userdata.0.CONTROL-OWN.TABELLEN.AkkuMaterialWidgetTable"; // WICHTIG wenn braucheMaterialDesignWidgetTable auf true MATERIALDESIGN Table Widget - datenpunkt anlegen: zeichenkette  
let pfadBilderMaterialWidget="/vis.0/armin/img/marken/"  ;                     //für materialdesign widgets!!! PFAD zu den bildern, die in die vis geladen wurden
let wantAmessage=true;                                      // dieser message datenpunkt kann hier abgeschalten werden
let htmlColorDeviceUeberschrift="#A0C2A0"             //  Farbe der Geräte Marken 
let HTMLbrandSetting="b"                              // style der geräte marken:  möglich b fett; i kursiv; span normal
var battAlarm=15;                                     //alarm batterie wert
var battAlarmWarning=25;                                     //warnungen batterie wert
 
// ------------------------    hier einstellen, was man für adapter hat - die nicht gebraucht werden auf false setzen !!!
var tradfri=false;
var hue=false;
var hueExt=false;
var homematic=true;
var homematicIp=false;
var xiaomi=false;                                                // mihome.0
var fritzDect=true;
var netatmo=false;
var homee=false;
var tado=false;
var zigbee=false;
var zwave=false;
var deconz=true;
var iogo=false;                                                 // iogo - adapter - hat batterie abfrage
var fullyBrowser=false;                                         // fullybrowser - adapter - hat batterie abfrage
var handy1=false;                                              // sind einzelne datenpunkte, 
var handy2=false;
 
//f          ür spezialisten bei devices mit über 3 volt batterien
var bigBattAlarm=3.7; var bigBattWarn=4.1; //WICHTIG bei bigAlarm nicht unter 3.3 gehen !!!!!!!!
 
var symbolOK="✅";  // auch möglich: ="✅🟢"}      
var symbolKO="❌";     //z.b. auch "<font color=\"red\"><b>X</b>" für ein rotes kreuz oder : =❌"🔴"  ⚪  ⚫ ⭕  🔴 🔵 ⏱ 💀 👍 👎 📑 💲 👀 ⛔ 🛑
var symbolWARN="⚠️";    // ="🟡"
var symbolWARNTime="⏰";   
var warntimeA="86400000" //43200000=12h
var warntimeB="21600000" //5400000=1.5h
 
 
var filterArray=["maxcube.0.devices.thermostat_101881.battery_low","maxcube.0.devices.thermostat_19ef14.battery_low"]; //hier den ganzenpfad von ungewünschten LOW_BAT werten eingeben - diese werden dann gefiltert
                              // BEISPIEL var filterArray=["hm-rpc.0.LEQ0242145.0.LOWBAT", "hm-rpc.0.LEQ0242152.0.LOWBAT","hm-rpc.1.OEQ0473764.0.LOWBAT"];
//let mySchedule="  */5 * * * * ";                        
let mySchedule="  * * * * * ";                        
//---------------------------------------
 
//HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 3
var htmlFeld1='Gerät';      var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left,right or center
var htmlFeld2='Batterie';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
var htmlFeld3='Status';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
//-----------------------------------
 
 
//------------------------------hier werden die styles für die tabelle definiert
 
//ÜBERSCHRIFT ÜBER TABELLE
let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='Batterie Zustand Sensoren';              // Überschrift und Signature
const htmlFarbUber="white";                         // Farbe der Überschrift
const htmlSchriftWeite="normal";                       // bold, normal - Fettschrift für Überschrift
const htmlÜberFontGroesse="22px";                       // schriftgröße überschrift
//MEHRERE TABELLEN NEBENEINANDER
let   mehrfachTabelle=3;                              // bis zu 4 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3,oder 4 !!!
const trennungsLinie="1";                             //extra trennungslinie bei mehrfachtabellen - evtl auf 0 stellen, wnn htmlRahmenLinien auf none sind
const farbetrennungsLinie="white";
const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
const htmlFarbTableColorUber="#BDBDBD";               // Überschrift in der tabelle - der einzelnen Spalten
//ÜBERSCHRIFT SPALTEN
const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="0";                   // Linie nur unter Spaltenüberschrift - 
const farbeLinieUnterUeberschrift="white";
const groesseUeberschrift=20;
const UeberschriftStyle="normal"                     // möglich "bold"
//GANZE TABELLE
let abstandZelle="0";
let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
let farbeGeradeZeilen="#151515";                        //Farbe für gerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
let weite="1280";                                     //Weite der Tabelle
let zentriert=true;                                   //ganze tabelle zentriert
const backgroundAll="#000000";                        //Hintergrund für die ganze Seite - für direkten aufruf oder iqontrol sichtber - keine auswirkung auf vis-widget
const htmlSchriftart="RobotoCondensed-Regular"  //"Helvetica";
const htmlSchriftgroesse="16px";
//FELDER UND RAHMEN
let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
const htmlFarbFelderschrift="#6E6E6E";                  // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#585858";                 // SchriftFarbe der Felder für jede 2te Tabelle
const htmlFarbTableColorGradient1="#424242";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2="#424242";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
const htmlFarbTableBorderColor="grey";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="rows";                            // Format für Rahmen: MÖGLICH: "none" oder "all" oder "cols" oder "rows"
const htmlSpalte1Weite="auto";                   //  Weite der ersten beiden  Spalten oder z.b. 115px
 
// AB HIER NICHTS  ÄNDERN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// AB HIER NICHTS  ÄNDERN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// AB HIER NICHTS  ÄNDERN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
let borderHelpBottum;
let borderHelpRight;
let htmlcenterHelp;
let htmlcenterHelp2;
 
if(htmlRahmenLinien=="rows") {borderHelpBottum=1;borderHelpRight=0;}
if(htmlRahmenLinien=="cols") {borderHelpBottum=0;borderHelpRight=1;}
if(htmlRahmenLinien=="none") {borderHelpBottum=0;borderHelpRight=0;}
if(htmlRahmenLinien=="all")  {borderHelpBottum=1;borderHelpRight=1;}
zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";
 
 
const htmlZentriert='<center>'
const htmlStart=    "<!DOCTYPE html><html lang=\"de\"><head><title>Vorlage</title><meta http-equiv=\"content-type\" content=\"text/html; 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+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite+"}"+
                 " </style></head><body> <div>";
//const htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\">"+htmlFeldUeber+"</p>";                    
const htmlTabStyle= "<table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"2px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
                    "; font-family:"+htmlSchriftart+";background-image: linear-gradient(42deg,"+htmlFarbTableColorGradient2+","+htmlFarbTableColorGradient1+");\">";
const htmlTabUeber1="<tr height=\""+UeberSchriftHöhe+"\" style=\"color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \">";
const htmlTabUeber3="</tr>";
 
 
//NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 3
 
 	var htmlTabUeber2="<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+">&ensp;"+htmlFeld1+"&ensp;</td><td width="+htmlSpalte1Weite+" align="+Feld2lAlign+">&ensp;"+htmlFeld2+"&ensp;</td><td  align="+Feld3lAlign+">&ensp;"+htmlFeld3+"&ensp;</td>";
var htmlTabUeber2_1="<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld1+"&ensp;</td><td width="+htmlSpalte1Weite+"  align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld2+
                 "&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld3+"&ensp;</td>";
//------------------------------------------------------
 
var myJsonWidget=[]; 
var myJsonWidget2=[];
var htmlTabUeber="";
var htmlOut="";
var mix;
var counter;
var AkkuAlarm=[];
var alarmMessage=[];
let AkkuMessageLengthAlt=0;
var arrDoppelt=[];
//HIER SIND DIE  WERTE, DIE IN DER SCHLEIFE GEFILTERET WER%DEN - Jede spalte einen wert - jeder valx muss in dieser schleife gesetzt werden !!
var val1; var val0; var val2;
var json1; var json2; var json3; var json4; var json5; var json6; var json3_1=0;
 
function writeHTML(){
 AkkuAlarm=[];
 
htmlOut="";
 
counter=-1;
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+htmlTabUeber3; break;
 case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
};   
if (!UeberschriftSpalten) {htmlTabUeber=""}
 
 
//--------------------------------------------------------------------------------------------------------------------------------------------------
//---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
//---------alle valx werte müssen von euch bestimmt werden - val0,val1,val2 !!!---------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------
var myColl=[];
var myObjF=[];
var val1help;
 
 
  if (fritzDect){
 
            counter=-1;
           
             for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
           //  tabelleMachSchoen() 
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">FRITZDECT THERMOSTATE</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
counter=-1;
 
 
myObjF=[];
 $('fritzdect.*.*.battery').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
    if (!filterArray.includes(id)){
        var ida = id.split('.');
       
        //  counter++; 
            
        //  val0=ida[2]+"."+ida[3];
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ;
          json1=val0; 
          json3_1=val1help=parseFloat((getState(id).val)); 
          if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
          if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          
          if (getState(id).val==null) {val2="never used"}; //log(id)}; 
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
           
          
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
           json3=val2;
           json6="AVM"
          if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"fritzk.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
          let help=[val0,val1,val2]; myObjF.push(help);
     
   
    // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
    
   }  }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
   sortierMal(myObjF);
    
} //ende fritzdect
 
   if (homee){
       tabelleMachSchoen()
       counter=-1;
   
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">HOMEE DEVICES</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
myObjF=[];
 $('homee.0.*.BatteryLevel*').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
    if (!filterArray.includes(id)){
        var ida = id.split('.');
       
       //   counter++; 
            
        //  val0=ida[2]+"."+ida[3];
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ;
          json1=val0; 
          json3_1=val1help=parseFloat((getState(id).val));
         //    var val2_1;
        //   if (parseInt((new Date().getTime())) - val2_2help < 120000) {val2_1=true} else {val2_1=false;}
 
        if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
        if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
        //  var val2_2help=Date.parse(getState(id.replace("BatteryStatus","LastUpdate")).val); 
        //  if (val2_1) {val2=symbolOK} else{val2=symbolKO}   
               
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
          json3=val2;
           json6="HOMEE"
          if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"homeek.png"
              makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
          let help=[val0,val1,val2]; myObjF.push(help);
     
   
    // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
    
  }  }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
  sortierMal(myObjF);
} //ende fritzdect
 
   if (netatmo){
             tabelleMachSchoen()
                 counter=-1;
             
             for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">NETATMO DEVICES</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
 
myObjF=[];
 $('netatmo.*.*.*.BatteryStatus').each(function(id, i) {           // netatmo.0.Hinxxxer.Außenmodul-Carport.BatteryStatus
 
//  if (!filterArray.includes(id)){
 
      
        var ida = id.split('.');
     
      //    counter++; 
            
        //  val0=ida[2]+"."+ida[3];
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]).common.name ;
                 json1=val0;
          json3_1=val1help=parseFloat((getState(id).val));
          //   var val2_1;
        //   if (parseInt((new Date().getTime())) - val2_2help < 120000) {val2_1=true} else {val2_1=false;}
 
          if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"}  
         if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
         
        //  var val2_2help=Date.parse(getState(id.replace("BatteryStatus","LastUpdate")).val); 
        //  if (val2_1) {val2=symbolOK} else{val2=symbolKO}   
                json3=val2;  json6="NETATMO";    
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
 
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"netatmok.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
       let help=[val0,val1,val2]; myObjF.push(help);
   
    // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
    
   /* }*/   }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
   sortierMal(myObjF);
} //ende fritzdect
 
 if (xiaomi){
           tabelleMachSchoen()
           counter=-1
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">XIAOMI DEVICES</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
myObjF=[];
$('mihome.*.devices.*.percent').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
      // log (id)
       if (!filterArray.includes(id)){
        var ida = id.split('.');
       
        
       //   counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
        //  val0=ida[3];
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]).common.name ;
         val0=val0.replace(/.battery$/,""); 
      json1=val0;
        // log(val0+"   "+id);
          json3_1=val1help=parseFloat((getState(id).val));
         if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
         if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (val1help>battAlarm && val1help<=battAlarmWarning) {json2=val1help.toString()+" %"}
          if (getState(id).val==null) {val2="never used"}; //log(id)}; 
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}  
          json3=val2; json6="MIHOME/XIAOMI"; //json2="dd"       
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
         
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
         if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"xiaomki.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
             
          let help=[val0,val1,val2]; myObjF.push(help);
          
   
   //  tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
 }  }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
   sortierMal(myObjF);
 } //ende xiaomi
 
if (hue){
             tabelleMachSchoen()
             counter=-1
             for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
             for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">HUE DEVICES</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
   myObjF=[]; 
$('hue.*.*.battery').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
 
  if (!filterArray.includes(id)){
       var ida = id.split('.');
      
       
        // counter++; 
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]).common.name ;   val0=val0.replace(/.battery$/,""); val0=val0.replace("Philips_hue.",""); val0=val0.replace(/_/g," ");                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
          json1=val0;
          json3_1=val1help=parseFloat((getState(id).val));
          if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"}  
          if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (getState(id).val==null) {val2="never used"}; //log(id)}; 
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
        
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
          json3=val2;
           json6="HUE"
            if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"huek.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
          let help=[val0,val1,val2]; myObjF.push(help);
  
    //tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
} }); sortierMal(myObjF);
 
 }  //ende hue
if (hueExt){ 
       tabelleMachSchoen()
           counter=-1
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">HUE EXTENDED</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
     
 
myObjF=[];
$('hue-extended.*.*.*.config.battery').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
 
if (!filterArray.includes(id)){
      var ida = id.split('.');
   
      
     //   counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
       
           val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]).common.name ;   val0=val0.replace("Philips_hue.",""); val0=val0.replace(/_/g," ");                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
          json1=val0;
          json3_1=val1help=parseFloat((getState(id).val));
          if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
          if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (getState(id).val==null) {val2="never used"}; //log(id)}; 
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
          json3=val2;
           json6="HUE-Extended"
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"huek.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
          let help=[val0,val1,val2]; myObjF.push(help);
 
       
  // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
 }  }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
 sortierMal(myObjF);
 
  } //ende hue-extended
 
 
 
if (deconz){ 
 
            tabelleMachSchoen()
            counter=-1
            for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
            for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">DECONZ</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
myObjF=[];
let mydeconzArr=[];
$('deconz.*.*.*.battery').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
     
      if (!filterArray.includes(id)  ){
      var ida = id.split('.');
     
      
     //   counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
       
       
         val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]).common.name ;
        // log(val0+"   "+id);
        if (!mydeconzArr.includes(val0)) {
        mydeconzArr.push(val0);
        json1=val0;
       // val1help=getState(id).val;
        json3_1=val1help=parseFloat((getState(id).val));
        if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
         if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"} 
        if (getState(id).val==null) {val2="never used"}; //log(id)}; 
       // if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK} 
       var jetzt=new Date().getTime();
       if(jetzt-getState(id.replace("battery","reachable")).ts > Number(warntimeA)) {  val2=symbolWARN} else{    
        if (getState(id.replace("battery","reachable")).val ) {  val2=symbolOK} 
             else{ if (jetzt-getState(id.replace("battery","reachable")).ts < Number(warntimeB)) {val2=symbolWARNTime} else {val2=symbolKO}}  }  //{val2=symbolKO} else{val2=symbolOK};
 
     if(val2==symbolWARNTime || val2==symbolKO ) alarmMessage.push(1);
      if(val2==symbolWARNTime || val2==symbolKO ) alarmMessage.push(val0  +" - nicht erreichbar");
     
      //  log(getState(id.replace("battery","reachable")).lc.toString()+"   "+id +"    " + (jetzt-getState(id.replace("battery","reachable")).lc).toString())          //getState(id.replace("battery","reachable")))
         json3=val2; json6="DECONZ"; //json2="dd"          
        if (val1help>battAlarm && val1help<=battAlarmWarning) //val2=symbolWARN;
        
        if (val1help<=battAlarm) AkkuAlarm.push(1);
        if (val1help<=battAlarm)  alarmMessage.push(val0);
        let help=[val0,val1,val2]; myObjF.push(help);
         if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
        json4=pfadBilderMaterialWidget+"deconzk.png"
         makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
        } // doppelter name
 
  // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
} }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
sortierMal(myObjF);
 }
   if (zigbee){ 
 
            tabelleMachSchoen()
            counter=-1
            for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
            for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">ZIGBEE DEVICES</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
myObjF=[];
$('zigbee.*.*.battery').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
     
      if (!filterArray.includes(id)){
      var ida = id.split('.');
     
      
     //   counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
       
       
         val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ;
        // log(val0+"   "+id);
        json1=val0;
        val1help=getState(id).val;
        json3_1=val1help=parseFloat((getState(id).val));
       if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
       if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
        if (getState(id).val==null) {val2="never used"}; //log(id)}; 
        if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
        if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
 
        if (val1help<=battAlarm) AkkuAlarm.push(1);
        if (val1help<=battAlarm)  alarmMessage.push(val0);
         json3=val2;
           json6="ZIGBEE"
          if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"zigbeek.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
        let help=[val0,val1,val2]; myObjF.push(help);
 
  // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
} }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
sortierMal(myObjF);
 }
 
if (tradfri){ 
 
      tabelleMachSchoen()
             counter=-1
 
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">IKEA TRADFRI</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
myObjF=[];
$('tradfri.*.*.batteryPercentage').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
     
      if (!filterArray.includes(id)){
      var ida = id.split('.');
     
      
       // counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
       
       
         val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ;
         json1=val0;
        // log(val0+"   "+id);
      //  val1help=getState(id).val;
        json3_1=val1help=parseFloat((getState(id).val));
        if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
          if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
        if (getState(id).val==null) {val2="never used"}; //log(id)}; 
        if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
        if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
 
        if (val1help<=battAlarm) AkkuAlarm.push(1);
        if (val1help<=battAlarm)  alarmMessage.push(val0);
         json3=val2;
           json6="IKEA"
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"tradfrik.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
        let help=[val0,val1,val2]; myObjF.push(help);
 
   //tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
} }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
sortierMal(myObjF);
 }
 
 if (tado){
     tabelleMachSchoen()
            counter=-1
 
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">TADO DEVICES</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
 
myObjF=[];
$('tado.*.*.*.*.*.*.info.batteryState').each(function(id, i) {          
    var ida = id.split('.');
     if (!filterArray.includes(id)){
     
       val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]+"."+ida[4]).common.name                    
        json1=val0;                                                                             
      
       //log(val0+"   "+id);
      val1help=getState(id).val;
      if (val1help=="LOW") {val1=(" <font color=\"red\"> ")+"low bat"; json2="low";json5="red";json3_1=-1} else{val1=(" <font color=\"lightgreen\"> ")+"full bat";json2="high";json5="green";json3_1=101} 
     
      //if (val1help<=battAlarm) {val2="<font color=\"red\"><b>X</b>"} else{val2=symbolOK}
      if (val1help=="LOW") {val2="<font color=\"red\">"+symbolKO;json3=symbolKO} else{val2=symbolOK;json3=symbolKO}   
      //if (val1help) {val2=<font color=\"red\"><b>X</b>} else{val2="✔"}         
      
      if (val1help=="LOW") AkkuAlarm.push(1);
      if (val1help=="LOW")  alarmMessage.push(val0);
     
           json6="TADO"
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"tadok.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
      let help=[val0,val1,val2]; myObjF.push(help);
 
// tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
     } // ende filterArr
}); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!! 
sortierMal(myObjF);
  }  //ende tado
 
 
if (homematic){
   tabelleMachSchoen()
            counter=-1
   
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">MAX</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
 
 
    arrDoppelt=[];
    myObjF=[];
$('maxcube.*.devices.*.battery_low').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
 
 if (!filterArray.includes(id)){
    var ida = id.split('.');
 
    var arrFilt=[];
 
        $(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]+".*").each(function(id, i) {   // kontrolliere ob OPERATING_VOLTAGE vorhanden
            var idc = id.split('.');
         arrFilt.push(idc[4])
         });
      arrDoppelt.push(ida[0]+"."+ida[1]+"."+ida[2]);
     // counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
 
   if (arrFilt.includes("BATTERY_STATE")) {
               val0=getObject(id).common.name ; 
               var ida = val0.split('.');
               val0=ida[0].replace(/:.+/g,"");
               json1=val0;
               val1help=getState(id).val;
               var  val1helper=getState(id.replace("LOW_BAT","BATTERY_STATUS")).val;     
               //bigBatterien 
               //log (val1helper.toFixed(1))
               if (val1helper>3.2){
                      if (val1helper<=bigBattAlarm) {val2=symbolKO;json3=symbolKO} else if (val1helper<=bigBattWarn && val1helper>bigBattAlarm) 
                         {val2=symbolWARN;json3=symbolWARN} else{val2=symbolOK;json3=symbolOK};
                      if (val1helper<=bigBattAlarm) {val1=(" <font color=\"red\"> ")+val1helper.toFixed(1)+" V";json5="red";json2=val1helper.toFixed(1)+" V"} else if (val1helper<=bigBattWarn && val1helper>bigBattAlarm) 
                         {val1=(" <font color=\"yellow\"> ")+val1helper.toFixed(1)+" V";json5="Yellow";json2=val1helper.toFixed(1)+" V"} else{val1=(" <font color=\"lightgreen\"> ")+(val1helper.toFixed(1))+" V";json5="lightgreen";json2=val1helper.toFixed(1)+" V"};
                      json3_1=Math.abs((val1helper-bigBattAlarm)/((5-bigBattAlarm))*100)
                      if (val1helper<bigBattAlarm) AkkuAlarm.push(1);
                      if (val1helper<=bigBattAlarm)  alarmMessage.push(val0);
                   }
 
               else {
                     if (val1helper<=1.5){
                        if (val1helper<1.1) {val2=symbolKO;json3=symbolKO} else if (val1helper<=1.2 && val1helper>=1.1) 
                        {val2=symbolWARN;json3=symbolWARN} else{val2=symbolOK;json3=symbolOK};
                        if (val1helper<1.1) {val1=(" <font color=\"red\"> ")+val1helper.toFixed(1)+" V";json5="red";json2=val1helper.toFixed(1)+" V"} else if (val1helper<=1.2 && val1helper>=1.1) 
                           {val1=(" <font color=\"yellow\"> ")+val1helper.toFixed(1)+" V";json5="yellow";json2=val1helper.toFixed(1)+" V"} else{val1=(" <font color=\"lightgreen\"> ")+val1helper.toFixed(1)+" V";json5="lightgreen";json2=val1helper.toFixed(1)+" V"};
                         json3_1=Math.abs((val1helper-1.1)/((1.5-1.1))*100)
                        if (val1helper<1.1) AkkuAlarm.push(1);
                        if (val1helper<1.1)  alarmMessage.push(val0)
 
                     } else {        
                        if (val1helper<2.4) {val2=symbolKO;json3=symbolKO} else if (val1helper<=2.5 && val1helper>=2.2) 
                        {val2=symbolWARN;json3=symbolWARN} else{val2=symbolOK;json3=symbolOK};
                        if (val1helper<2.2) {val1=(" <font color=\"red\"> ")+val1helper.toFixed(1)+" V";json5="red";json2=val1helper.toFixed(1)+" V"} else if (val1helper<=2.5 && val1helper>=2.2) 
                           {val1=(" <font color=\"yellow\"> ")+val1helper.toFixed(1)+" V";json5="yellow";json2=val1helper.toFixed(1)+" V"} else{val1=(" <font color=\"lightgreen\"> ")+val1helper.toFixed(1)+" V";json5="lightgreen";json2=val1helper.toFixed(1)+" V"};
                        json3_1=Math.abs((val1helper-2.2)/((3-2.2))*100)
                        if (val1helper<2.2) AkkuAlarm.push(1);
                        if (val1helper<2.2)  alarmMessage.push(val0);}}
 
     } else {
                                                  
              val0=getObject(id).common.name ; 
              var ida = val0.split('.');
              val0=ida[0].replace(/:.+/g,"");
              json1=val0;
              val1help=getState(id).val;
              if (val1help) {val1=symbolKO; json2="low";json5="red";json3_1=0} else{val1=symbolOK;json2="high";json5="green";json3_1=100} 
              if (val1help) {val2=symbolKO;json3=symbolKO} else{val2=symbolOK;json3=symbolKO}   
 
             let jetzt=new Date().getTime(); let working=true ;
             if (existsState(id.replace("battery_low","working"))) {if( !getState(id.replace("battery_low","working")).val ){working=false}}
 
         // if(jetzt-getState(id.replace("battery_low","error")).ts>warntimeA || jetzt-getState(id.replace("battery_low","link_error")).ts>warntimeA ) {  val2=symbolWARN} else{     //43200000
          // if (!getState(id.replace("battery_low","error")).val && !getState(id.replace("battery_low","link_error")).val && working) {  val2=symbolOK} 
           //        else {if (jetzt-getState(id.replace("battery_low","error")).ts<warntimeB || jetzt-getState(id.replace("battery_low","link_error")).ts<warntimeB)
            //               {val2=symbolWARNTime } else {val2=symbolKO} } } //{val2=symbolKO} else{val2=symbolOK};
          
           if (!getState(id.replace("battery_low","error")).val && !getState(id.replace("battery_low","link_error")).val) {  val2=symbolOK} 
                   else {val2=symbolWARN}   //{val2=symbolKO} else{val2=symbolOK};

              if (val2==symbolWARN) AkkuAlarm.push(1);
              if (val2==symbolWARN)  alarmMessage.push(val0  +" - Link Error");      

 //debug
 //log(getState(id.replace("battery_low","link_error")).ts.toString()+"   "+getState(id.replace("battery_low","error")).ts.toString()+"   "+id +"    " + (jetzt-getState(id.replace("battery_low","error")).ts).toString())     
 //log("error "+(jetzt-getState(id.replace("battery_low","error")).ts).toString() + " link_error "+ (jetzt-getState(id.replace("battery_low","error")).ts).toString())

 
              if (val1help) AkkuAlarm.push(1);
              if (val1help)  alarmMessage.push(val0);
              
 
     }
           json3=val2;
           json6="HOMEMATIC"
         if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=pfadBilderMaterialWidget+"homematick.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
 
     let help=[val0,val1,val2]; myObjF.push(help);
 
// tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 }
});
//sortierMal(myObjF);
//log(arrDoppelt.toString())
//myObjF=[];
$('hm-rpc.*.*.0.LOWBAT').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
    var ida = id.split('.');
  //  log(id)
    //log(arrDoppelt.toString())
 //    if (!filterArray.includes(id) && !arrDoppelt.includes(ida[0]+"."+ida[1]+"."+ida[2]+".*.BATTERY_STATE") ) {
             if (!filterArray.includes(id) && !arrDoppelt.includes(ida[0]+"."+ida[1]+"."+ida[2]) ) {                          
      
  
       val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name                     
       var ida = val0.split('.');
       val0=ida[0].replace(/:.+/g,"");
       json1=val0;
       //log(val0+"   "+id);
        
      val1help=getState(id).val; //log(typeof getState(id).val)
// if(val1help!=null){
   if(typeof getState(id).val!="number"){
      if (val1help) {val1=(" <font color=\"red\"> ")+"low bat"; json2="low";json5="red";json3_1=0} else{val1=(" <font color=\"lightgreen\"> ")+"full bat";json2="high";json5="green";json3_1=100} 
      if (val1help) {val2="<font color=\"red\">"+symbolKO;json3=symbolKO} else{val2=symbolOK;json3=symbolKO}
      if (val1help) AkkuAlarm.push(1);
      if (val1help)  alarmMessage.push(val0);     
   } else {val1=(" <font color=\"yellow\"> ")+"no bat val"; json2="no bat val";json5="yellow";json3_1=0;val2="<font color=\"yellow\">"+symbolWARN;json3=symbolWARN; }
     
       
           json6="HOMEMATIC"
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"homematick.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
      let help=[val0,val1,val2]; myObjF.push(help);
 
 
 
     } 
}); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
sortierMal(myObjF);
 
//Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
 
  } //ende hm
 
if (homematicIp ){ 
    tabelleMachSchoen()
               counter=-1
   
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">HOMEMATIC IP</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
 
myObjF=[];
$('hm-rpc.*.*.0.LOW_BAT').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
 
 if (!filterArray.includes(id)){
      var ida = id.split('.');
 
      var arrFilt=[];
 
          $(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]+".*").each(function(id, i) {   // kontrolliere ob OPERATING_VOLTAGE vorhanden
              var idc = id.split('.');
           arrFilt.push(idc[4])
           });
      // log(arrFilt.toString());
 
       // counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
 
     if (arrFilt.includes("OPERATING_VOLTAGE")) {
               //  val0=getObject(id).common.name ; 
                 val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ; 
                 var ida = val0.split('.');
                 val0=ida[0].replace(/:.+/g,"");
                 json1=val0;
                 val1help=getState(id).val;
                 var  val1helper=getState(id.replace("LOW_BAT","OPERATING_VOLTAGE")).val;     
                 //bigBatterien 
                 //log (val1helper.toFixed(1))
                 if (val1helper>3.2){
                      if (val1helper<=bigBattAlarm) {val2=symbolKO;json3=symbolKO} else if (val1helper<=bigBattWarn && val1helper>bigBattAlarm) 
                         {val2=symbolWARN;json3=symbolWARN} else{val2=symbolOK;json3=symbolOK};
                      if (val1helper<=bigBattAlarm) {val1=(" <font color=\"red\"> ")+val1helper.toFixed(1)+" V";json5="red";json2=val1helper.toFixed(1)+" V"} else if (val1helper<=bigBattWarn && val1helper>bigBattAlarm) 
                         {val1=(" <font color=\"yellow\"> ")+val1helper.toFixed(1)+" V";json5="Yellow";json2=val1helper.toFixed(1)+" V"} else{val1=(" <font color=\"lightgreen\"> ")+(val1helper.toFixed(1))+" V";json5="lightgreen";json2=val1helper.toFixed(1)+" V"};
                      json3_1=(val1helper-bigBattAlarm)/((5-bigBattAlarm))*100
                      if (val1helper<bigBattAlarm) AkkuAlarm.push(1);
                      if (val1helper<=bigBattAlarm)  alarmMessage.push(val0);
                   }
 
               else {
                     if (val1helper<=1.5){
                        if (val1helper<1.1) {val2=symbolKO;json3=symbolKO} else if (val1helper<=1.2 && val1helper>=1.1) 
                        {val2=symbolWARN;json3=symbolWARN} else{val2=symbolOK;json3=symbolOK};
                        if (val1helper<1.1) {val1=(" <font color=\"red\"> ")+val1helper.toFixed(1)+" V";json5="red";json2=val1helper.toFixed(1)+" V"} else if (val1helper<=1.2 && val1helper>=1.1) 
                           {val1=(" <font color=\"yellow\"> ")+val1helper.toFixed(1)+" V";json5="yellow";json2=val1helper.toFixed(1)+" V"} else{val1=(" <font color=\"lightgreen\"> ")+val1helper.toFixed(1)+" V";json5="lightgreen";json2=val1helper.toFixed(1)+" V"};
                        json3_1=(val1helper-1.1)/((1.5-1.1))*100
                        if (val1helper<1.1) AkkuAlarm.push(1);
                        if (val1helper<1.1)  alarmMessage.push(val0)
 
                     } else {        
                        if (val1helper<2.4) {val2=symbolKO;json3=symbolKO} else if (val1helper<=2.5 && val1helper>=2.2) 
                        {val2=symbolWARN;json3=symbolWARN} else{val2=symbolOK;json3=symbolOK};
                        if (val1helper<2.4) {val1=(" <font color=\"red\"> ")+val1helper.toFixed(1)+" V";json5="red";json2=val1helper.toFixed(1)+" V"} else if (val1helper<=2.5 && val1helper>=2.2) 
                           {val1=(" <font color=\"yellow\"> ")+val1helper.toFixed(1)+" V";json5="yellow";json2=val1helper.toFixed(1)+" V"} else{val1=(" <font color=\"lightgreen\"> ")+val1helper.toFixed(1)+" V";json5="lightgreen";json2=val1helper.toFixed(1)+" V"};
                        json3_1=(val1helper-2.4)/((3-2.4))*100
                        if (val1helper<2.4) AkkuAlarm.push(1);
                        if (val1helper<2.4)  alarmMessage.push(val0);}}
 
       } else {
                                                    
                val0=getObject(id).common.name ; 
              var ida = val0.split('.');
              val0=ida[0].replace(/:.+/g,"");
              json1=val0;
              val1help=getState(id).val;
              if (val1help) {val1=(" <font color=\"red\"> ")+"low bat"; json2="low";json5="red";json3_1=0} else{val1=(" <font color=\"lightgreen\"> ")+"full bat";json2="high";json5="green";json3_1=100} 
              if (val1help) {val2=symbolKO;json3=symbolKO} else{val2=symbolOK;json3=symbolKO}         
              if (val1help) AkkuAlarm.push(1);
              if (val1help)  alarmMessage.push(val0);
 
       }
           json3=val2;
           json6="HOMEMATIC-IP"
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"homematick.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
       let help=[val0,val1,val2]; myObjF.push(help);
 
  // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
  
} }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
 
 
       $('hmip.*.*.0.lowBat').each(function(id, i) {  
            // val0=getObject(id).common.name ; 
              var ida = id.split('.');
              val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]+"."+ida[3]).common.name 
              json1=val0;
              val1help=getState(id).val;
              if (val1help=="true") {val1=(" <font color=\"red\"> ")+"low bat"; json2="low";json5="red";json3_1=0} else{val1=(" <font color=\"lightgreen\"> ")+"full bat";json2="high";json5="green";json3_1=100} 
              if (val1help=="true") {val2=symbolKO;json3=symbolKO} else{val2=symbolOK;json3=symbolKO}         
              if (val1help=="true") AkkuAlarm.push(1);
              if (val1help=="true")  alarmMessage.push(val0);
 
       
           json3=val2;
           json6="HOMEMATIC-IP"
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"homematick.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
       let help=[val0,val1,val2]; myObjF.push(help);
});
 
sortierMal(myObjF);
   
 }  //ende hm-ip
 
     if (zwave){
         tabelleMachSchoen()
                 counter=-1
   
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">ZWAVE DEVICES</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
  
  myObjF=[];
 $('zwave.*.*.BATTERY.Battery_Level*').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
    if (!filterArray.includes(id)){
        var ida = id.split('.');
       
        //  counter++; 
            
        //  val0=ida[2]+"."+ida[3];
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ;
          json1=val0;
          json3_1=val1help=parseFloat((getState(id).val));
         //    var val2_1;
        //   if (parseInt((new Date().getTime())) - val2_2help < 120000) {val2_1=true} else {val2_1=false;}
 
          if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
          if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
        //  var val2_2help=Date.parse(getState(id.replace("BatteryStatus","LastUpdate")).val); 
        //  if (val2_1) {val2=symbolOK} else{val2=symbolKO}   
               
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
          json3=val2;
           json6="ZWAVE"
         if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"zwavek.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
         
          let help=[val0,val1,val2]; myObjF.push(help);
     
   
    // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
    
  } }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
  sortierMal(myObjF);
} //ende fritzdect
 
 if (fullyBrowser){
     tabelleMachSchoen()
             counter=-1
   
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
            
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">FULLYBROWSER</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
 
myObjF=[];
$('fullybrowser.*.*.Info.batteryLevel').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
if (!filterArray.includes(id)){
        var ida = id.split('.');
       
        
       //   counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
 
          val0=getState(id.replace("batteryLevel","deviceName")).val;
          json1=val0;
          json3_1=val1help=parseFloat((getState(id).val));
          if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"}  
          if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (getState(id).val==null) {val2="never used"}; //log(id)}; 
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
         
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
          json3=val2;
           json6="FULLY BROWSER"
          if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"fullyk.png"
             makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
          let help=[val0,val1,val2]; myObjF.push(help);
   
    // tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
 }  }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
 sortierMal(myObjF);
 
 } //ende fullybrowser
 
 
 if (iogo){
           tabelleMachSchoen()
             counter=-1
   
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
              
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">>HANDY über IOGO</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
 
myObjF=[];
$('iogo.*.*.battery.level').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
if (!filterArray.includes(id)){
        var ida = id.split('.');
       
        
        //  counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
       //   val0=ida[3];
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ;
          json1=val0;
        // log(val0+"   "+id);
          json3_1=val1help=parseFloat((getState(id).val));
         if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"}  
           if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
          if (getState(id).val==null) {val2="never used"}; //log(id)}; 
          if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
          if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
         
          if (val1help<=battAlarm) AkkuAlarm.push(1);
          if (val1help<=battAlarm)  alarmMessage.push(val0);
          json3=val2;
           json6="IOGO"
            if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"iogok.png"
            makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
          
          let help=[val0,val1,val2]; myObjF.push(help);
   
   //  tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
 
} }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
sortierMal(myObjF);
 
 } //ende iogo
 
 
  if (handy1){  
      tabelleMachSchoen()
                counter=-1
  
             // 
               for(var i=0;i<mehrfachTabelle;i++ ) {
               val0=""; val1=""; val2="";counter++;tabelleBind();
             }
               tabelleMachSchoen()
              for(var i=0;i<mehrfachTabelle;i++ ) {
                 if(i==0){val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><"+HTMLbrandSetting+">HANDYs</b>";} else{val0=""; }
                  val1=""; val2="";counter++;tabelleBind();
             } 
    
       myObjF=[];
       $('controll-own.0.HANDY.*batt*').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
        if (!filterArray.includes(id)){
      var ida = id.split('.');
      
       // counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
        val0=ida[3];
        json1=val0;
       // log(val0+"   "+id);
        json3_1=val1help=parseFloat((getState(id).val));
       if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
       if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
        if (getState(id).val==null) {val2="never used"}; //log(id)}; 
        if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
        if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
 
        if (val1help<=battAlarm) AkkuAlarm.push(1);
        if (val1help<=battAlarm)  alarmMessage.push(val0);
        json3=val2;
           json6="HANDYs"
           if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"handyk.png"
            makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
        
        let help=[val0,val1,val2]; myObjF.push(help);
   
 
 //  tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
       
        } }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
        sortierMal(myObjF);
 
  } //ende handy1
 
 
 
  if (handy2){ 
      myObjF=[];
           $('controll-own.0.HANDY.*Batt*').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
            if (!filterArray.includes(id)){
      var ida = id.split('.');
      
       // counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
        val0=ida[3];
        json1=val0;
       // log(val0+"   "+id);
        json3_1=val1help=parseFloat((getState(id).val));
         if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="yellow"}
      if (val1help<=battAlarm) {val1=(" <font color=\"red\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %";json5="red"} else{val1=(" <font color=\"lightgreen\"> ")+val1help.toString()+" %";json2=val1help.toString()+" %",json5="green"} 
        if (val1help>battAlarm && val1help<=battAlarmWarning) {val1=(" <font color=\"yellow\"> ")+val1help.toString()}
        if (getState(id).val==null) {val2="never used"}; //log(id)}; 
        if (val1help<=battAlarm) {val2=symbolKO} else{val2=symbolOK}         
        if (val1help>battAlarm && val1help<=battAlarmWarning) val2=symbolWARN;
        json3=val2;
           json6="HANDYs"
            if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
             json4=json4=pfadBilderMaterialWidget+"handyk.png"
            makeJsonWidget(json1,json2,json3,json4,json5,json6,json3_1);}
        let help=[val0,val1,val2]; myObjF.push(help);
       
 
 
   //tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
  
            } }); //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!  
            sortierMal(myObjF);
  } //ende handy2
//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------
 
    tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
 
 
   setState(dpAlarm,AkkuAlarm.length);
   setState(dpAlarmMessage,alarmMessage.toString()); AkkuMessageLengthAlt=AkkuAlarm.length;
 
   alarmMessage=[];
   
       
} // function ende
 
//MAIN:
 
schedule(mySchedule,  function () { 
writeHTML();
if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
}); 
writeHTML();  
if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}                                 //     <tdalign style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                        
 function makeJsonWidget(vax1,vax2,vax3,vax4,vax5,vax6,vax3_1) {
//log(vax3+vax6+htmlFeld1)
   if ( braucheMaterialDesignWidgetTable) {
   myJsonWidget.push({
       Device : vax1,
       Wert : vax2,
       Status : vax3,
       Hersteller : vax4,
       helpSort : vax3_1
   }
 
   );}
 
//	log(myJsonWidget)
if (braucheMaterialDesignWidget) {
let mysubText = `<div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;">
                              <div style="flex: 1;">${vax2}</div>
                              <div style="color: grey; font-size: 16px; font-family: RobotoCondensed-LightItalic; text-align: right;">${vax6}</div>
                          </div>`
                          
  
     myJsonWidget2.push({
               text: vax1,
               subText: mysubText,
               statusBarColor: vax5,
               image: vax4,
               imageColor: "",
               listType: "text",
               showValueLabel: false,
               name: vax1,
               status: vax3,
               Wert : vax2,
               Hersteller : vax4,
               helpSort : vax3_1
           });
}
 }
 
 
 function tabelleBind(){
   //  counter=counter+mehrfachTabelle;
       switch (mehrfachTabelle) { 
 
         case 1: if(counter%2==0)         {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}else    
                                          {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>"; break;}
         case 2: if(counter%4==0){
                    if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                        ";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                               else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;
                      }else{
                                if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                        ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                               else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} break;}
                                    
         case 3:if(counter%2==0)   {
                    if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                        ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                               else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                        "; \"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} 
                                                else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";}
                                          } break;}else{
                    if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                        ";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } 
                               else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                        ";\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} 
                                                else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td></tr>";}
                                          } break;}                                          
 
 
         case 4:  // counter=counter+8;
                   if(counter%8==0)   {
                   if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } // teil1
                                   else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} //teil 2
                                                else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} //teil 4
                                                                  else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"  align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                          } break;}else{
                   if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>"; } //teil 1
                                   else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td  align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td>";} // teil 2
                                                else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val0+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td></tr>";} // teil 4
                                                                  else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td>";}} //teil 3
                                          } break;}                                    
        } //switch ende
 
}
 
function tabelleMachSchoen() {
 
switch (mehrfachTabelle) {  
       case 1:    break;
 
       case 2:    
                  if(counter%2==0)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');
                
                  break;
 
       case 3:   if(counter%3==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");        
                 if(counter%3==0)      htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");
               
                  break;
       case 4:   if(counter%4==3)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%4==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");
                 if(counter%4==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");    
                 if(counter%4==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");      
                 break; }
}
 
 
 
function tabelleFinish() {
 
switch (mehrfachTabelle) {  
       case 1:    break;
 
       case 2:    
                  if(counter%2==0)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');
                
                  break;
 
       case 3:   if(counter%3==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");        
                 if(counter%3==0)      htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");
               
                  break;
       case 4:   if(counter%4==3)  htmlOut = htmlOut.replace(/<\/td>$/, "</td></tr>");
                 if(counter%4==2)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");
                 if(counter%4==1)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");    
                 if(counter%4==0)  htmlOut = htmlOut.replace(/<\/td>$/, "</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\">&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>");      
                 break; }
   
       var htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"</p>"; 
     var htmlUnter= "<div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 70%; text-align: right;\" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"</div>";
      
      if (!htmlSignature) htmlUnter="";
        //Ausgabe über VIS html widget - tabelle in datenpunkt schreiben - html tabelle ohne html header und body
         var htmlOutVIS="";
       //  htmlUberschrift ? htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>" : htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>";
          if (htmlUberschrift) 
              { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter ;
 
            } else {
             zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter;
 
               }
               
 
// log("bin raus aus tabelleBind");
         if (braucheEinVISWidget) setState(dpVIS, htmlOutVIS );
         //console.log dpVIS;
 
var htmlUnter= "<div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 80%;  text-align: center; \" >"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((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);
if (braucheMaterialDesignWidget) {
     
       setState(dpMaterialWidget,JSON.stringify(myJsonWidget2)); 
       myJsonWidget2=[];
}
if (braucheMaterialDesignWidgetTable) {
  
  setState(dpMaterialWidgetTable,JSON.stringify(myJsonWidget)); 
     myJsonWidget=[];
}
}
 
 
 
function sortierMal(myObjF) {
 
    
            myObjF.sort(function (alpha, beta) {
            if ((alpha[0].toUpperCase()).trim() > (beta[0].toUpperCase()).trim())
               return 1;
            if ((beta[0].toUpperCase()).trim() > (alpha[0].toUpperCase()).trim())
               return -1;
            return 0;
           });  
         
 
            for(var i=0;i<myObjF.length;i++) {
               counter++
               val0=myObjF[i][0] ;
               val1=myObjF[i][1] ;
               val2=myObjF[i][2] ;
 
            tabelleBind(); } 
 }