HTML Tabelle für TrashSchedule Adapter

[liv-in-sky]

@bergjet ja genau - einfach in einen post ziehen - evtl unter einem spoiler - muss nicht sein

[bergjet]

@liv-in-sky

Spoiler

Die färbe kann man einfach im Photoshop ändern. Wenn du eine eine andere Farbe brauchst, kann ich gerne machen.

[liv-in-sky]

@bergjet danke dir - mach den farbenwechsel mit gimp - da kenn ich mich besser aus

[bergjet]

@liv-in-sky Was noch schön wäre, so wie in der ical Tabelle: Anstelle 1Tag-morgen und bei 0Tag-heute als Anzeige.

[liv-in-sky]

@bergjet

"heute" und "morgen"
ist drin im ersten post - pass beim kopieren der settings auf - es kamen 2 neue variablen dazu:

zeile 24 und 25

   let ersetze0MitWert="0"
  let ersetze1MitWert="1"

du musst dir die settings davor und danach (bilder) kopieren

[A Former User]

@liv-in-sky

Hi, deine Tabelle läuft seit langen, vielen Dank!

Jetzt hab ich meine View ( Minuvis ) umgebaut und frage mich gerade, wie ich das Wort "Restmüll" ausblenden kann, durch die Farbe des Icons der Tonne sehe ich ja, welcher Müll dran ist. Also das Wort raus, und vor und hinter die Zahl noch "in xx Tagen"
Ich hab schon so einiges angepasst am Script, aber das finde ich einfach nicht..

Vielleicht hast du ja eine Idee... wo das ist..??

Zur Zeit sieht das bei mir so aus:

[liv-in-sky]

@ilovegym

hi

was soll mit montag passieren ? nicht mehr anzeigen ?

[liv-in-sky]

@ilovegym so?

[A Former User]

@liv-in-sky Hi, oh, hast aber schnell geantwortet, ja super, so ist prima!
Wo soll ich dran drehen..??

[liv-in-sky]

@ilovegym moment noch

[liv-in-sky]

@ilovegym
kopier das script und
ersetz mal

zeile 161 bis 199

mit

Spoiler

var myData=JSON.parse(getState(dpTSJson).val);
for (var index in myData ) {             // hier eigene schleife definieren
        counter++
        val1="in" //myData[index].name
        val2=myData[index].daysLeft  
       if (myData[index].daysLeft ==0) {val1= "Heute";val2= ""}

       //log(myData[index].nextDate) 
       myData[index].daysLeft ==1 ? val3="Tag"  : val3="Tagen" //wochentag[getDateObject(myData[index].nextDate).getDay()]+"  "+formatDate(getDateObject(myData[index].nextDate), "DD.MM.")
       if(myData[index].daysLeft ==0 ) val3=""
        val0="" 
 
       for(let device_name in apName) {                            //Abfrage welches bild
                     // log(myData[index].name+"   "+device_name+"  "+ apName[device_name].aname)
                     if (myData[index].name==device_name) {val0="<img src="+apName[device_name].aname+" height=\""+bildergröße+"\" width=\""+bildergröße+"\">"; json1=apName[device_name].aname}}; 
                     
                                                       
    //   if (myData[index].name=="RESTMÜLL") {/*val0="⬛"; */       val0="<img src=/vis.0/armin/img/muelltonneSchwarz.png height=\""+bildergröße+"\" width=\""+bildergröße+"\">"; json1="/vis.0/armin/img/muelltonneSchwarz.png"}
    //   if (myData[index].name=="GELBER SACK") {/*val0="🟨"; */    val0="<img src=/vis.0/armin/img/muelltonneGelb.png height=\""+bildergröße+"\" width=\""+bildergröße+"\">"; json1="/vis.0/armin/img/muelltonneGelb.png"}
    //   if (myData[index].name=="BIOMÜLL") {/*val0="🟫";  */       val0="<img src=/vis.0/armin/img/muelltonneBraun.png height=\""+bildergröße+"\" width=\""+bildergröße+"\">";json1="/vis.0/armin/img/muelltonneBraun.png"}
    //   if (myData[index].name=="PAPIER TONNE") {/* val0="🟩"; */  val0="<img src=/vis.0/armin/img/muelltonneGruen.png height=\""+bildergröße+"\" width=\""+bildergröße+"\">";json1="/vis.0/armin/img/muelltonneGruen.png"}
    //   if (myData[index].name=="irgendwas") {/*val0="☢️";  */     val0="<img src=/vis.0/armin/img/irgendwas.jpg height=\""+bildergröße+"\" width=\""+bildergröße+"\">";json1="/vis.0/armin/img/irgendwas.png"}

        if (braucheMaterialDesignWidget || braucheMaterialDesignWidgetTable) {
            json2=val1; json3=val2; json4=val3;json5=farbeStandardBar;
            makeJsonWidget(json1,json2,json3,json4,json5);}
  
        if(Number(myData[index].daysLeft) <=1){
         //   log(Number(myData[index].daysLeft).toString())
            myData[index].daysLeft ==0 ? val2=val2 : val2=val2;
            val1="<font color=\""+farbeEinTagHTML +"\"><"+styleEinTagHTML+">"+val1;
            val2="<font color=\""+farbeEinTagHTML +"\"><"+styleEinTagHTML+">"+val2;
            val3="<font color=\""+farbeEinTagHTML +"\"><"+styleEinTagHTML+">"+val3}
            
       // val2==1 ? val2=ersetze1MitWert : val2=val2;
   
     tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
    
   }; //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!

[A Former User]

@liv-in-sky

Top, passt !
Vielen Dank!

mit der 14 Tage Ansicht:

[liv-in-sky]

@ilovegym wenn es an 0 tagen nicht passt, meld dich nochmal - habe es mit "Heute" ersetzt

• bei noch einem tag sollte Tagen mit Tag ersetzt sein

[A Former User]

@liv-in-sky jep, kann ich dir am Montag sagen..

[A Former User]

@liv-in-sky

Hi, vielen Dank nochmals, sieht super aus:

[ahennies]

@liv-in-sky Ich bin ein bekennender Programmierlegasteniker und frage mich immer wieder, wie man solch eine Menge Code schreiben kann, der dann auch noch funktioniert. Hut ab.
Und weil ich nicht programmieren kann habe ich mal eine Frage: Ich habe die Datenpunkte angepasst (verwende iQontrol und benötige eine html Datei), komme aber leider mit der Schleife, die man bearbeiten muss so ganz und gar nicht klar, weil ich schlicht keine Ahnung habe.
Könntest Du vielleicht ein Beispiel von diesem Teil aus einem Deiner Skripten posten, von dem ich im besten Fall ableiten kann was ich da editieren muss, damit das Skript funktioniert? Bislang verwende ich das json vom Autor des trashschedule Adapters, aber das ist dann nur eine farblose Tabelle.

[liv-in-sky]

@ahennies soweit ich mich erinnere, gibt es eine Version dieser Tabelle für iqontrol

Ich muss mal nachsehen ob ich die finde

Oder wolltest du was eigenes schreiben

[ahennies]

@liv-in-sky wenn Du die finden wuerdest, dass waere super. Etwas eigenes zu schreiben, dazu bin ich absolut nicht in der Lage. Ich erstelle das was ich benoetige mit Blockly. Ein Grund, warum ich ioBroker so mag.
Vorab schon mal vielen Dank fuer Deine Unterstuetzung

[bahnuhr]

@ilovegym
Kannst du mal die Bilder der Mülltonnen einstellen.
Oder einen Link.

Danke

[sigi234]

@bahnuhr sagte in HTML Tabelle für TrashSchedule Adapter:

@ilovegym
Kannst du mal die Bilder der Mülltonnen einstellen.
Oder einen Link.

Danke

https://forum.iobroker.net/topic/28717/vis-von-sigi234/52?_=1635930088154