Test Adapter TrashSchedule

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

[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

[Homoran]

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

Bei 7 weiß
bei 3 weiß

da musste ich noch auf #ffffff ändern sonst war es hellgrau, was bei meinem Hintergrund nicht passte

Mein Startscreen sieht jetzt so aus:

Dann müsste morgen um 16:30 die große schwarze Tonne über den Spritpreisen aufpoppen.

Bleibt nur noch das Wetterwidget

[sigi234]

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

@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

Ja, geht . Wird aber nur in der runtime Richtig angezeigt

[Oli]

@SBorg

Super, danke dir

[Chaot]

@sigi234 Stimmt. Im Editor kommt die Zeile nur in rot.
@Homoran Ich habe bei mir die Zeile mit dem Datum und die Zeile mit den Tagen farbig verändert. Nur eine Zeile war mir zu unauffällig.
Wetter habe ich zwar eine eigene View, aber schon seit meiner ersten View habe ich in der Übersicht einen iFrame mit einer Wetterübersicht von https://www.meteoblue.com eingebunden.

<iframe src="https://www.meteoblue.com/de/wetter/widget/daily/lichtenfels_deutschland_2878074?geoloc=fixed&days=7&tempunit=CELSIUS&windunit=KILOMETER_PER_HOUR&precipunit=MILLIMETER&coloured=coloured&pictoicon=0&pictoicon=1&maxtemperature=0&maxtemperature=1&mintemperature=0&mintemperature=1&windspeed=0&windspeed=1&windgust=0&winddirection=0&uv=0&uv=1&humidity=0&precipitation=0&precipitation=1&precipitationprobability=0&precipitationprobability=1&spot=0&pressure=0&layout=dark"  frameborder="0" scrolling="NO" allowtransparency="true" sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox" style="width: 378px;height: 326px"></iframe><div><!-- DO NOT REMOVE THIS LINK --><a href="https://www.meteoblue.com/de/wetter/vorhersage/woche/lichtenfels_deutschland_2878074?utm_source=weather_widget&utm_medium=linkus&utm_content=daily&utm_campaign=Weather%2BWidget" target="_blank">meteoblue</a></div>

Die kann man sich dort auf der Webseite recht gut anpassen und sieht gut aus.