Gelöst: Devstateicon Fenster spiegeln

[Dani338]

Hallo,

ich habe gerade angefangen meine Fenster mit Icons zu versehen. Für Fenster DIN links passt das Icon fts_window_1w - aber was mache ich wenn das Fenster DIN rechts ist und ich die Öffnungslogik auch darstellen möchte?

Hoffe jemand hat einen Tipp!

Obwohl dies vermutlich ein häufiges Problem ist konnte ich irgendwie nichts finden.

Viele Grüße
Daniel

[Intruder1956]

Willkommen im Forum,

was ist denn damit ?

Code Auswählen Erweitern

Geschlossen:fts_window_2w@0CFB0C Offen:fts_window_2w_open_r@red

Dein Icon 1 für links und das Icon 2 für rechts, natürlich mit zwei Fensterkontakte

Gruß Intruder

[Dani338]

Und wenn es nur einen Kontakt gibt, weil es kein Doppelfenster ist?

[Intruder1956]

Auf/ZU
Geschlossen:fts_window_1w@0CFB0C Offen:fts_window_1w_open@red

AUF/ZU/GEKIPPT
Geschlossen:fts_window_1w@0CFB0C Offen:fts_window_1w_open@red Gekippt:fts_window_1w_tilt@red

[Dani338]

Ich habe es aktuell so:

Code Auswählen Erweitern

open:fts_window_1w_open@red closed:fts_window_1w@green

Aber das Fenster hat den Griff auf der anderen Seite und geht andersrum auf!

[yersinia]

Da es kein entsprechendes icon gibt, kannst du entweder danach fragen, oder du manipulierst devStateIcon mit einem eigenen CSS.
=> Beispiel, wie man ein CSS im devStateIcon einbindet: https://forum.fhem.de/index.php/topic,110752.msg1049186.html#msg1049186
=> Beispiel, wie man CSS Objekte in der Horizontalen (an der Vertikalachse) spiegeln kann: https://codepen.io/rolf_bartel/pen/ZeKerx

Für ein HM-Fenster-Sensor würde das so gehen (RAW):

Code Auswählen Erweitern

attr DEVICE devStateIcon {('<style>.mysvg {-moz-transform: scaleX(-1);; -o-transform: scaleX(-1);; -webkit-transform: scaleX(-1);; transform: scaleX(-1);; -ms-filter: "FlipH";; filter: FlipH;;}</style>'.FW_makeImage(ReadingsVal($name, "state", "?") =~ "open" ? 'fts_window_1w_open@red':'fts_window_1w@green',"fts_window_1w","mysvg"))}

[Intruder1956]

was ist es denn für ein Griff, evtl. Homematic ?

dreh den Griff doch einfach um b.z.w. das was geschaltet wird.

oder stelle vor Anbau die kontakte so das es passt

Wenn man nicht genau weiß was du hast, ist es schwer eine Lösung zu finden

Gruß

[Dani338]

Für ein HM-Fenster-Sensor würde das so gehen (RAW):

Code Auswählen Erweitern

attr DEVICE devStateIcon {('<style>.mysvg {-moz-transform: scaleX(-1);; -o-transform: scaleX(-1);; -webkit-transform: scaleX(-1);; transform: scaleX(-1);; -ms-filter: "FlipH";; filter: FlipH;;}</style>'.FW_makeImage(ReadingsVal($name, "state", "closed") =~ "open" ? 'fts_window_1w_open@red':'fts_window_1w@green',"fts_window_1w","mysvg"))}

Vielen Dank! Genau danach hab ich gesucht! Hätte ich alleine nie hinbekommen!

Problem damit erledigt!

[eurofinder]

Sehr interessant. Kann man da auch neben "open" und "closed" auch noch den Status "tilted" einbauen?

Gruß und schönes Wochenend
eurofinder

[yersinia]

Wenn tilted wie open zu behandeln ist, dann so:

Code Auswählen Erweitern

attr DEVICE devStateIcon {('<style>.mysvg {-moz-transform: scaleX(-1);; -o-transform: scaleX(-1);; -webkit-transform: scaleX(-1);; transform: scaleX(-1);; -ms-filter: "FlipH";; filter: FlipH;;}</style>'.FW_makeImage(ReadingsVal($name, "state", "?") =~ "open|tilted" ? 'fts_window_1w_open@red':'fts_window_1w@green',"fts_window_1w","mysvg"))}

Wenn tilted unterschiedlich zu open behandelt werden soll, müsste es so funktionieren:

Code Auswählen Erweitern

attr DEVICE devStateIcon {('<style>.mysvg {-moz-transform: scaleX(-1);; -o-transform: scaleX(-1);; -webkit-transform: scaleX(-1);; transform: scaleX(-1);; -ms-filter: "FlipH";; filter: FlipH;;}</style>'.FW_makeImage(ReadingsVal($name, "state", "?") eq "open" ? 'fts_window_1w_open@red' : ReadingsVal($name, "state", "closed") eq "tilted" ? 'fts_window_1w_tilt@red' : 'fts_window_1w@green',"fts_window_1w","mysvg"))}

Im Übrigen ginge es, wenn man nur open oder closed unterscheiden müsste, ohne RegEx-Prüfung afaik einfacher:

Code Auswählen Erweitern

attr DEVICE devStateIcon {('<style>.mysvg {-moz-transform: scaleX(-1);; -o-transform: scaleX(-1);; -webkit-transform: scaleX(-1);; transform: scaleX(-1);; -ms-filter: "FlipH";; filter: FlipH;;}</style>'.FW_makeImage(ReadingsVal($name, "state", "?") eq "open" ? 'fts_window_1w_open@red':'fts_window_1w@green',"fts_window_1w","mysvg"))}

[eurofinder]

Danke, probiere ich aus.

Gruß
eurofinder