Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[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 :dizzy_face:

[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"}

[Chaot]

@sigi234 Danke!
Wieder was gelernt.

[sigi234]

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

@sigi234 Danke!
Wieder was gelernt.

Geht es bei dir?

[Chaot]

@sigi234 Ja.
Gerade nochmal getestet:
Bei 7 weiß
bei 3 weiß
bei 2 gelb
bei 1 rot
bei 0 rot

Edit: Wobei ich aus #8f8f8f #ffffff gemacht habe weil mir das grau nicht gefallen hat