Strom Geräte als HTML Tabelle - Vis - Iqontrol

sigi234

@liv-in-sky sagte in Strom Geräte als HTML Tabelle - Vis - Iqontrol:

@sigi234 das bedeutet ich musste für alle ohne Leistung Messung eine kleine Datenbank anlegen und diese pflegen -tägliche Werte addieren um Mitternacht, monatliche Werte berechnen ....

Ich denke das kann ich nicht bewerkstelligen -was anderes wäre es wenn der Tabellen Nutzer einen solchen dp zur verfügung stellt - mit diesen werten - und die im script abgerufen werden

Lass es , ich mache das mit Blockly ZB:

on({id: new RegExp('hs100\\.0\\.192_168_178_23\\.totalMonthNow' + "|" + 'hs100\\.0\\.192_168_178_43\\.totalMonthNow'), change: "ne"}, function (obj) {
    setState("javascript.0.Eigene_Datenpunkte.Summe_Bezug"/*Summe_Bezug*/, (getState("hs100.0.192_168_178_23.totalMonthNow").val + getState("hs100.0.192_168_178_43.totalMonthNow").val), true);
});

Homoran

@sigi234 sagte in Strom Geräte als HTML Tabelle - Vis - Iqontrol:

Ja, das Problem ist das ja nicht alle Geräte eine Leistungsmessung haben

ich hatte es so verstanden, dass nur Geräte mit Leistungsmessung erfasst werden sollen.

Alle Aktoren ob sie an oder aus siend ist IMHO zuviel

? Offline

@Homoran die Meinung Teile ich auch. Sonst wirkt es überladen und man verliert den fokus und sich in Details

sigi234

@Homoran sagte in Strom Geräte als HTML Tabelle - Vis - Iqontrol:

ich hatte es so verstanden, dass nur Geräte mit Leistungsmessung erfasst werden sollen.

Ich nicht, ein Status in der Tabelle ob ein Gerät eingeschaltet ist wäre schon gut.
ZB.:
Steckdose Wohnzimmer: ON

sigi234

@liv-in-sky

Shelly`s auch mitnehmen?

https://forum.iobroker.net/topic/24219/shelly-1-pm-leistungsmessung

Homoran

@sigi234 sagte in Strom Geräte als HTML Tabelle - Vis - Iqontrol:

ein Status in der Tabelle ob ein Gerät eingeschaltet ist wäre schon gut.

Das wird bei 100 Aktoren aber schon heftig

sigi234

@Homoran sagte in Strom Geräte als HTML Tabelle - Vis - Iqontrol:

@sigi234 sagte in Strom Geräte als HTML Tabelle - Vis - Iqontrol:

ein Status in der Tabelle ob ein Gerät eingeschaltet ist wäre schon gut.

Das wird bei 100 Aktoren aber schon heftig

Jupp, vielleicht als Option?

sigi234

Hm, ich denke bei den vielen Tabellen was @liv-in-sky macht wäre da ein Tabellen-Adapter möglich/sinnvoll ?
Nur mal so als Kopfkino. :neutral_face:

Negalein

hab auch noch ein Objekt

Xiaomi Mija Smart Plug
mihome.0.devices.plug_158d0001f24aad.json

MartyBr

@sigi234
Ich habe mehrere Shellys im Einsatz:

{
  "from": "system.adapter.shelly.0",
  "user": "system.user.admin",
  "ts": 1578827875860,
  "common": {
    "name": "Switch",
    "type": "boolean",
    "role": "switch",
    "read": true,
    "write": true,
    "def": false,
    "custom": {
      "iot.0": {
        "smartName": {
          "de": "Shelly1"
        }
      }
    }
  },
  "native": {},
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator",
    "state": 1636
  },
  "_id": "shelly.0.SHPLG-S#04096C#1.Relay0.Switch",
  "type": "state"
}

liv-in-sky

was wäre damit

ich habe nur den pow als messung

Image 2.png

fehlt was - wäre doof - muss sonst neue tabelle erstellen - aber lieber jetzt als später

Glasfaser

@liv-in-sky

Sieht gut aus , auch nicht zu viel !! :+1:

Hier mal ein Beispiel von mir mit den Verbrauch-/Spannungs-/Stromwerten von einem Gosund:

spül.jpg

liv-in-sky

ich suche wen, der mir mit den tuya sachen hilt - da sind ja einige dabei

der import sieht so aus

Image 3.png

was brauche ich

sind die cur_power, cur_current und cur_voltage immer mit der selben id 105, 104 und 106 besetzt oder nutzen andere geräte ohne energie diese datenpunkte für etwas anderes - sind das "alleinige" merkmale
was ist am besen für den devicenamen - ich nehme an: tuya.0.5303504684f3eb21724b.common.name
auch hier das problem - keine kwh angabe - wird also leerbleiben - es sei den ich bekomme irgendwo eine json oder array mit diesen werten (von dp)

liv-in-sky

@Glasfaser wie ist der gosund eingebunden - sonoff tasmota? - kannst du mir mal ein bild der datenpunkte zeigen ? oder berechnest du das alles

ps: coole view

sigi234

@liv-in-sky sagte in Strom Geräte als HTML Tabelle - Vis - Iqontrol:

auch hier das problem - keine KWh angabe

Na ja , wenn es keine Steckdose mit Leistung ist dann kommen auch keine KWh. Bzw das kommt von der App des Herstellers ob er diese drinnen hat.

Glasfaser

@liv-in-sky

Das ist ein normaler Gosund SP1 v23 .

Ich nutze Hauptsächlich den Adapter Sourceanalytix .
Dann noch einzelne Skripts für den Max Verbrauch , Vortagesverbrauch und noch ein Auswertungsskript für Telegram für den Start / Stop und Verbrauchsermittlung .

liv-in-sky

@sigi234 es kommen ja lt. dp strom, spannung und leistung - diese sind aber nicht auf eine stunde und wiederrum auf einen tag berechnet

ein beispiel - läuft ein gerät eine stunde mit 80 watt sind das 0,080 KWh
problem oder kiege ich falsch mit dem nächsten: läuft es in dieser stunde mit verschiedenen watt's (z.b in dieser stunde 5 min mit 150 watt muss das erstmal berechnet werden - die khw ist dann eine andere 0,086 kwh

was wohl machbar wäre - ich addiere jedesmal bei abfrage den leistungswert (speichere ihn) - und teile diesen durch die vergangenen minuten des tages - das ganze wird um 0:00 gestartet - dann haben wir den tagesverbrauch (bis jetzt)
mache ich das auch mit den monatsverbrauch - gestartet am ersten des monats - habe ich auch diesen wert - also den monatsverbrauch
der gesamtverbrauch am 1.1. gestartet - bekommt den tagesverbrauch bis zum 31.12 geteilt durch die tage

oder so ähnlich

das schedule müßte abgeglichen werden

zu was anderen - magst du das mal testen es sind die HS 100 und 110 drin (von 110 hatte ich keine datenpunkte)

bitte wieder 2 datenpunkte anlegen und im script zuweisen - einmal zeichenkettte für vis und einmal zahl für die anzahl der geräte

//@liv-in-sky Januar 2020

//HIER WIRD PFAD UND FILENAME DEFINIERT
const path = "/htmlenergy.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
let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let dpVIS="controll-own.0.TABELLEN.ENERGY"         //WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
let dpAnzahl="controll-own.0.TABELLEN.AnzahlEnergiemesser";  //WICHTIG datenpunkt erstellen vom typ "number" - bei 0 kein alarm und größer 0 die anzahl der schlechten batterien
let htmlColorDeviceUeberschrift="white"
let triggerBySonoffPower=true;
//---------------------------------------
let mySchedule="  * * * * * "; 

let kwhPreis=0.29;

var pow=true;
var tuya=true;
var hs100=true;
var hs110=true; //noch nicht integriert


var externalOhneInfo=false;  //noch nicht integriert
var schalter2ch=true; 
var schalter3ch=true;

//HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 5
var htmlFeld1='Device';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left,right or center
var htmlFeld2='Status';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
var htmlFeld3='Amp';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
var htmlFeld4='Volt';        var Feld4lAlign="center";                    // überschrift Tabellen Spalte4 und  Ausrichtung left,right or center
var htmlFeld5='Power';        var Feld5lAlign="left";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld6='Schalter';        var Feld6lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld7='';        var Feld7lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld8='';        var Feld8lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld9='';        var Feld9lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld10='';        var Feld10lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center

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


//ÜBERSCHRIFT ÜBER TABELLE
let   htmlUberschrift=true;                           // mit Überschrift über der tabelle
let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='Energy Devices';              // Überschrift und Signature
const htmlFarbUber="white";                         // Farbe der Überschrift
const htmlSchriftWeite="normal";                       // bold, normal - Fettschrift für Überschrift
const htmlÜberFontGroesse="18px";                       // schriftgröße überschrift
//MEHRERE TABELLEN NEBENEINANDER
let   mehrfachTabelle=1;                              // bis zu 4 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3,oder 4 !!!
const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
const htmlFarbTableColorUber="#BDBDBD";               // Überschrift in der tabelle - der einzelnen Spalten
//GANZE TABELLE
let abstandZelle="1";
let weite="auto";                                     //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="Helvetica";
const htmlSchriftgroesse="14px";
//FELDER UND RAHMEN
let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
const htmlFarbFelderschrift="#BDBDBD";                  // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#D8D8D8";                 // 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="gray";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="cols";                            // 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

// 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 style=\"color:"+htmlFarbTableColorUber+"; font-weight: bold\">";
const htmlTabUeber3="</tr>";


//NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 5


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><td align="+Feld4lAlign+
                  ">&ensp;"+htmlFeld4+"&ensp;</td><td  align="+Feld5lAlign+">&ensp;"+htmlFeld5+"&ensp;</td><td  align="+Feld6lAlign+">&ensp;"+htmlFeld6+"&ensp;</td><td  align="+Feld7lAlign+">&ensp;"+htmlFeld7+"&ensp;</td><td  align="+Feld8lAlign+">&ensp;"+htmlFeld8+
                  "&ensp;</td><td  align="+Feld9lAlign+">&ensp;"+htmlFeld9+"&ensp;</td><td  align="+Feld10lAlign+">&ensp;"+htmlFeld10+"&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;"+htmlFeld3+
                   "&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld3+"&ensp;</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld4+
                   "&ensp;</td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&ensp;>"+htmlFeld5+"&ensp;</td><td align="+Feld6lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&ensp;>"+htmlFeld6+"&ensp;</td><td align="+Feld7lAlign+
                   " style=\"color:"+htmlFarbZweiteTabelle+"\"&ensp;>"+htmlFeld7+"&ensp;</td><td align="+Feld8lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&ensp;>"+htmlFeld8+"&ensp;</td><td  align="+Feld9lAlign+">&ensp;"+htmlFeld9+"&ensp;</td><td  align="+Feld10lAlign+">&ensp;"+htmlFeld10+"&ensp;</td>";
                       //------------------------------------------------------

let triggerBySonoffSwitch=false;
var anzahl;
var AkkuAlarm=[];
var htmlOut="";
var mix;
var counter;
var arrTrigger=[];
var val1; var val2; var val0; var val3; var val4; var val5; var val6; var val7; var val8; var val9;
var htmlTabUeber="";
function writeHTML(){


anzahl=0;
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+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,val3,val4!!!------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------

if (pow){

             // UNTERTEILUNG - ÜBERSCHRIFT IN TABELLE
      tabelleAusbessern();
      counter=0;
      val0=""; val1=""; val2="";val3="";val4="";val5="";val6="";val7="";val8="";val9="";
      tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
      tabelleAusbessern();
      counter=0;
      val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><b>Pow (R2)</b>"; val1=""; val2="";val3="";val4="";
      val5="<font color=\""+htmlColorDeviceUeberschrift+"\">";
      val6="<font color=\""+htmlColorDeviceUeberschrift+"\">kWh Heute";
      val7="<font color=\""+htmlColorDeviceUeberschrift+"\">kWh Gesamt"; 
      val8="<font color=\""+htmlColorDeviceUeberschrift+"\"><i>Preis Heute<\/i>";
      val9="<font color=\""+htmlColorDeviceUeberschrift+"\"><i>Preis Gesamt<\/i>";
      tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
      tabelleAusbessern();
      counter=-1

//sonoff.0.SonoffPow1.INFO.Module
 $('sonoff.*.*.INFO.Module').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
   
      if (getState(id).val=="Sonoff Pow" || getState(id).val=="Sonoff Pow R2") {
         // log (id)
         anzahl++;
        var ida = id.split('.');
       
          counter++; 
            //log("dad   "+getState(id.replace("Info.Module","alive")).val + " ----" +id.replace("Info.Module","alive"))
          val1=getState(id.replace("INFO.Module","alive")).val;                   //sonoff.0.SonoffPow1.alive          sonoff.0.SonoffPow1.INFO.Module
          val0=getObject(ida[0]+"."+ida[1]+"."+ida[2]).common.name ;
          val4=getState(id.replace("INFO.Module","ENERGY_Power")).val.toString()+ " W"                       //sonoff.0.SonoffPow2.ENERGY_Power
          val2=getState(id.replace("INFO.Module","ENERGY_Current")).val.toFixed(2)+ " A";   //sonoff.0.SonoffPow1.Wifi_RSSIsonoff.0.SonoffPow1.POWER
          val3=getState(id.replace("INFO.Module","ENERGY_Voltage")).val.toString()+" V"; 
          let val7_1=getState(id.replace("INFO.Module","POWER")).val;        
          val7_1 ? val5=(" <font color=\"lightgreen\"> ")+"ON" : val5=(" <font color=\"red\"> ")+"OFF";
          val6=getState(id.replace("INFO.Module","ENERGY_Today")).val.toFixed(2)+ " kWh";
          val7=getState(id.replace("INFO.Module","ENERGY_Total")).val.toFixed(2)+ " kWh";
          val8=(getState(id.replace("INFO.Module","ENERGY_Today")).val*kwhPreis).toFixed(1)+" €";
          val9=(getState(id.replace("INFO.Module","ENERGY_Total")).val*kwhPreis).toFixed(1)+" €";
        
          if (!getState(id.replace("INFO.Module","alive")).val) {
              val1="❌";
              val4=(" <font color=\"red\"> ")+val1;
              val2=(" <font color=\"red\"> ")+val2;
              val3=(" <font color=\"red\"> ")+" 0 %";
              val5=(" <font color=\"red\"> ")+" --- ";
              val6=(" <font color=\"red\"> ")+" --- ";
              val7=(" <font color=\"red\"> ")+" --- ";
              val0=(" <font color=\"red\"> ")+val0} 
          else{
              val1="✅";
             // val1=(" <font color=\"lightgreen\"> ")+val1
             // val2=(" <font color=\"green\"> ")+val2
             // val3=(" <font color=\"green\"> ")+val3
             // val0=(" <font color=\"green\"> ")+val0
             }


         
   
     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 !!!!!!!!!  
} //ende fritzdect


 if (hs100){

             // UNTERTEILUNG - ÜBERSCHRIFT IN TABELLE
      tabelleAusbessern();
      counter=0;
      val0=""; val1=""; val2="";val3="";val4="";val5="";val6="";val7="";val8="";val9="";
      tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
      tabelleAusbessern();
      counter=0;
      val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><b>HS100</b>"; val1=""; val2="";val3="";val4="";
      val5="<font color=\""+htmlColorDeviceUeberschrift+"\">";
      val6="<font color=\""+htmlColorDeviceUeberschrift+"\">kWh Now";
      val7="<font color=\""+htmlColorDeviceUeberschrift+"\">kWh Monat"; 
      val8="<font color=\""+htmlColorDeviceUeberschrift+"\"><i>Preis Now<\/i>";
      val9="<font color=\""+htmlColorDeviceUeberschrift+"\"><i>Preis Monat<\/i>";
      tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
      tabelleAusbessern();
      counter=-1

//sonoff.0.SonoffPow1.INFO.Module
 $('hs100.0.*.totalNow').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
   

         // log (id)
         anzahl++;
        var ida = id.split('.');
       
          counter++; 
           
          val1=getState(id.replace("totalNow","state")).val;                  
          val0=getObject(id).common.name ;
          val4=getState(id.replace("totalNow","power")).val.toString()+ " W"                       //sonoff.0.SonoffPow2.ENERGY_Power
          val2=getState(id.replace("totalNow","current")).val.toFixed(2)+ " A";   //sonoff.0.SonoffPow1.Wifi_RSSIsonoff.0.SonoffPow1.POWER
          val3=getState(id.replace("totalNow","voltage")).val.toString()+" V"; 
          val5=" - "; // let val7_1=getState(id.replace("INFO.Module","POWER")).val;        
          //val7_1 ? val5=(" <font color=\"lightgreen\"> ")+"ON" : val5=(" <font color=\"red\"> ")+"OFF";
          val6=getState(id.replace("totalNow","totalNow")).val.toFixed(2)+ " kWh";
          val7=getState(id.replace("totalNow","totalMonthNow")).val.toFixed(2)+ " kWh";
          val8=(getState(id.replace("totalNow","totalNow")).val*kwhPreis).toFixed(1)+" €";
          val9=(getState(id.replace("totalNow","totalNow")).val*kwhPreis).toFixed(1)+" €";
        
          if (!val1) {
              val1="❌";
              val4=(" <font color=\"red\"> ")+val1;
              val2=(" <font color=\"red\"> ")+val2;
              val3=(" <font color=\"red\"> ")+" 0 %";
              val5=(" <font color=\"red\"> ")+" --- ";
              val6=(" <font color=\"red\"> ")+" --- ";
              val7=(" <font color=\"red\"> ")+" --- ";
              val0=(" <font color=\"red\"> ")+val0} 
          else{
              val1="✅";
             // val1=(" <font color=\"lightgreen\"> ")+val1
             // val2=(" <font color=\"green\"> ")+val2
             // val3=(" <font color=\"green\"> ")+val3
             // val0=(" <font color=\"green\"> ")+val0
             }


         
   
     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 !!!!!!!!!  
} //ende fritzdect

 if (hs110){

             // UNTERTEILUNG - ÜBERSCHRIFT IN TABELLE
      tabelleAusbessern();
      counter=0;
      val0=""; val1=""; val2="";val3="";val4="";val5="";val6="";val7="";val8="";val9="";
      tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
      tabelleAusbessern();
      counter=0;
      val0="<font color=\""+htmlColorDeviceUeberschrift+"\"><b>HS110</b>"; val1=""; val2="";val3="";val4="";
      val5="<font color=\""+htmlColorDeviceUeberschrift+"\">";
      val6="<font color=\""+htmlColorDeviceUeberschrift+"\">kWh Now";
      val7="<font color=\""+htmlColorDeviceUeberschrift+"\">kWh Monat"; 
      val8="<font color=\""+htmlColorDeviceUeberschrift+"\"><i>Preis Now<\/i>";
      val9="<font color=\""+htmlColorDeviceUeberschrift+"\"><i>Preis Monat<\/i>";
      tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
      tabelleAusbessern();
      counter=-1

//sonoff.0.SonoffPow1.INFO.Module
 $('hs110.0.*.totalNow').each(function(id, i) {           // hier eigene schleife definieren und den wert counter++ nicht vergessen  !!!
   

         // log (id)
         anzahl++;
        var ida = id.split('.');
       
          counter++; 
           
          val1=getState(id.replace("totalNow","state")).val;                  
          val0=getObject(id).common.name ;
          val4=getState(id.replace("totalNow","power")).val.toString()+ " W"                       //sonoff.0.SonoffPow2.ENERGY_Power
          val2=getState(id.replace("totalNow","current")).val.toFixed(2)+ " A";   //sonoff.0.SonoffPow1.Wifi_RSSIsonoff.0.SonoffPow1.POWER
          val3=getState(id.replace("totalNow","voltage")).val.toString()+" V"; 
          val5=" - "; // let val7_1=getState(id.replace("INFO.Module","POWER")).val;        
          //val7_1 ? val5=(" <font color=\"lightgreen\"> ")+"ON" : val5=(" <font color=\"red\"> ")+"OFF";
          val6=getState(id.replace("totalNow","totalNow")).val.toFixed(2)+ " kWh";
          val7=getState(id.replace("totalNow","totalMonthNow")).val.toFixed(2)+ " kWh";
          val8=(getState(id.replace("totalNow","totalNow")).val*kwhPreis).toFixed(1)+" €";
          val9=(getState(id.replace("totalNow","totalNow")).val*kwhPreis).toFixed(1)+" €";
        
          if (!val1) {
              val1="❌";
              val4=(" <font color=\"red\"> ")+val1;
              val2=(" <font color=\"red\"> ")+val2;
              val3=(" <font color=\"red\"> ")+" 0 %";
              val5=(" <font color=\"red\"> ")+" --- ";
              val6=(" <font color=\"red\"> ")+" --- ";
              val7=(" <font color=\"red\"> ")+" --- ";
              val0=(" <font color=\"red\"> ")+val0} 
          else{
              val1="✅";
             // val1=(" <font color=\"lightgreen\"> ")+val1
             // val2=(" <font color=\"green\"> ")+val2
             // val3=(" <font color=\"green\"> ")+val3
             // val0=(" <font color=\"green\"> ")+val0
             }


         
   
     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 !!!!!!!!!  
} //ende fritzdect
//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------

      tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
     log(anzahl)
          setState(dpAnzahl,anzahl); 
} // function ende

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

   				 function tabelleBind(){
     //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 5 Felder definiert, braucht man hier 5 Werte
   
       switch (mehrfachTabelle) {  
         case 1:                    htmlOut=htmlOut+"<tr><td align="+Feld1lAlign+" >&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&ensp;</td></tr>"; break;
        case 2:  if(counter%2==0)  {htmlOut = htmlOut+"<tr><td align="+Feld1lAlign+" >&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&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><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&ensp;</td></tr>";} break;
                                   
        case 3: if(counter%3==0 )  {htmlOut = htmlOut+"<tr><td align="+Feld1lAlign+" >&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&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=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&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><td align="+Feld4lAlign+">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&ensp;</td></tr>";}
                                         } break;


        case 4: if(counter%4==0)  {htmlOut = htmlOut+"<tr><td align="+Feld1lAlign+" >&ensp;"+val0+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val1+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val2+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val3+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&ensp;</td>"; } 
                                  else {if(counter%2==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=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val2+"&ensp;</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&ensp;</td>";} 
                                               else    {if(counter%2==1 && 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><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">&ensp;"+val3+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&ensp;</td></tr>";} 
                                                                 else    {htmlOut = htmlOut = htmlOut+"<td align="+Feld1lAlign+" >&ensp;"+val0+"&ensp;</td><td>&ensp;"+val1+"&ensp;</td><td align="+Feld2lAlign+">&ensp;"+val2+"&ensp;</td><td align="+Feld3lAlign+">&ensp;"+val3+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+val4+"&ensp;</td><td align="+Feld6lAlign+">&ensp;"+val5+"&ensp;</td><td align="+Feld7lAlign+">&ensp;"+val6+"&ensp;</td><td align="+Feld8lAlign+">&ensp;"+val7+"&ensp;</td><td align="+Feld9lAlign+">&ensp;"+val8+"&ensp;</td><td align="+Feld10lAlign+">&ensp;"+val9+"&ensp;</td>";}}
                                         } break;

     } //switch ende



}


function tabelleAusbessern() {
       switch (mehrfachTabelle) {  
         case 1:    break;
         case 2:    mix=Math.abs(((counter+1)%2)-mehrfachTabelle);  
                    if(mix==1)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');       
                    break;
         case 3:    mix =Math.abs(((counter+1)%3)-mehrfachTabelle);
                    if(mix==1)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');       
                    if(mix==2)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');   
                    break;
         case 4:    mix=Math.abs(((counter+1)%4)-mehrfachTabelle);
                    if(mix==1)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');
                    if(mix==2)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');    
                    if(mix==3)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');      
                    break; }
}

function tabelleFinish() {

      // tabelle fertigstellen
       switch (mehrfachTabelle) {  
         case 1:    break;
         case 2:    mix=Math.abs(((counter+1)%2)-mehrfachTabelle);  
                    if(mix==1)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');       
                    break;
         case 3:    mix =Math.abs(((counter+1)%3)-mehrfachTabelle);
                    if(mix==1)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');       
                    if(mix==2)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');   
                    break;
         case 4:    mix=Math.abs(((counter+1)%4)-mehrfachTabelle);
                    if(mix==1)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');
                    if(mix==2)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr>');    
                    if(mix==3)  htmlOut = htmlOut.replace(/<\/td>$/, '</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&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 );

 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>"
 var htmlEnd="</table>"+htmlUnter+"</div></body>";
 if (!htmlSignature) htmlUnter="";

 //mit oder ohne überschrift - zentriert oder links
htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);
 


}

Image 4.png

Glasfaser

@liv-in-sky

Sieht gut aus ( Gosund ) : :+1:

liv-in-sky

@Glasfaser

was brauchst du noch für geräte ?

Glasfaser

@liv-in-sky

Nee .. DANKE ...ich brauche nicht´s mehr .... ändere es in deinem Script ;)

Community Forum

NEWS

Strom Geräte als HTML Tabelle - Vis - Iqontrol

Support us

709

32.4k

81.5k

1.3m