Farbe des Homestatus Widgets ändern

[Michi240281]

Hallo zusammen,

ich würde gerne beim Homestatus-Widget die Hintergrundfarben ändern. Aber nicht global, sondern selektiv. Bedeutet, wenn "home", dann soll es grün sein und bei den anderen Stati z.B. das Standard-Orange oder gelb o.ä.! Wie mach ich das?

Danke und Gruß
Michael

[Paul]

Das lesen:

https://forum.fhem.de/index.php/topic,51439.msg435374.html#msg435374

[Roman]

Hi,

ich hab mir inzwischen auch eine Version für die Tablet2.2 Eval Version gebaut. Da der Ursprungs-Post geschlossen ist häng ich das hier an.

Gruß
Roman

[Michi240281]

Hallo,

@Paul: Besten Dank für den LinK!

@Roman: Ich muss die vorhandenen Datei also nur mit deiner angehängten ersetzen und kann danach über die Attribute 'data-on-fgcolors='["color1","color2","color3","color4","color5']' eine Anpassung vornehmen? Sehr cool! Funkioniert das auch mit der "normalen" FTUI (1.0?)?

[Michi240281]

@Roman: Mit deiner widget-homestatus.js wird das widget garnicht mehr angezeigt!

Leider funktioniert auch die Größenanpassung über "data-height" und "data-width" nicht!

[Roman]

Hallo Michi240281,

wie ich in dem Thread den Paul genannt hat schon geschrieben habe bin ich kein Java bzw. Java-Script Experte. Dies war mein erster Versuch mal was bestehendes zu ändern.

Zu den Versionen:
die Version für FTUI 1.0 ist im Thread den Paul schon genannt hat  https://forum.fhem.de/index.php/topic,51439.msg435374.html#msg435374
Die Version für FTUI 2.2 hängt im vorherigen Post von mir an.

Bei mir funktioniert folgender Code im meiner html-Datei

Code Auswählen Erweitern

<!-- Homestatus -->
<div data-type="homestatus" data-device='UnserZuhause' data-get-on='["home","absent","asleep","gone"]' data-icons='["fa-home","fa-car","fa-bed","fa-suitcase"]' data-alias='["home","weg","Schlafen","Reise"]' class="narrow" data-height="150" data-width="150" data-on-fgcolors='["green","darkorange","blue","red"]'></div>
<!-- Bewohnerstatus -->
<div data-type="label" class="narrow darker" >Roman</div>
<div data-type="homestatus" data-device="rr_Roman" data-version="residents" data-get-on='["home","absent","asleep","gone","gotosleep"]' data-icons='["fa-home","fa-car","fa-bed","fa-suitcase","fa-hand-o-left"]' data-colors='["black","black","black","black"]' data-on-fgcolors='["green","darkorange","blue","red","lightblue"]' data-alias='["","","","",""]' class="narrow" data-height="105" data-width="105"></div>

[Michi240281]

Hallo Roman,

danke nochmal für deine Antwort! Leider funktioniert dein Code bei mir in Verbindung mit der Datei aus dem von Paul genannten thread garnicht! Schade!

[buchner51]

Hallo,

wie wird der Homestatus in fhem verknüpft??

Kann mal jemand den teil der Conf. posten.


Danke

[hillbicks]

Hallo,

wie wird der Homestatus in fhem verknüpft??

Kann mal jemand den teil der Conf. posten.


Danke

Findest Du alles im Wiki
http://www.fhemwiki.de/wiki/FHEM_Tablet_UI#homestatus

Unter der Beschreibung ist auch ein Link zu Beispielen.

[buchner51]

Ich würde nicht fragen wenn ichs verstanden hätte ...

Ich will sehen welches Handy zuhause ist.

Ich hatte es mit data-set-on probiert.

[setstate]

Im FHEM muss ein RESIDENTS Device angelegt werden.

Code Auswählen Erweitern

define family RESIDENTS

Dort fügst du dann deine ROOMMATES per FHEMWEB hinzu.
Den Status der einzelnen Roommates (Familienmitglieder/Mitbewohner) kann je ein PRESENCE-Device automatisch setzen.
Also müssen noch einige PRESENCE-Device angelegt werden.
Wie das geht steht hier: http://www.fhemwiki.de/wiki/Anwesenheitserkennung
Ich benutze den snmpCheck per Airport Extreme.

Code Auswählen Erweitern


define iPhoneMario PRESENCE function {snmpCheckMac("192.xxx.xxx.1","0xmacadress")} 30 30
attr iPhoneMario event-on-change-reading state
attr iPhoneMario room System
define watchdogPresenceMario watchdog iPhoneMario:absent 00:10 iPhoneMario:present {\
        fhem "set rr_Mario state absent";;\
        fhem("setstate watchdogPresenceMario defined");;\
}
attr watchdogPresenceMario regexp1WontReactivate 1

define OnPresenceMarioPresent notify iPhoneMario:present { \
       fhem "set rr_Mario state home";;\
}


Ins Fhem-Tablet-UI muss das

Code Auswählen Erweitern


<div data-type="homestatus" data-device='family'
        data-get-on='["home","asleep","absent","gone","gotosleep"]'
        data-alias='["Home","Night","Away","Holiday","Retire"]'
        data-icons='["fa-fire","fa-film","fa-plus","fa-car","fa-tint"]'
        data-version='residents'>
</div>