[Gelöst] Icon Positionieren ?

Begonnen von Rampler, 15 Juli 2018, 06:08:00

Vorheriges Thema - Nächstes Thema

Rampler

Hallo zusammen,
nach einigem Basteln, habe ich nun das anghängte Ergebnis.
Leider ist das eine Icon verrutscht. Bei diesem speziellen Icon funktioniert leider das %devStateIcon nicht, weshalb ich es so gemacht habe: (damit funktioniert wieder die Aktualisierung)
{state => '%devStateIcon' ,'mode.enabled' => 'clock@green','mode.disabled' => 'clock@blue'}
Ein List vom rg:
defmod Status readingsGroup Gartenhaus:<Batterie&nbspGartenhütte>,Voltage \
Gartenhaus:<Humidity&nbspGartenhütte>,Humidity \
Wetterstation:<Humidity&nbspout>,humidity \
Gartenhaus:<Temp&nbspGartenhütte>,Temperature \
Wetterstation:<Temp&nbspout>,temperature \
Gartenhaus:<Pressure>,Pressure \
Gartenhaus:<Raintoday>,Raintoday \
Gartenhaus:<Rainyesterday>,Rainyesterday \
Gartenhaus:<Rainyear>,Rainyear \
Gartenhaus:<Windspeed>,Windspeed \
Gartenhaus:<Windspeed&nbspAVG>,Windspeed.av \
Gartenhaus:<Windspeed&nbspMax>,Windspeed.max\
\
HZ.ctrl.K3:<Brauchwasser>,state\
WarmWasser_Timer:<Brauchwasser&nbspTimer>,mode\
HZ.ctrl.K4:<Zirkulationspumpe>,state\
\
\
DC_AC:<AC/DC&nbspConverter>,state \
BC.ir:<Infrared&nbspLight>,state \
\
SZ.fk:<Fesnter&nbspSchlafzimmer>,state\
BD.fk:<Fenster&nbspBad>,state\
KG.fk:<Fenster&nbspChristine>,state\
HW.tk:<Tür&nbspHauswirtschaft>,state\
HW.gk:<Türgriff&nbspHauswirtschaft>,state\
FL.UG.tk.ke:<Tür&nbspKeller>,state\
FL.UG.tk.pr:<Tür&nbspPartyraum>,state\
HR.tk:<Tür&nbspHolzraum>,state\
WF.tuerkontakt:<Tür&nbspWindfang>,state\
GA.tuerkontakt:<Tür&nbspGarage>,state\
GA.tor:<Garagentor&nbspTaster>,state\
GA.torkontakt:<Garagentor>,state\
GA_disable_enable_watchdog_tor:<Watchdog&nbspGarage>,state\
WF.keymatic:<Windfang&nbspSchloss>,state\
GA.keymatic:<Garage&nbspSchloss>,state\
\
Rauchmelder:<Rauchmelder>,state\
\
All_WasserMelder:<Wassermelder>,state\
\
HMUART1:<HMUART1&nbspArbeitszimmer>,state\
HMUART2:<HMUART2&nbspKeller>,state\
HMUART3:<HMUART3&nbspGarage>,state\
\
Webcam:<Webcams>,state\
FL.EG.gong.mp3.muteswitch:<MuteSwitch>,state\
\
Regensensor_Regen:<RegenSensor>,state\
HZ.zs:<Zisternenspülung>,state\
HZ.zl:<Zisternenlüftung>,state\
\
Alarm_status:<Alarm&nbspStatus>,state\
Alarm_set_armedext:<Armedext&nbsp(ohne&nbspBewegungsmelder)>,state\
Alarm_set_armed:<Armedint&nbsp(mit&nbspBewegungsmelder)>,state\
Alarm_state_dachfenster:<Alarm&nbspDachfenster&nbspIntegration>,state
attr Status commands { "mode.enabled" => "set WarmWasser_Timer disable", "mode.disabled" => "set WarmWasser_Timer enable" }
attr Status group Display
attr Status icon control_building_empty
attr Status noheading 0
attr Status nonames 1
attr Status notime 1
attr Status room Ueberblick
attr Status sortby 1
attr Status valueIcon {\
state => '%devStateIcon' ,\
'mode.enabled' => 'clock@green',\
'mode.disabled' => 'clock@blue'\
}
attr Status valueSuffix {\
Voltage => " Volt", \
Humidity => " % (inside)", \
humidity => " % (outside)", \
Temperature => " °C (inside)", \
temperature => " °C (outside)", \
Pressure => " mbar", \
Raintoday => " l/qm", \
Rainyesterday => " l/qm", \
Rainyear => " l/qm", \
Windspeed => " km/h (aktuell)", \
'Windspeed.av' => " km/h (20 Min)", \
'Windspeed.max' => " km/h (10 Min)"\
}"
}


Und hier ein List vom Device, was in der Redingsgroup mit %devstateicon nicht aktualisiert wird:
defmod WarmWasser_Timer DOIF ## Warmwasser Timer\
## \
([04:00|Mo Di Mi Do Fr] and [HZ.ctrl.K3:hot] eq '0') \
(set HZ.ctrl.K3 on)\
(setreading HZ.ctrl.K3 hot 1) \
DOELSEIF \
([05:00|Mo Di Mi Do Fr] and [HZ.ctrl.K3:state] eq 'on') \
(set HZ.ctrl.K3 off)\
DOELSEIF \
([11:00|Mo Di Mi Do Fr] and [HZ.ctrl.K3:hot] eq '1' and [HZ.ctrl.K3:state] eq 'off' ) \
(setreading HZ.ctrl.K3 hot 0)\

attr WarmWasser_Timer alias Brauchwasser Timer
attr WarmWasser_Timer devStateIcon enabled:clock@green:disable disabled:clock@blue:enable
attr WarmWasser_Timer event-on-change-reading mode
attr WarmWasser_Timer group Heizung-Zeitschaltuhr
attr WarmWasser_Timer icon clock
attr WarmWasser_Timer room Heizraum,QuickFhem
attr WarmWasser_Timer stateFormat mode
attr WarmWasser_Timer webCmd enable:disable
attr WarmWasser_Timer weekdays So,Mo,Di,Mi,Do,Fr,Sa,WE,AT

setstate WarmWasser_Timer disabled
setstate WarmWasser_Timer 2018-07-14 01:45:11 Device HZ.ctrl.K3
setstate WarmWasser_Timer 2018-07-13 11:00:00 cmd 3
setstate WarmWasser_Timer 2018-07-13 11:00:00 cmd_event timer_3
setstate WarmWasser_Timer 2018-07-13 11:00:00 cmd_nr 3
setstate WarmWasser_Timer 2018-06-26 05:00:01 e_HZ.ctrl.K3_hot 1
setstate WarmWasser_Timer 2018-07-14 01:45:11 e_HZ.ctrl.K3_state on
setstate WarmWasser_Timer 2018-07-15 06:33:40 last_cmd enabled
setstate WarmWasser_Timer 2018-07-15 06:33:40 mode disabled
setstate WarmWasser_Timer 2018-07-15 06:33:40 state disabled
setstate WarmWasser_Timer 2018-07-15 04:00:00 timer_01_c01 16.07.2018 04:00:00|MoDiMiDoFr
setstate WarmWasser_Timer 2018-07-15 05:00:00 timer_02_c02 16.07.2018 05:00:00|MoDiMiDoFr
setstate WarmWasser_Timer 2018-07-14 11:00:00 timer_03_c03 15.07.2018 11:00:00|MoDiMiDoFr


Ist zwar nicht so super wichtig, dennoch wäre es schön, wenn alle Icons untereinander wären..
Hat jemand einen Tipp für mich ?
So ganz verstehe ich nicht, warum das devstateicon beim Gerät (Brauchwasser Timer) in der Webview einwandfrei aktualisiert wird, und in der rg nicht ..

VG
Klaus

3 HMUART (2 via ESP8266), 1 DUOFERN, 9 ESP8266, RPI2 (Bullseye), ZWAVE, HM-Classic, und hoch zufrieden ...
Danke an alle, die was dazu beigetragen haben !!

Rampler

Nach langem suchen, habe ich die Lösung gefunden, evtl. braucht es mal der eine oder andere:

Attr WEB CssFiles pgm2/mystyle.css

mystyle.css unter ../pgm2/ anlegen:
.xxxxxx
svg { height:32px; width:32px; vertical-align:middle; margin:2px 0; display: block;}


attr rg class="block wide xxxxxx"

3 HMUART (2 via ESP8266), 1 DUOFERN, 9 ESP8266, RPI2 (Bullseye), ZWAVE, HM-Classic, und hoch zufrieden ...
Danke an alle, die was dazu beigetragen haben !!