<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[HTML Tabelle für Tankerkönig]]></title><description><![CDATA[<p dir="auto"><span style="color:#ff0000"><strong>nutzt man die neue version von tankerkönig, bitte diesen post beachten:</strong></span> <a href="https://forum.iobroker.net/post/896445">https://forum.iobroker.net/post/896445</a></p>
<ul>
<li>
<p dir="auto">grundlage des scriptes ist: <a href="https://forum.iobroker.net/topic/28021/html-table-f%C3%BCr-vis-oder-iqontrol-js-und-blockly">https://forum.iobroker.net/topic/28021/html-table-für-vis-oder-iqontrol-js-und-blockly</a></p>
</li>
<li>
<p dir="auto">script vorlage thread:<a href="https://forum.iobroker.net/topic/37561/json-aus-tankerk%C3%B6nig-adapter-parsen">https://forum.iobroker.net/topic/37561/json-aus-tankerkönig-adapter-parsen</a> (dank an <a class="plugin-mentions-user plugin-mentions-a" href="/user/sveni_lee" aria-label="Profile: sveni_lee">@<bdi>sveni_lee</bdi></a> -hat script vorlage erstellt )</p>
</li>
<li>
<p dir="auto">für übersicht in der vis (tabelle wird über <strong>html-widget mit binding</strong> angezeigt) oder in iqontrol</p>
</li>
<li>
<p dir="auto">die bilder müssen in der vis und im setting ()mit richtigen pfad angegeben sein und im setting ( var station_png ))</p>
</li>
<li>
<p dir="auto">die datenpunkte dpVis und dpMDWidget müssen selbst angelegt und im script angepaßt werden - type : zeichefolge</p>
</li>
<li>
<p dir="auto">die günstigste tankstelle ist farblich markiert</p>
</li>
<li>
<p dir="auto">getriggert wird durch json datenpunkt des adapters und beim ersten start nach dem speichern</p>
</li>
<li>
<p dir="auto">die farben können selbst definiert werden</p>
</li>
</ul>
<p dir="auto"><img src="/assets/uploads/files/1602682715913-image-15.png" alt="Image 15.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">script für import</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code> //@liv-in-sky 2023  27.1.-10:55
 // dank an @sveni_lee - hat vorlage für das script gemacht

//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.CONTROL-OWN.TABELLEN.TankerKoenig"         //WICHTIG wenn "braucheEinVISWidget" auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
let   braucheEinMDWidget=true;                     // bei true wird ein json in einen dp geschrieben - siehe nächste zeile
let dpMDWidget="0_userdata.0.CONTROL-OWN.TABELLEN.TankerKoenigMDWidget"
let   braucheEinMDWidgetList=true;                     // bei true wird ein json in einen dp geschrieben - siehe nächste zeile
let dpMDWidgetList="0_userdata.0.CONTROL-OWN.TABELLEN.TankerKoenigMDWidgetList"
//let mySchedule=" */20 * * * * * ";                       //änderung des JSON ist trigger
let benzinArt="e5";    //  für material design widget only - diesel, e5 oder e10 möglich
var station_png = {"6a567d36-fe56-4118-a3e0-45a2b77dc584" : "/vis.0/armin/img/tankstellen/erstewahl.jpg",  
                   "ba57cc7a-aa15-4fe8-87d4-180fcd1cc8a4" : "/vis.0/armin/img/tankstellen/esso.jpg",
                   "2cca550a-5be0-4099-bc16-f2a85550d949" : "/vis.0/armin/img/tankstellen/oil.png",
                   "76c28b9b-44d7-4286-bf64-75a055973544" : "/vis.0/armin/img/tankstellen/vmarkt.png",
                   "98033fc8-408c-4d5d-bd37-5c967d214bc2" : "/vis.0/armin/img/tankstellen/aral.png",
                   "d558326f-37b9-4c0f-3eb9-693c23a03705" : "/vis.0/armin/img/tankstellen/avia.png"
                   };
let bildergroeße=15
let farbeCheapestHTML="lightgreen"//"#41A9DC"                             // Farbe der zeile wenn unter einem tag:
let styleCheapestHTML="b"                                  // style der zeile wenn unter einem tag:  möglich b fett; i kursiv; span normal
let braucheUhrzeit=true;

//HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 5
var htmlFeld1='';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left,right or center
var htmlFeld2='Tankstelle';        var Feld2lAlign="left";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
var htmlFeld3='Diesel';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
var htmlFeld4='E5';        var Feld4lAlign="center";                    // überschrift Tabellen Spalte4 und  Ausrichtung left,right or center
var htmlFeld5='E10';        var Feld5lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld6='Status';        var Feld6lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center


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



//ÜBERSCHRIFT ÜBER TABELLE
let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='Tankerkönig Tabelle';              // Ü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="black";               // Überschrift in der tabelle - der einzelnen Spalten
//ÜBERSCHRIFT SPALTEN
const UeberSchriftHöhe="15";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="3";                   // Linie nur unter Spaltenüberschrift - 
const farbeLinieUnterUeberschrift="black";
const groesseUeberschrift=13;
const UeberschriftStyle="normal"                     // 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="#333333";                        //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="13px";
//FELDER UND RAHMEN
let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
const htmlFarbFelderschrift="#BDBDBD";                  // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#333333";                 // SchriftFarbe der Felder für jede 2te Tabelle
const htmlFarbTableColorGradient1="lightgreen"//"#41A9DC";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2="green"//"#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="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='&lt;center&gt;'
const htmlStart=    "&lt;!DOCTYPE html&gt;&lt;html lang=\"de\"&gt;&lt;head&gt;&lt;title&gt;Vorlage&lt;/title&gt;&lt;meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\"&gt;"+
                   "&lt;style&gt; * {  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+"}"+
                   " &lt;/style&gt;&lt;/head&gt;&lt;body&gt; &lt;div&gt;";
//const htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\"&gt;"+htmlFeldUeber+"&lt;/p&gt;";                    
const htmlTabStyle= "&lt;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+");\"&gt;";
const htmlTabUeber1="&lt;tr height=\""+UeberSchriftHöhe+"\" style=\"color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \"&gt;";
const htmlTabUeber3="&lt;/tr&gt;";


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


var htmlTabUeber2="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+"&gt;&amp;ensp;"+htmlFeld2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+htmlFeld4+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld5lAlign+"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld6lAlign+"&gt;&amp;ensp;"+htmlFeld6+"&amp;ensp;&lt;/td&gt;";
var htmlTabUeber2_1="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld2+
                   "&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld4+
                   "&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld6+"&amp;ensp;&lt;/td&gt;";
                       //------------------------------------------------------



var htmlOut="";
var mix;
var counter;
var val1; var val2; var val0; var val3; var val4; var val5; 
var htmlTabUeber="";
function writeHTML(){

braucheUhrzeit ? htmlFeld1=formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm") : htmlFeld1="";
htmlTabUeber2="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+"&gt;&amp;ensp;"+htmlFeld2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+htmlFeld4+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld5lAlign+"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld6lAlign+"&gt;&amp;ensp;"+htmlFeld6+"&amp;ensp;&lt;/td&gt;";
htmlTabUeber2_1="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld2+
                   "&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld4+
                   "&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld6+"&amp;ensp;&lt;/td&gt;";
                       //------------------------------------------------------

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!!!------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------

let   json_tank = [];  
let   json_tank2 = [];

let myStations = getObject('system.adapter.tankerkoenig.0').native.station;
//log(myStations)
let json = JSON.parse(getState('tankerkoenig.0.stations.json').val);

let stations = Object.keys(json.prices);





stations.forEach((station,i) =&gt; {
  //log(station)
   myStations.forEach((arr, j) =&gt; {
 //log(arr)
       if(arr.station == station) {
           if(json.prices[station].status=="open") {
       val0=  "&lt;img src="+station_png[station]+" height=\""+bildergroeße+"\" width=\""+bildergroeße+"\"&gt;"
     //  log(val0)
       val1=arr.stationname
       json.prices[station].diesel!=false ? val2=json.prices[station].diesel.toFixed(2)+" €" : val2=0
       json.prices[station].e5!=false ? val3=json.prices[station].e5.toFixed(2)+" €" :val3=0
       json.prices[station].e10!=false ? val4=json.prices[station].e10.toFixed(2)+" €" :val4=0
       val5=json.prices[station].status;//log(val5)
       if (getState("tankerkoenig.0.stations.cheapest.diesel.station_id").val == station) {
            val2="&lt;font color=\""+farbeCheapestHTML +"\"&gt;&lt;"+styleCheapestHTML+"&gt;"+val2;
            }
       if (getState("tankerkoenig.0.stations.cheapest.e5.station_id").val == station) {
            val3="&lt;font color=\""+farbeCheapestHTML +"\"&gt;&lt;"+styleCheapestHTML+"&gt;"+val3;
           }
       
       if (getState("tankerkoenig.0.stations.cheapest.e10.station_id").val == station) {
            val4="&lt;font color=\""+farbeCheapestHTML +"\"&gt;&lt;"+styleCheapestHTML+"&gt;"+val4;
          }     

       counter++;
       tabelleBind();
       let helper;
       //log(json.prices[station][benzinArt])
           json.prices[station][benzinArt]!=false ? helper=json.prices[station][benzinArt].toFixed(2)+" € ("+benzinArt+")" : helper="0"
          // log(helper)
           let mysubText = `&lt;div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;"&gt;
                &lt;div style="flex: 1;"&gt;${helper}&lt;/div&gt;
                &lt;div style="color: black; font-size: 18px; font-family: RobotoCondensed-LightItalic; text-align: right;"&gt;${json.prices[station].status}&lt;/div&gt;
                &lt;/div&gt;`
                let vax5="";
                let helpi="tankerkoenig.0.stations.cheapest."+benzinArt+".station_id"
                if(getState(helpi).val == station)   vax5=farbeCheapestHTML            
     
     json_tank2.push({
               text: arr[1] ,
               subText: mysubText,
               statusBarColor: vax5,
               image:station_png[station],
               imageColor: "",
               listType: "text",
               showValueLabel: false,
               name: " ",
               status: " ",
               Wert : " ",
               Hersteller : " "
           });
               json.prices[station][benzinArt]!=false ? helper=json.prices[station][benzinArt].toFixed(2)+" € ("+benzinArt+")" : helper="0"
               json_tank.push(
               {
                   "img": station_png[station],
                   "name": arr[1],
                   "preis": helper,
                   "status": json.prices[station].status
               }) 

      } else { val0=  "&lt;img src="+station_png[station]+" height=\""+bildergroeße+"\" width=\""+bildergroeße+"\"&gt;"
       val1=arr.stationname;
       val2="-"
       val3="-"
       val4="-"
       val5=json.prices[station].status
       counter++;
       tabelleBind();

      let mysubText = `&lt;div style="display: flex; flex-direction: row; line-height: 1.3; padding-left: 1px; padding-right: 8px; align-items: center;"&gt;
                &lt;div style="flex: 1;"&gt; - &lt;/div&gt;
                &lt;div style="color: black; font-size: 18px; font-family: RobotoCondensed-LightItalic; text-align: right;"&gt;${json.prices[station].status}&lt;/div&gt;
                &lt;/div&gt;`
                let vax5="";
                let helpi="tankerkoenig.0.stations.cheapest."+benzinArt+".station_id"
                if(getState(helpi).val == station)   vax5=farbeCheapestHTML            
     
     json_tank2.push({
               text: arr[1] ,
               subText: mysubText,
               statusBarColor: vax5,
               image:station_png[station],
               imageColor: "",
               listType: "text",
               showValueLabel: false,
               name: " ",
               status: " ",
               Wert : " ",
               Hersteller : " "
           });




       json_tank.push(
               {
                   "img": station_png[station],
                   "name": arr[1],
                   "preis": "-",
                   "status": json.prices[station].status
               })
      }
      
        }
   });
   
})

   json_tank.sort(function (a, b) {

       return a.preis == b.preis ? 0 : +(a.preis &gt; b.preis) || -1;
      

   }); 
    if (braucheEinMDWidget) setState(dpMDWidget, JSON.stringify(json_tank), true);//Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!
    if (braucheEinMDWidgetList) setState(dpMDWidgetList, JSON.stringify(json_tank2), true);

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

      tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
     
} // function ende

//MAIN:
 
 on({id:'tankerkoenig.0.stations.json'}, function (obj) {  
     setTimeout(function () {
       writeHTML();
}, 5000);
 
 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+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;"; break; } else
                                  {  htmlOut=htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;"; break;}
       
        case 2:  if(counter%4==0){
                if(counter%2==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;"; } 
                              else {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} break;
                   }else{
                 if(counter%2==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;"; } 
                              else {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} break;}
                                   
        case 3:  if(counter%2==0)   {
                  if(counter%3==0 )  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;"; } 
                              else { if(counter%3==1 )  { htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";}
                                         } break;}else{
                 if(counter%3==0 )  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;"; } 
                              else { if(counter%3==1 )  { htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";}
                                         } break;}


        case 4:   if(counter%8==0)   {
                  if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" &gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\" color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;";}}
                                         } break;}else{
                  if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\"  border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\" color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;";}}
                                         } break;}                       

     } //switch ende



}

function tabelleFinish() {

      // tabelle fertigstellen
switch (mehrfachTabelle) {  
       case 1:    break;

       case 2:    
                  if(counter%2==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');
                
                  break;

       case 3:   if(counter%3==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");        
                 if(counter%3==0)      htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
               
                  break;
       case 4:   if(counter%4==3)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");    
                 if(counter%4==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");      
                 break; }
     
                    var htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\"&gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/p&gt;"; 
       var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 70%; text-align: right;\" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
        
        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+"&lt;/table&gt;" : htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;";
            if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter ;

              } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter;

                 }

// log("bin raus aus tabelleBind");
           if (braucheEinVISWidget) setState(dpVIS, htmlOutVIS );

 var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 80%;  text-align: center; \" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
 
 if (!htmlSignature) htmlUnter="";
var htmlEnd="&lt;/table&gt;"+htmlUnter+"&lt;/div&gt;&lt;/body&gt;";
 //mit oder ohne überschrift - zentriert oder links
htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);
 


}



</code></pre>
<p dir="auto"></p></section></section><p></p>
<p dir="auto">alle widget in der übersicht - MaterialDesign Table, MaterialDesign List und die HTML Tabelle</p>
<p dir="auto"><img src="/assets/uploads/files/1602689247505-image-17.png" alt="Image 17.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">andere farben<br />
<img src="/assets/uploads/files/1602690010384-image-20.png" alt="Image 20.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/topic/37609/html-tabelle-für-tankerkönig</link><generator>RSS for Node</generator><lastBuildDate>Wed, 15 Jul 2026 11:47:10 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/37609.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 14 Oct 2020 13:48:06 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Sat, 28 Jan 2023 14:30:57 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/reindeer-web" aria-label="Profile: reindeer-web">@<bdi>reindeer-web</bdi></a></p>
<p dir="auto">könnte sein, dass dies an meinen scripten liegt - ff macht immer eine leerzeile dazwischen - weiß nicht warum</p>
<p dir="auto">normalerweise sollte das mit ff auch funktionieren</p>
]]></description><link>https://forum.iobroker.net/post/936694</link><guid isPermaLink="true">https://forum.iobroker.net/post/936694</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Sat, 28 Jan 2023 14:30:57 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Sat, 28 Jan 2023 14:27:27 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Ja, so war es!<br />
Ich habe nicht gewusst, dass es hier Unterschiede beim Kopieren gibt.<br />
Jetzt läuft es ohne Fehler und Warnungen.</p>
]]></description><link>https://forum.iobroker.net/post/936692</link><guid isPermaLink="true">https://forum.iobroker.net/post/936692</guid><dc:creator><![CDATA[reindeer-web]]></dc:creator><pubDate>Sat, 28 Jan 2023 14:27:27 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Fri, 27 Jan 2023 16:49:36 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/reindeer-web" aria-label="Profile: reindeer-web">@<bdi>reindeer-web</bdi></a> hast du da script über firefox in den admin kopiert ?</p>
<p dir="auto">wenn ja- bitte chrome, edge, opera nehmen</p>
]]></description><link>https://forum.iobroker.net/post/936226</link><guid isPermaLink="true">https://forum.iobroker.net/post/936226</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Fri, 27 Jan 2023 16:49:36 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Fri, 27 Jan 2023 16:31:04 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Vielen Dank!<br />
Jetzt kommen nach dem Start zumindest nur noch ein paar Warnungen:</p>
<pre><code>17:27:58.062	info	javascript.0 (460) Start javascript script.js.common.Spritpreise
17:27:58.078	warn	javascript.0 (460) at writeHTML (script.js.common.Spritpreise:559:33)
17:27:58.078	warn	javascript.0 (460) at script.js.common.Spritpreise:597:2
17:27:58.079	warn	javascript.0 (460) at script.js.common.Spritpreise:795:3
17:27:58.080	info	javascript.0 (460) script.js.common.Spritpreise: registered 1 subscription, 0 schedules, 0 messages, 0 logs and 0 file subscriptions
</code></pre>
<p dir="auto">Auf jeden Fall funktioniert es und ich sehe auch schon die Tabelle. Inwieweit ich das noch formatieren kann werde ich schon herausfinden.</p>
]]></description><link>https://forum.iobroker.net/post/936212</link><guid isPermaLink="true">https://forum.iobroker.net/post/936212</guid><dc:creator><![CDATA[reindeer-web]]></dc:creator><pubDate>Fri, 27 Jan 2023 16:31:04 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Fri, 27 Jan 2023 09:58:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/reindeer-web" aria-label="Profile: reindeer-web">@<bdi>reindeer-web</bdi></a></p>
<p dir="auto">probier mal das script vom ersten post - habe es geändert - da gab es änderungen im adapter</p>
<p dir="auto">sichere zuerst das jetzt eingestellte scipt, damit du dir die settings rüberkopieren kannst</p>
]]></description><link>https://forum.iobroker.net/post/935986</link><guid isPermaLink="true">https://forum.iobroker.net/post/935986</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Fri, 27 Jan 2023 09:58:37 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Fri, 27 Jan 2023 09:51:25 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Habe mich mal mit diesem Script beschäftigt. Ich habe auch alles (hoffentlich) richtig konfiguriert wie hier beschrieben.<br />
Allerdings bekomme ich nach dem Starten des Scripts folgende Fehler-Meldungen.</p>
<pre><code>10:44:36.471	info	javascript.0 (460) Start javascript script.js.common.Spritpreise
10:44:36.495	warn	javascript.0 (460) script.js.common.Spritpreise: Object "system.adapter.tankerkoenig.0.stations" does not exist
10:44:36.497	info	javascript.0 (460) script.js.common.Spritpreise: registered 1 subscription, 0 schedules, 0 messages, 0 logs and 0 file subscriptions
10:44:36.501	error	javascript.0 (460) script.js.common.Spritpreise: TypeError: Cannot read properties of null (reading 'native')
10:44:36.503	error	javascript.0 (460) at writeHTML (script.js.common.Spritpreise:305:69)
10:44:36.503	error	javascript.0 (460) at script.js.common.Spritpreise:591:2
10:44:36.504	error	javascript.0 (460) at script.js.common.Spritpreise:789:3
</code></pre>
<p dir="auto">Konnte mir hier vielleicht jemand weiterhelfen?</p>
]]></description><link>https://forum.iobroker.net/post/935982</link><guid isPermaLink="true">https://forum.iobroker.net/post/935982</guid><dc:creator><![CDATA[reindeer-web]]></dc:creator><pubDate>Fri, 27 Jan 2023 09:51:25 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Mon, 21 Nov 2022 17:21:04 GMT]]></title><description><![CDATA[<p dir="auto">Hallo zusammen,</p>
<p dir="auto">da ich null Profi bin und vieles mit Copy&amp;Paste meistere hier ein Tip für alle.</p>
<p dir="auto">Nach dem letzten Update vom Tankerkönig hat sich ein Datenpunkt geändert.</p>
<p dir="auto">Im Script muss:   <strong>tankerkoenig.0.json</strong>   durch  <strong>tankerkoenig.0.stations.json</strong>      2x ersetzt werden... dann geht es wieder.</p>
<p dir="auto">Mike</p>
]]></description><link>https://forum.iobroker.net/post/896445</link><guid isPermaLink="true">https://forum.iobroker.net/post/896445</guid><dc:creator><![CDATA[Mike77]]></dc:creator><pubDate>Mon, 21 Nov 2022 17:21:04 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Thu, 15 Oct 2020 07:42:36 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/stephan-schleich" aria-label="Profile: Stephan-Schleich">@<bdi>Stephan-Schleich</bdi></a><br />
<span style="color:#70c0d4">@all</span></p>
<p dir="auto">mir ist gestern noch etwas aufgefallen - das script wird durch den json datenpunkt getriggert - es wird im script aber auch geprüft, welches der "cheapest" anbieter ist und das geht über die datenpunkte - gestern abend war bei mir, als die zweite tankstelle geschlossen wurde, die anzeige der billigsten tankstelle nicht richtig - das änderte sich nach einem weitere durchlauf des scriptes - ich gehe davon aus, dass die datenpunkte noch nicht geschrieben sind, wenn das json triggert - habe das im script im  ersten post geändert</p>
<p dir="auto">ferner habe ich noch ein setting, ob man die update-uhrzeit in der ersten zelle sehen will - gibt immer ein besseres gefühl, wenn man weiß/sieht , dass es aktuell ist</p>
<p dir="auto"><img src="/assets/uploads/files/1602747589350-image-5.png" alt="Image 5.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/503746</link><guid isPermaLink="true">https://forum.iobroker.net/post/503746</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 15 Oct 2020 07:42:36 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 19:08:13 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Jetzt schaut's gut aus <img src="https://forum.iobroker.net/assets/plugins/nodebb-plugin-emoji/emoji/android/1f44d.png?v=ba16ebd4856" class="not-responsive emoji emoji-android emoji--+1" style="height:23px;width:auto;vertical-align:middle" title=":+1:" alt="👍" /> <img src="https://forum.iobroker.net/assets/plugins/nodebb-plugin-emoji/emoji/android/1f44d.png?v=ba16ebd4856" class="not-responsive emoji emoji-android emoji--+1" style="height:23px;width:auto;vertical-align:middle" title=":+1:" alt="👍" /></p>
]]></description><link>https://forum.iobroker.net/post/503610</link><guid isPermaLink="true">https://forum.iobroker.net/post/503610</guid><dc:creator><![CDATA[Stephan Schleich]]></dc:creator><pubDate>Wed, 14 Oct 2020 19:08:13 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 18:41:09 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/stephan-schleich" aria-label="Profile: Stephan-Schleich">@<bdi>Stephan-Schleich</bdi></a></p>
<p dir="auto">testest du bitte mal die neue version im ersten post - bei mir funktioniert es</p>
<p dir="auto"><img src="/assets/uploads/files/1602700862756-image-22.png" alt="Image 22.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/503607</link><guid isPermaLink="true">https://forum.iobroker.net/post/503607</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 14 Oct 2020 18:41:09 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 17:35:07 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/stephan-schleich" aria-label="Profile: Stephan-Schleich">@<bdi>Stephan-Schleich</bdi></a> sagte in <a href="/post/503535">HTML Tabelle für Tankerkönig</a>:</p>
<blockquote>
<p dir="auto">{"ok":true,"license":"CC BY 4.0 -  <a href="https://creativecommons.tankerkoenig.de" rel="nofollow ugc">https://creativecommons.tankerkoenig.de</a>","data":"MTS-K","prices":{"a314d76c-c570-4a87-8efe-fa3d4488a847":{"status":"open","e5":1.199,"e10":1.169,"diesel":0.999},"9b9e42cf-49be-4ae2-ab13-2efaf36dda51":{"status":"open","e5":1.249,"e10":1.199,"diesel":1.049},"b7a4fc36-e9c9-4259-9e1d-bd84c81630fc":{"status":"closed"},"f8507c5b-578a-4cdf-85ce-7270fc3e90ec":{"status":"open","e5":1.219,"e10":1.169,"diesel":1.019},"51d4b6b8-a095-1aa0-e100-80009459e03a":{"status":"open","e5":1.209,"e10":1.159,"diesel":0.999},"91adc4bb-c19a-4f1f-aded-c6a645bf6821":{"status":"open","e5":1.239,"e10":1.189,"diesel":1.039},"91ffe312-b617-42a3-91ca-f77128657b74":{"status":"open","e5":1.239,"e10":1.189,"diesel":1.039},"04052c37-16c0-4766-8b2c-a78ba98388f7":{"status":"open","e5":1.219,"e10":1.169,"diesel":1.019}}}</p>
</blockquote>
<p dir="auto">ok - da muss ich definitiv eine abfrage reinmachen - wird heute wohl nix mehr - aber morgen früh sollte es soweit sein</p>
]]></description><link>https://forum.iobroker.net/post/503538</link><guid isPermaLink="true">https://forum.iobroker.net/post/503538</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 14 Oct 2020 17:35:07 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 17:33:38 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> ```<br />
{"ok":true,"license":"CC BY 4.0 -  https://creativecommons.tankerkoenig.de","data":"MTS-K","prices":{"a314d76c-c570-4a87-8efe-fa3d4488a847":{"status":"open","e5":1.199,"e10":1.169,"diesel":0.999},"9b9e42cf-49be-4ae2-ab13-2efaf36dda51":{"status":"open","e5":1.249,"e10":1.199,"diesel":1.049},"b7a4fc36-e9c9-4259-9e1d-bd84c81630fc":{"status":"closed"},"f8507c5b-578a-4cdf-85ce-7270fc3e90ec":{"status":"open","e5":1.219,"e10":1.169,"diesel":1.019},"51d4b6b8-a095-1aa0-e100-80009459e03a":{"status":"open","e5":1.209,"e10":1.159,"diesel":0.999},"91adc4bb-c19a-4f1f-aded-c6a645bf6821":{"status":"open","e5":1.239,"e10":1.189,"diesel":1.039},"91ffe312-b617-42a3-91ca-f77128657b74":{"status":"open","e5":1.239,"e10":1.189,"diesel":1.039},"04052c37-16c0-4766-8b2c-a78ba98388f7":{"status":"open","e5":1.219,"e10":1.169,"diesel":1.019}}}</p>
<pre><code></code></pre>
]]></description><link>https://forum.iobroker.net/post/503535</link><guid isPermaLink="true">https://forum.iobroker.net/post/503535</guid><dc:creator><![CDATA[Stephan Schleich]]></dc:creator><pubDate>Wed, 14 Oct 2020 17:33:38 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 17:32:35 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/stephan-schleich" aria-label="Profile: Stephan-Schleich">@<bdi>Stephan-Schleich</bdi></a> konnte ich bis jetzt nicht testen - kannst du mir den inhalt von dm json datenpunkt posten - dann kann ich mal reinschauen</p>
]]></description><link>https://forum.iobroker.net/post/503533</link><guid isPermaLink="true">https://forum.iobroker.net/post/503533</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 14 Oct 2020 17:32:35 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 17:26:32 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a>  Wenn eine Tankstelle zu hat, kommt noch folgender fehler und der status ändert sich nicht auf closed</p>
<p dir="auto"><img src="/assets/uploads/files/1602696349795-2f561420-9017-4803-bea2-f1eb0eb2b037-image.png" alt="2f561420-9017-4803-bea2-f1eb0eb2b037-image.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/503527</link><guid isPermaLink="true">https://forum.iobroker.net/post/503527</guid><dc:creator><![CDATA[Stephan Schleich]]></dc:creator><pubDate>Wed, 14 Oct 2020 17:26:32 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 16:20:58 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Vielen Dank, klappt wie immer einwandfrei <img src="https://forum.iobroker.net/assets/plugins/nodebb-plugin-emoji/emoji/android/1f44d.png?v=ba16ebd4856" class="not-responsive emoji emoji-android emoji--+1" style="height:23px;width:auto;vertical-align:middle" title=":+1:" alt="👍" /> <img src="https://forum.iobroker.net/assets/plugins/nodebb-plugin-emoji/emoji/android/1f44d.png?v=ba16ebd4856" class="not-responsive emoji emoji-android emoji--+1" style="height:23px;width:auto;vertical-align:middle" title=":+1:" alt="👍" /></p>
]]></description><link>https://forum.iobroker.net/post/503476</link><guid isPermaLink="true">https://forum.iobroker.net/post/503476</guid><dc:creator><![CDATA[Stephan Schleich]]></dc:creator><pubDate>Wed, 14 Oct 2020 16:20:58 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 18:39:57 GMT]]></title><description><![CDATA[<p dir="auto">habe ein update eingespielt - wenn es schon jmd installiert hat - bitte update benutzen im ersten post - es hat bei e10 und e5 eine kleine verwechslung gegeben - sonst stimmen die werte nicht !!!</p>
<p dir="auto">zusätzlich gibt es auch die widgets für MaterialDesing table und MD List</p>
<p dir="auto"><strong>List:</strong></p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">Spoiler</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":true,"listItemDataMethod":"jsonStringObject","countListItems":"1","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"horizontal","listType0":"text","showValueLabel0":"true","listType1":"text","showValueLabel1":true,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"maxItemsperRow":"4","json_string_oid":"controll-own.0.TABELLEN.TankerKoenigMDWidgetList","labelFontSize":"18","subLabelFontSize":"16","labelFontFamily":"RobotoCondensed-Regular","horizontalIconContainerWidth":"70","buttonHeight":"70","iconHeight":"45","iconItemMinWidth":"300","labelFontColor":"#f3f1f1","valueFontFamily":"RobotoCondensed-Regular","itemBackgroundColor":"#9f9b5b","valueFontColor":"#f3f1f1","subLabelFontColor":"#f3f1f1","subLabelFontFamily":"RobotoCondensed-Regular","valueFontSize":"16","itemGaps":"5","valueAppendix1":"","label1":"IP","buttonLayout":"round","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","titleLayout":"headline6","colorBackground":""},"style":{"left":"155px","top":"448px","width":"350px","height":"36.24%","overflow-y":"auto","background":"#423d3d"},"widgetSet":"materialdesign"}]
</code></pre>
<p dir="auto"></p></section></section><p></p>
<p dir="auto"><img src="/assets/uploads/files/1602700793202-image-21.png" alt="Image 21.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><strong>Table:</strong></p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">Spoiler</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>[{"tpl":"tplVis-materialdesign-Table","data":{"oid":"controll-own.0.TABELLEN.TankerKoenigMDWidget","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","countCols":"3","tableLayout":"standard","showHeader":"true","headerTextSize":"headline6","showColumn0":"true","colType0":"image","textAlign0":"left","showColumn1":"true","colType1":"text","textAlign1":"center","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showColumn2":"true","colType2":"text","textAlign2":"center","showColumn3":"true","colType3":"text","textAlign3":"center","dataJson":"","colTextSize0":"","label1":"Tankstelle","label0":" ","label2":"Preis","sortKey0":"name","fontFamily0":"RobotoCondensed-Regular","padding_left0":"10","colTextColor0":"#beb7b7","colorBackground":"#fefedc","colorHeaderRowBackground":"#424242","colorHeaderRowText":"#b6b9b7","borderColor":"#000000","fontFamily1":"RobotoCondensed-Regular","colTextColor1":"","rowHeight":"","label3":"Status","imageSize3":"","padding_right3":"","imageSize0":"50","colTextSize3":"","colTextColor2":"#beb7b7","fontFamily2":"RobotoCondensed-Regular","dividers":"grey","columnWidth0":"80","colNoWrap0":false,"padding_right2":"","padding_left3":"","colNoWrap3":true,"columnWidth3":"","padding_right0":"10","columnWidth2":"","headerRowHeight":"20","fixedHeader":false,"headerFontFamily":"RobotoCondensed-Regular","showColumn4":"true","colType4":"text","textAlign4":"center","showColumn5":"true","colType5":"text","textAlign5":"center"},"style":{"left":"561px","top":"448px","z-index":"1","width":"546px","height":"351px","overflow-y":"auto"},"widgetSet":"materialdesign"}]
</code></pre>
<p dir="auto"></p></section></section><p></p>
<p dir="auto"><img src="/assets/uploads/files/1602689562602-image-19.png" alt="Image 19.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/503433</link><guid isPermaLink="true">https://forum.iobroker.net/post/503433</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 14 Oct 2020 18:39:57 GMT</pubDate></item><item><title><![CDATA[Reply to HTML Tabelle für Tankerkönig on Wed, 14 Oct 2020 13:49:13 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/stephan-schleich" aria-label="Profile: Stephan-Schleich">@<bdi>Stephan-Schleich</bdi></a></p>
<p dir="auto">hier zum testen</p>
]]></description><link>https://forum.iobroker.net/post/503356</link><guid isPermaLink="true">https://forum.iobroker.net/post/503356</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 14 Oct 2020 13:49:13 GMT</pubDate></item></channel></rss>