Daten für eine Tabelle aufbereiten
-
ich hab emal versucht, die ventilöffnung mit zu integrieren - dabei gibt es ein problem:
um die ventilöffnung zu finden. muss ich irgendeinen wert haben, der mir sagt, was zusammengehört. z.b.
hier lese ich die werte:
um and das ventil zu kommen, muss ich aberhier lesen
das probem: bei den wohnzimmer paßt das - aber bei anderen paßt es nicht. zb toilette
kannst du das angleichen ?
-
ich hab emal versucht, die ventilöffnung mit zu integrieren - dabei gibt es ein problem:
um die ventilöffnung zu finden. muss ich irgendeinen wert haben, der mir sagt, was zusammengehört. z.b.
hier lese ich die werte:
um and das ventil zu kommen, muss ich aberhier lesen
das probem: bei den wohnzimmer paßt das - aber bei anderen paßt es nicht. zb toilette
kannst du das angleichen ?
Guten Morgen,
wenn ich Deine Frage richtig verstanden habe soll aus z.B. (Objekte Name)
bshb.0.hdm:HomeMaticIP:3014F711A000005A18586C70 Badezimmer unten
bshb.0.hdm:HomeMaticIP:3014F711A000005A18586C70 RCC.Toilettewerden?
Aber sicher doch!!!
Vielen Dank für Deine Mühe.
MfG
Wastl -
Guten Morgen,
wenn ich Deine Frage richtig verstanden habe soll aus z.B. (Objekte Name)
bshb.0.hdm:HomeMaticIP:3014F711A000005A18586C70 Badezimmer unten
bshb.0.hdm:HomeMaticIP:3014F711A000005A18586C70 RCC.Toilettewerden?
Aber sicher doch!!!
Vielen Dank für Deine Mühe.
MfG
Wastl@langer fast - das RCC muss nicht sein - das filtere ich eh aus
nimm das beispiel vom wohnzimmer - da sieht man das
bshb.0.hdm:HomeMaticIP:3014F711A000005A1859A1AC name=Wohnzimmer
bshb.0.roomClimateControl_hz_6 name=RCC.Wohnzimmerso funktioniert es
damit du aber das ganze übersichtlicher ist, kannst du auch gerne
bshb.0.hdm:HomeMaticIP:3014F711A000005A1859A1AC name=RCC.Wohnzimmer
bshb.0.roomClimateControl_hz_6 name=RCC.Wohnzimmernutzen
so erkennst du sofort, was zusammengehört und ein thermostat ist
kannst du entscheiden
-
@langer fast - das RCC muss nicht sein - das filtere ich eh aus
nimm das beispiel vom wohnzimmer - da sieht man das
bshb.0.hdm:HomeMaticIP:3014F711A000005A1859A1AC name=Wohnzimmer
bshb.0.roomClimateControl_hz_6 name=RCC.Wohnzimmerso funktioniert es
damit du aber das ganze übersichtlicher ist, kannst du auch gerne
bshb.0.hdm:HomeMaticIP:3014F711A000005A1859A1AC name=RCC.Wohnzimmer
bshb.0.roomClimateControl_hz_6 name=RCC.Wohnzimmernutzen
so erkennst du sofort, was zusammengehört und ein thermostat ist
kannst du entscheiden
Mache ich so wie bei Deinem 2 Beispiel:
bshb.0.hdm:HomeMaticIP:3014F711A000005A1859A1AC name=RCC.Wohnzimmer
bshb.0.roomClimateControl_hz_6 name=RCC.WohnzimmerWenn ich das fertig habe brauchst Du dann eine neue Adapter-Json Datei?
MfG
Wastl -
Mache ich so wie bei Deinem 2 Beispiel:
bshb.0.hdm:HomeMaticIP:3014F711A000005A1859A1AC name=RCC.Wohnzimmer
bshb.0.roomClimateControl_hz_6 name=RCC.WohnzimmerWenn ich das fertig habe brauchst Du dann eine neue Adapter-Json Datei?
MfG
Wastlneues script zum testen - ist noch nicht final - du musst einen 2ten dp anlegen - typ Zeichenkette und unter "dpSchalter" eintragen
bin dann unterwegs
-
Mache ich so wie bei Deinem 2 Beispiel:
bshb.0.hdm:HomeMaticIP:3014F711A000005A1859A1AC name=RCC.Wohnzimmer
bshb.0.roomClimateControl_hz_6 name=RCC.WohnzimmerWenn ich das fertig habe brauchst Du dann eine neue Adapter-Json Datei?
MfG
Wastlhier jetzt mit sortiert nach namen und die auswahlfelder sind schwarz und nicht mehr weiß
wenn die gaze tabelle eine andere farbe haben soll , gib mir den farbcode für den background, dann passe ich das an
script
-
hier jetzt mit sortiert nach namen und die auswahlfelder sind schwarz und nicht mehr weiß
wenn die gaze tabelle eine andere farbe haben soll , gib mir den farbcode für den background, dann passe ich das an
script
-
-
Habe Dein Skript etwas erweitert und kann jetzt auch die Ventile anzeigen.
Nochmals vielen Dank für Deine Hilfe!!!
MfG
Wastldann zeig mal - zumindest den teil, wo du die ventile ausliest
-
dann zeig mal - zumindest den teil, wo du die ventile ausliest
Anbei das komplette Skript, entschuldige aber ich habe die Formatierung etwas verändert damit ich das Skript besser lesen und verstehen konnte. Die Ergänzung ist von Zeile 227 - 234.
//@liv-in-sky 2021 22.8.-18:00 //HIER WIRD PFAD UND FILENAME DEFINIERT const path = "/htmlexample.html"; //FIlenamen definieren const home ='vis.0' //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta) let braucheEinFile=false; // bei true wird ein file geschrieben let braucheEinVISWidget=true; // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile let dpVIS="0_userdata.0.Tabellen.Thermostate" //WICHTIG wenn braucheEinVISWidget auf true gesetzt !! dp zusätzlich für VIS-HTML-Basic-Widget let dpSchalter="0_userdata.0.Tabellen.Thermostatedp"; //WICHTIG wenn braucheEinVISWidget auf true gesetzt !! dp zusätzlich für VIS-HTML-Basic-Widget let mySchedule=" * * * * * "; //jede minute //--------------------------------------- //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 8 var htmlFeld1='RAUM'; var Feld1lAlign="left"; // überschrift Tabellen Spalte1 und Ausrichtung left,right or center var htmlFeld2='IST-TEMP'; var Feld2lAlign="center"; // überschrift Tabellen Spalte2 und Ausrichtung left,right or center var htmlFeld3='SOLL-TEMP'; var Feld3lAlign="center"; // überschrift Tabellen Spalte3 und Ausrichtung left,right or center var htmlFeld4='CONFORT'; var Feld4lAlign="center"; // überschrift Tabellen Spalte4 und Ausrichtung left,right or center var htmlFeld5='ECO-MODE'; var Feld5lAlign="center"; // überschrift Tabellen Spalte5 und Ausrichtung left,right or center var htmlFeld6='MODUS'; var Feld6lAlign="center"; // überschrift Tabellen Spalte5 und Ausrichtung left,right or center var htmlFeld7='SOMMER'; var Feld7lAlign="center"; // überschrift Tabellen Spalte5 und Ausrichtung left,right or center var htmlFeld8='HEIZT'; var Feld8lAlign="center"; // überschrift Tabellen Spalte5 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='Bosch 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 trennungsLinie="2"; //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="2"; // Linie nur unter Spaltenüberschrift - const farbeLinieUnterUeberschrift="white"; const groesseUeberschrift=16; const UeberschriftStyle="bold" // möglich "bold" //GANZE TABELLE let abstandZelle="1"; 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="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="16px"; //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="#1c1c1c"; // Gradient - Hintergrund der Tabelle - Verlauffarbe const htmlFarbTableColorGradient2="#1c1c1c"; // 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="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+"}"+ " 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\" ; }"+" td:nth-child(1) {width: "+htmlSpalte1Weite+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite+"}"+ `.myselect { color: red !important; background-color: green !important; -webkit-appearance: none;}` " </style></head><body> <div>"; 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>"; let visScript=`<script> $(document).ready(function() { $("[class*='Bosch']").css("background-color", "black"); $("[class*='Bosch']").css("color", "white"); $("[class*='Badapt']").css("background-color", "black"); $("[class*='Badapt']").css("color", "white"); }) $(document).ready(function() { $("[class*='Bosch']").change(function() { var selectedCountry = $(this).children("option:selected").val(); var index = this.className.split('-')[1]; vis.setValue('${dpSchalter}',selectedCountry+','+index+','+"Bosch") /* alert("You have selected the country - " + selectedCountry+"----"+index);*/}) }); $(document).ready(function() { $("[class*='Badapt']").change(function() { var selectedCountry1 = $(this).children("option:selected").val(); var index1 = this.className.split('-')[1]; vis.setValue('${dpSchalter}',selectedCountry1+','+index1+','+'Badapt') /*alert("You have selected the country - " + selectedCountry1+"----"+index1);*/}) }); $(document).ready(function() { $("[class*='Soll_Temp']").change( function() { var selectedCountry1 = $(this).val(); /* console.log($(this))*/ var index1 = this.className.split('-')[1]; vis.setValue('${dpSchalter}',selectedCountry1+','+index1+','+'Soll_Temp') /*alert("You have selected the country - " + selectedCountry1+"----"+index1);*/}) }); $(document).ready(function() { $("[class*='Com_Temp']").change( function() { var selectedCountry1 = $(this).val(); /* console.log($(this))*/ var index1 = this.className.split('-')[1]; vis.setValue('${dpSchalter}',selectedCountry1+','+index1+','+'Com_Temp') /*alert("You have selected the country - " + selectedCountry1+"----"+index1);*/}) }); $(document).ready(function() { $("[class*='Eco_Temp']").change( function() { var selectedCountry1 = $(this).val(); /* console.log($(this))*/ var index1 = this.className.split('-')[1]; vis.setValue('${dpSchalter}',selectedCountry1+','+index1+','+'Eco_Temp') /*alert("You have selected the country - " + selectedCountry1+"----"+index1);*/}) }); </script>` //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 8 var htmlTabUeber2 = "<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+"> "+htmlFeld1+" </td><td width="+htmlSpalte1Weite+" align="+ Feld2lAlign+"> "+htmlFeld2+" </td><td align="+Feld3lAlign+"> "+htmlFeld3+" </td><td align="+ Feld4lAlign+"> "+htmlFeld4+" </td><td align="+Feld5lAlign+"> "+htmlFeld5+" </td><td align="+ Feld6lAlign+"> "+htmlFeld6+" </td><td align="+Feld7lAlign+"> "+htmlFeld7+" </td><td align="+ Feld8lAlign+"> "+htmlFeld8+" </td>"; var htmlTabUeber2_1 = "<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld1+ " </td><td width="+htmlSpalte1Weite+" align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld3+ " </td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld3+" </td><td align="+ Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld4+" </td><td align="+ Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld5+" </td><td align="+ Feld6lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld6+" </td><td align="+ Feld7lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld7+" </td><td align="+ Feld8lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"> "+htmlFeld8+" </td>"; //------------------------------------------------------ var htmlOut=""; var mix; var counter; let arrForjQuer=[] let arrForjQuer2=[] let arrForjQuerSoll=[] let arrForjQuerCom=[] let arrForjQuerEco=[] let myObject=[]; var val1; var val2; var val0; var val3; var val4; var val5; var val6; var val7; var htmlTabUeber=""; function writeHTML() { 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!!!------------------------------------------------------------ //-------------------------------------------------------------------------------------------------------------------------------------------------- arrForjQuer=[]; arrForjQuer2=[] ;arrForjQuerSoll=[]; arrForjQuerCom=[];arrForjQuerEco=[];myObject=[]; $('bshb.0.roomClimateControl*.TemperatureLevel.temperature').each(function(id, i) { // hier eigene schleife definieren var ida = id.split('.'); counter++; // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN val0=getObject(id).common.name.replace(/RCC.(.+?)\..+/,"$1") //Raum val1=getState(id).val+" °C"; val2=getState(id.replace("TemperatureLevel.temperature","RoomClimateControl.setpointTemperature")).val+" °C"; val3=getState(id.replace("TemperatureLevel.temperature","RoomClimateControl.setpointTemperatureForLevelComfort")).val+" °C"; val4=getState(id.replace("TemperatureLevel.temperature","RoomClimateControl.setpointTemperatureForLevelEco")).val+" °C"; val5=getState(id.replace("TemperatureLevel.temperature","RoomClimateControl.operationMode")).val getState(id.replace("TemperatureLevel.temperature","RoomClimateControl.summerMode")).val ? val6="Ja" : val6="Nein"; let ventil = getObject("enum.functions.ventile").common.members; for(let i = 0; i < ventil.length; i++) { let VentilName = getObject(ventil[i]).common.name.split("."); if (VentilName[0] === val0) { val7 = getState(ventil[i]).val + "%"; break; }; }; let setter1="" ;let setter2="";let setter3="";let setter4=""; let idMaker="Bosch-"+String(counter); arrForjQuer.push({ "number":"Bosch-"+String(counter),"id":id.replace("TemperatureLevel.temperature","RoomClimateControl.operationMode")}) if (val5=="MANUAL") setter1="selected" if (val5=="AUTOMATIC") setter2="selected" if (val5=="OFF") setter3="selected" if (val5=="UNKNOWN") setter4="selected" val5= ` <select class=" ${"Bosch-"+String(counter)}" name="BoschMode" size="1" > <option ${setter1} value="MANUAL">MANUAL</option> <option ${setter2} value="AUTOMATIC">AUTOMATIC</option> <option ${setter3} value="OFF">OFF</option> <option ${setter4} value="UNKNOWN">'UNKNOWN</option> </select>` setter1="";setter2="";idMaker="Badapt-"+String(counter); arrForjQuer2.push({ "number":"Badapt-"+String(counter),"id":id.replace("TemperatureLevel.temperature","RoomClimateControl.summerMode")}) if(val6=="Ja") setter1="selected" if(val6=="Nein") setter2="selected" val6= `<select class="${"Badapt-"+String(counter)}" name="BadaptMode" size="1" background="#ff0"> <option ${setter1} value="JA">JA</option> <option ${setter2} value="NEIN">NEIN</option> </select>` idMaker="Soll_Temp-"+String(counter); arrForjQuerSoll.push({ "number":"Soll_Temp-"+String(counter),"id":id.replace("TemperatureLevel.temperature","RoomClimateControl.setpointTemperature")}) val2= `<input type="text" class="${idMaker}" value = ${val2} style="border:0px; text-align:center; font-size:100%; width:30px; background-color:black; color:white;" > °C ` idMaker="Com_Temp-"+String(counter); arrForjQuerCom.push({ "number":"Com_Temp-"+String(counter),"id":id.replace("TemperatureLevel.temperature","RoomClimateControl.setpointTemperatureForLevelComfort")}) val3= `<form onsubmit="return false"><input type="text" class="${idMaker}" value = ${val3} style="border:0px; text-align:center; font-size:100%; width:30px; background-color:black; color:white;" > °C </form>` idMaker="Eco_Temp-"+String(counter); arrForjQuerEco.push({ "number":"Eco_Temp-"+String(counter),"id":id.replace("TemperatureLevel.temperature","RoomClimateControl.setpointTemperatureForLevelEco")}) val4= `<form onsubmit="return false"><input type="text" class="${idMaker}" value = ${val4} style="border:0px; text-align:center; font-size:100%; width:30px; background-color:black; color:white;" > °C </form>` makeTheFirstObject(); //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 der schleife------------------------------------------------------------------------------ //------------------------------------------------------------------------------------------------------------------------------------------------- myObject.sort(function (alpha, beta) { if ((alpha.value0.toString().toUpperCase()).trim() > (beta.value0.toString().toUpperCase()).trim()) return 1; if ((beta.value0.toString().toUpperCase()).trim()> (alpha.value0.toUpperCase().toString()).trim()) return -1; return 0; }) counter=-1; for (let i=0;i<myObject.length;i++) { counter++; val0=myObject[i].value0; val1=myObject[i].value1; val2=myObject[i].value2; val3=myObject[i].value3; val4=myObject[i].value4; val5=myObject[i].value5; val6=myObject[i].value6; val7=myObject[i].value7; tabelleBind(); }; tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen }; // 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: if(counter%2==0) { htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td align="+ Feld8lAlign+"> "+val7+" </td></tr>"; break; } else { htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td align="+ Feld8lAlign+"> "+val7+" </td></tr>"; break; }; case 2: if(counter%4==0) { if(counter%2==0) { htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+ trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld8lAlign+"> "+val7+" </td>"; } else { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val0+ " </td><td align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val1+" </td><td align="+ Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val2+" </td><td align="+ Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val3+" </td><td align="+ Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val4+" </td><td align="+ Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val5+" </td><td align="+ Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val6+" </td><td align="+ Feld8lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val7+" </td></tr>"; } break; } else { if(counter%2==0) { htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+ trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld8lAlign+"> "+val7+" </td>"; } else { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val0+" </td><td align="+ Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val1+" </td><td align="+ Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val2+" </td><td align="+ Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val3+" </td><td align="+ Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val4+" </td><td align="+ Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val5+" </td><td align="+ Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val6+" </td><td align="+ Feld8lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+val7+" </td></tr>"; } break; } case 3: if(counter%2==0 ) { if(counter%3==0) { htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+ trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld8lAlign+"> "+val7+" </td>"; } else { if(counter%3==1 ) { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val0+" </td><td align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val1+" </td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val2+" </td><td align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val3+" </td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val4+" </td><td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val5+" </td><td align="+Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val6+" </td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+ Feld8lAlign+"> "+val7+" </td>"; } else { htmlOut = htmlOut+"<td align="+Feld1lAlign+" > "+val0+" </td><td align="+Feld2lAlign+"> "+ val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+Feld4lAlign+"> "+ val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+Feld6lAlign+"> "+ val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td align="+Feld8lAlign+"> "+ val7+" </td></tr>"; } } break; } else { if(counter%3==0) { htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+ trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld8lAlign+"> "+val7+" </td>"; } else { if(counter%3==1 ) { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val0+" </td><td align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val1+" </td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val2+" </td><td align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val3+" </td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val4+" </td><td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val5+" </td><td align="+Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val6+" </td><td align="+Feld8lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"> "+val7+" </td>"; } else { htmlOut = htmlOut+"<td align="+Feld1lAlign+" > "+val0+" </td><td align="+Feld2lAlign+"> "+ val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+Feld4lAlign+"> "+ val3+" </td><td align="+Feld5lAlign+"> "+val4+" </td><td align="+Feld6lAlign+"> "+ val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td align="+Feld8lAlign+"> "+ val7+" </td></tr>"; } } break; } case 4: if(counter%8==0) { if(counter%4==0) { htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val4+" </td><td align="+Feld5lAlign+"> "+val3+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+ trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld8lAlign+"> "+val7+" </td>"; } else { if(counter%4==1 ) { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val0+" </td><td align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val1+" </td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val2+" </td><td align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val3+" </td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val4+" </td><td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val5+" </td><td align="+Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val6+" </td><td align="+Feld8lAlign+" style=\border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"> "+val7+" </td>"; } else { if(counter%4==3) { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val0+" </td><td align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val1+" </td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val2+" </td><td align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val3+" </td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val4+" </td><td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val5+" </td><td align="+Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val6+" </td><td align="+Feld8lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\> "+ val7+" </td></tr>"; } else { htmlOut = htmlOut+"<td align="+Feld1lAlign+" > "+val0+" </td><td> "+val1+" </td><td align="+ Feld2lAlign+"> "+val2+" </td><td align="+Feld3lAlign+"> "+val3+" </td><td align="+ Feld4lAlign+"> "+val4+" </td><td align="+Feld6lAlign+"> "+val5+" </td><td align="+ Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+";\" align="+Feld8lAlign+"> "+val7+" </td>"; } } } break; } else { if(counter%4==0) { htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+" > "+val0+" </td><td align="+ Feld2lAlign+"> "+val1+" </td><td align="+Feld3lAlign+"> "+val2+" </td><td align="+ Feld4lAlign+"> "+val4+" </td><td align="+Feld5lAlign+"> "+val3+" </td><td align="+ Feld6lAlign+"> "+val5+" </td><td align="+Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+ trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld8lAlign+"> "+val7+" </td>"; } else { if(counter%4==1 ) { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val0+" </td><td align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val1+" </td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val2+" </td><td align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val3+" </td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val4+" </td><td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val5+" </td><td align="+Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val6+" </td><td align="+Feld8lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"> "+val7+" </td>"; } else { if(counter%4==3) { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val0+" </td><td align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val1+" </td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val2+" </td><td align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val3+" </td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val4+" </td><td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val5+" </td><td align="+Feld7lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val6+" </td><td align="+Feld8lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"> "+ val7+" </td></tr>"; } else { htmlOut = htmlOut+"<td align="+Feld1lAlign+" > "+val0+" </td><td> "+val1+" </td><td align="+ Feld2lAlign+"> "+val2+" </td><td align="+Feld3lAlign+"> "+val3+" </td><td align="+ Feld4lAlign+"> "+val4+" </td><td align="+Feld6lAlign+"> "+val5+" </td><td align="+ Feld7lAlign+"> "+val6+" </td><td style=\" border-right: "+trennungsLinie+"px solid "+ farbetrennungsLinie+";\" align="+Feld8lAlign+"> "+val7+" </td>"; } } } break; } } //switch ende } function tabelleFinish() { // tabelle fertigstellen switch (mehrfachTabelle) { case 1: break; case 2: if(counter%2==0) htmlOut = htmlOut.replace(/<\/td>$/, '</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </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> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>'); if(counter%3==0) htmlOut = htmlOut.replace(/<\/td>$/, "</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </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> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>'); if(counter%4==1) htmlOut = htmlOut.replace(/<\/td>$/, "</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>"); if(counter%4==0) htmlOut = htmlOut.replace(/<\/td>$/, "</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr>"); break; } var htmlUeber= "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+ htmlSchriftWeite+ "\">"+htmlFeldUeber+"  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+"  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=""; if (htmlUberschrift) { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter + visScript: htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+visScript ; } else { zentriert ? htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"</table>"+htmlUnter+visScript : htmlOutVIS=htmlTabStyle+ htmlTabUeber+htmlOut+"</table>"+htmlUnter+visScript; } // 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+"  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); } on({id: '0_userdata.0.Tabellen.Thermostatedp', ack: false, change: "any"}, function (obj) { // log(obj.id) let value = obj.state.val; /* log("------------"+obj.state.val) log("------------"+value.split(",")[0]) log(value.split(",")[1]+"------------"+arrForjQuerSoll[(Number(value.split(",")[1]))].id) log(value.split(",")[1]+"------------"+arrForjQuerCom[(Number(value.split(",")[1]))].id) log(value.split(",")[1]+"------------"+arrForjQuerEco[(Number(value.split(",")[1]))].id) */ if(value.split(",")[2]=="Bosch") setState(arrForjQuer[(Number(value.split(",")[1]))].id,value.split(",")[0]) if(value.split(",")[2]=="Badapt") { let helper;log(value.split(",")[0]) value.split(",")[0]=="JA" ? helper=true : helper=false; setState(arrForjQuer2[(Number(value.split(",")[1]))].id,helper) } if(value.split(",")[2]=="Soll_Temp") setState(arrForjQuerSoll[(Number(value.split(",")[1]))].id,Number(value.split(",")[0])); if(value.split(",")[2]=="Com_Temp") setState(arrForjQuerCom [(Number(value.split(",")[1]))].id,Number(value.split(",")[0])); if(value.split(",")[2]=="Eco_Temp") setState(arrForjQuerEco [(Number(value.split(",")[1]))].id,Number(value.split(",")[0])); setTimeout(function () {writeHTML(); }, 2050); }); function makeTheFirstObject() { myObject.push ({ "value0" : val0, // "INSTANCE" "value1" : val1, // "SINCE" "value2" : val2, // "STATUS" "value3" : val3, // "INSTANCE" "value4" : val4, // "SINCE" "value5" : val5, "value6": val6, "value7": val7 }) }Nochmals vielen Dank für Deine Hilfe!!!
MfG
Wastl
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren AnmeldenSupport us
301
Online32.8k
Benutzer82.8k
Themen1.3m
Beiträge