Test Adapter TrashSchedule

[Homoran]

Als ich den Adapter gesehen habe, habe ich mich dann nochmal an die Einbindung der Mülltermine in ioBroker gewagt.

Das Problem ist u.a. dass die Stadt Köln bzw. deren otgesourcten AbfallWirtschaftsBetriebe es seit Jahren nicht auf die Reihe bringen, die Daten online als API oder als ical Dateien zur Verfügung zu stellen, obwohl sie es seit Anfang 2016 versprochen haben, dass es bis zum Jahresende fertig sein soll.

Leider haben sie das Jahr vergessen.

Für alle mitleidenden Kölner gibt es jedoch inzwischen Hilfe unter https://asciidisco.github.io/awb2ics/
Dort gibt man die gewünschten Daten ein und bekommt einen ical-Export.
Diese Datei auf dem System speichern und den Pfad dorthin im ical-Adapter eingeben.

---

Damit konnte ich jetzt beginnen.

Leider bekam ich das Widget von @sigi234 nicht ootb ans laufen. nach vielem Basteln sah es dann so aus.

Google fonts waren geladen.

Mit dem Binding wollte ich es nicht versuchen. Als alter HM-User legte ich mir also 4 "Systemvariable" als Logikwert an und fülle diese mit einem Skript um 16:30 wenn der Adapter eine Zeit <=1 angibt.

In meinem Startview sieht es dann so aus:

oben rechts die ical-Tabelle mit den Icons nebeneinander. Die Sichtbarkeit wird direkt über den Wert <=1 gesteuert, die große Tonne wird überlagert, wenn die xxTonne_aktiv-Variablen um 16:30 auf true sind.

ACHTUNG Falle:
Wenn der ical Zeitbereich zu niedrig ist (bei mir waren es 7 Tage), sind alle Termine auf 0 Tage, die diese Woche schon vorbei waren

[sigi234]

@Homoran sagte in Test Adapter TrashSchedule v0.0.x:

Wenn der ical Zeitbereich zu niedrig ist (bei mir waren es 7 Tage), sind alle Termine auf 0 Tage, die diese Woche schon vorbei waren

Entscheidend ist diese Einstellung:

[Homoran]

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

Entscheidend ist diese Einstellung:

ich weiss

Aber dass bei 7 Tagen und Ablauf der am Montag abgeholten Tonne heute der Wert daysleft auf 0 steht (und nicht auf 7) ist mir nicht nachvollziehbar, der müsste dann ja wieder auf 7 stehen.

Ich muss mal überprüfen wie oft der ical Adapter die Daten holt

EDIT: Denkfehler (:schäm:)

Die Papier und die Wertstofftonne werden ja nur 14tägig abgeholt

[sigi234]

@Homoran sagte in Test Adapter TrashSchedule v0.0.x:

Leider bekam ich das Widget von @sigi234 nicht ootb ans laufen

Hallo, kannst du mal die VIEW testen ob es jetzt besser ist?
Achtung als VIEW importieren.

https://forum.iobroker.net/topic/27050/test-adapter-trashschedule-v0-0-x/25?page=4

[Homoran]

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

Hallo, kannst du mal die VIEW testen

Leider nein

gut, die Pfade zu den Icons sind anders (und die Namen!), aber warum ich die Schrift nicht sehe ist mir ein Rätsel

Arbeitest du mit Apfel?
und der Zeichensatz ergibt seltsame Zeichen, die evtl. als Steuerbefehle misinterpretiert werden?

[sigi234]

@Homoran sagte in Test Adapter TrashSchedule v0.0.x:

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

Hallo, kannst du mal die VIEW testen

Leider nein

gut, die Pfade zu den Icons sind anders (und die Namen!), aber warum ich die Schrift nicht sehe ist mir ein Rätsel

Arbeitest du mit Apfel?
und der Zeichensatz ergibt seltsame Zeichen, die evtl. als Steuerbefehle misinterpretiert werden?

Nein mit Windows, habe extra zum exportieren das Notepad++ genommen.
Hat auch was mit dem z-Index zu tun.

[Homoran]

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

habe extra zum exportieren das Notepad++ genommen

Da kann man auch verschiedene Codierungen einstellen.

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

Hat auch was mit dem z-Index zu tun.

Da habe ich aber nichts verändert

Nach ändern aller Schriften auf "white"

[sigi234]

@Homoran sagte in Test Adapter TrashSchedule v0.0.x:

Da kann man auch verschiedene Codierungen einstellen.

UTF-8

[Homoran]

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

UTF-8

Puh!
Für Linux mit Sicherheit ok, aber ob das für einen Upload von einem WIN-Rechner passt?

Im Code steht dann ja schon:

"lc-border-color": "",
"lc-border-radius": 10,
"lc-zindex": 0,
"html": "Abfallentsorgung",
"class": "",
"name": "Ãœberschrift",
"filterkey": "text"
},
"style": {
"left": "458px",
"top": "27px",
"width": "200px",
"height": "21px",
"font-size": "large",
"text-align": "center",

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

Hat auch was mit dem z-Index zu tun.

Bei dem Widget ist der z-Index von dem Rahmen um "nächste Abholung" auf 11, die Texte jedoch auf 5

Die Tonnen haben mal NAmen und mal Ziffern

[sigi234]

@Homoran

Werde es noch mal überarbeiten, bei mir geht alles.

[Homoran]

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

bei mir geht alles.

Das glaube ich dir gerne

Wäre schlimm wenn nicht
Du hast ja auch die entsprechende Struktur

[Chaot]

@Homoran Ich habe die View von Sigi zerlegt und ein einzelnes Widget im Angebot. Wenn du es testen möchtest:

Spoiler

[{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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","refreshInterval":"0","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,"html":"Abholung in","name":"Abholung in","filterkey":"text","title":"Altpapier & Gelber Sack"},"style":{"left":"305px","top":"604px","width":"75px","height":"20px","z-index":"2","font-size":"medium","font-family":"RobotoCondensed-Light"},"widgetSet":"basic"},{"tpl":"tplFrame","data":{"visibility-cond":"==","visibility-val":1,"title":"Altpapier & Gelber Sack","title_color":"#d7cec1","title_top":"-30","title_left":"10","header_height":"0","header_color":"","gestures-offsetX":0,"gestures-offsetY":0,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"","signals-icon-size-0":"20","signals-blink-0":false,"signals-horz-0":"","signals-vert-0":"80","signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"","signals-icon-size-1":"30","signals-blink-1":false,"signals-horz-1":"90","signals-vert-1":"76","signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide","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,"signals-oid-0":"","signals-oid-1":"","name":"Border Altpapier","filterkey":"Border"},"style":{"left":"230px","top":"561px","width":"200px","height":"90px","font-family":"RobotoCondensed-Light","font-style":"normal","font-variant":"normal","font-weight":"","font-size":"large","z-index":"1","background":"rgba(39, 39, 39, 50)","border-width":"1px","box-shadow":"2px 2px 3px rgba(20, 20, 20, 50)"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":true,"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","refreshInterval":"0","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,"src":"/vis.0/Muell/tonne_grün.png","stretch":true,"name":"Icon Altpapier","filterkey":"Icon","title":"Altpapier & Gelber Sack","class":"{val:trashschedule.0.type.Papier.daysleft; val<=1? \"mdui-red-flash\": val>=2? \"\": \"yellowgreen\"}"},"style":{"left":"237.98333740234375px","top":"564.9833068847656px","width":"60px","height":"80px","z-index":"2"},"widgetSet":"basic"},{"tpl":"tplValueStringRaw","data":{"oid":"trashschedule.0.type.Papier.daysleft","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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","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,"html_prepend":"","html_append":" Tagen","name":"String Papier","filterkey":"Wert","title":"Altpapier & Gelber Sack","class":"{val:trashschedule.0.type.Papier.daysleft; val<=1? \"mdui-red-flash\": val>=2? \"\": \"yellowgreen\"}"},"style":{"left":"305px","top":"622px","width":"100px","height":"20px","z-index":"2","font-size":"medium","font-family":"RobotoCondensed-Light"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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","refreshInterval":"0","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,"html":"Nächste Entleerung","name":"Text1","filterkey":"text","title":"Altpapier & Gelber Sack"},"style":{"left":"305px","top":"563.9833068847656px","width":"130px","height":"20px","z-index":"2","font-size":"medium","font-family":"RobotoCondensed-Light"},"widgetSet":"basic"},{"tpl":"tplValueStringRaw","data":{"oid":"trashschedule.0.type.Papier.nextdateformat","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"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","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,"html_prepend":"am  ","title":"Altpapier & Gelber Sack"},"style":{"left":"305px","top":"585px","width":"100px","height":"20px","z-index":"2","font-size":"medium","font-family":"RobotoCondensed-Light"},"widgetSet":"basic"}]

[Homoran]

@Chaot
Danke, da muss etwas mit meinem vis nicht ganz passen.

Pfade zu den Icons anpassen - klar!
Alle Textfelder auf weiß setzen - warum?

Steht das in euren CSS Klassen?

[sigi234]

@Homoran sagte in Test Adapter TrashSchedule v0.0.x:

Danke, da muss etwas mit meinem vis nicht ganz passen.

Welche Version?

[Homoran]

@sigi234 sagte in Test Adapter TrashSchedule v0.0.x:

Welche Version?

1.2.2
und in google chrome.

Auch die Transparenz bei rgba scheint nicht zu passen:

Habe den grauwert auch von 30,30,30 auf 100,100,100 gesetzt

Außerdem sollte man dann "Datum durch Worte ersetzen" wohl eher nicht anhaken

[Chaot]

@Homoran In den CSS Klassen steht nichts diesbezüglich (soweit ich das überblicken kann als blutiger Laie).
An den Schriftfarben habe ich auch nichts gedreht. Im Textfeld die obere Beschriftungsfarbe hat Sigi234 so gesetzt und die habe ich mit übernommen, da ich als Hintergrund Carbon verwende passt das dann ganz gut.

P.S. Interessant wie du das Bild benannt hast

[SBorg]

@Oli sagte in Test Adapter TrashSchedule v0.0.x:

@SBorg
... ich wollte eigentlich bei kleiner 2 Tagen Rot, bei 2 Tagen Gelb und ansonsten die normal eingestellte Farbe, aber leider scheitere ich bei diesen Versuch...

{wert:trashschedule.0.type.Biomüll.daysleft; wert<2 ? "#ff0000" :wert===2 ? "#f3f60e" :: "#8f8f8f"}

Schon nahe dran

{wert:trashschedule.0.type.Biomüll.daysleft; wert<2 ? "#ff0000" :: wert == 2 ? "#f3f60e" :: "#8f8f8f"}

[Homoran]

@Chaot sagte in Test Adapter TrashSchedule v0.0.x:

Interessant wie du das Bild benannt hast

Ich bin faul, wichtige prägnante Info für mich sind im Namen

[Chaot]

@SBorg Sorry für meine blöde Frage:
Das würde mich auch interessieren. Wo trage ich das ein? CSS Klasse?

[sigi234]

@Chaot sagte in Test Adapter TrashSchedule v0.0.x:

@SBorg Sorry für meine blöde Frage:
Das würde mich auch interessieren. Wo trage ich das ein? CSS Klasse?

CCS Font und Text
color: {wert:trashschedule.0.type.Biomüll.daysleft; wert<2 ? "#ff0000" :: wert == 2 ? "#f3f60e" :: "#8f8f8f"}