[Popup] FHEMWEB Popupwidget

[schwatter]

Du darfst diesen Dateianhang nicht ansehen.Du darfst diesen Dateianhang nicht ansehen.

Nabend,

der Gedanke von einem Popupwidget spukt mir schon sehr lange im Kopf herum. Nun ist es endlich soweit,
das es vorzeigbar ist. Zum ausprobieren liegt es im contrib.

Code Auswählen Erweitern

{ Svn_GetFile('contrib/fhemweb_popup.js', 'www/pgm2/fhemweb_popup.js') }

Einrichten mit webCmd + widgetOverride

Code Auswählen Erweitern

attr <devicename> webCmd <beliebigerName>
attr <devicename> widgetOverride <beliebigerName>:popup

Reading + Einheit hinzufügen und zuweisen

Code Auswählen Erweitern

attr <devicename> widgetOverride <beliebigerName>:popup,readingName1@°C,readingName2@%

Icon + Reading + Einheit hinzufügen und zuweisen

Code Auswählen Erweitern

attr <devicename> widgetOverride <beliebigerName>:popup,readingName1@°C,readingName2@%Icons werden per userattr gesetzt

Code Auswählen Erweitern

attr <devicename> userattr icon_1 icon_2
Hinweis: Es werden nur SVG-Data-URL unterstützt. Fhemicons folgen.
https://pictogrammers.com/libraries/ --> Icon wählen --> Downloadbutton (nicht drücken!) --> rechte Maustaste --> Adresse des Links kopieren --> unter z.B dem attr icon_1  einfügen


Gruß schwatter

[schwatter]

Moin,

Update im contrib.

- Fixed devStateIcon's
- Empty state

Gruß schwatter

[schwatter]

Nabend,

Update im contrib.

- Default wird das Widget nur noch auf Mobile eingeblendet.
- alwaysVisible schaltet es immer sichtbar

Beispiel:

Code Auswählen Erweitern

attr widgetOverride <beliebigerName>:popup,alwaysVisible
Gruß schwatter

[SH_Heini]

Hallo Schwatter

Danke für dieses Widget.
Für mich ist es bei einigen Geräten sehr hilfreich, um kurz Informationen abzurufen.

Da ich nur Fhemweb benutze und nicht die mobile Ansicht, fände ich folgendes besser:

- default = überall sichtbar
- onlyMobile = nur auf Mobile eingeblendet
z.Bsp.:

Code Auswählen Erweitern

attr widgetOverride <beliebigerName>:popup,onlyMobile
Ich kann natürlich auch mit der jetzigen Variante leben, wollte nur mal Feedback zu dem nützlichen Widget geben.

Gruß

[schwatter]

Tag,

danke für die Rückmeldung. Mh, ich möchte es aber lieber so lassen, da ich der Meinung bin, das die allgemeine Einrichtung
gerade für Mobile so wenig wie möglich sein soll.

Funktioniert sonst alles? Wenn ja, dann checke ich es die Tage ein. Ich muss vorher noch Doku im Wiki anlegen.

Gruß schwatter

[SH_Heini]

Soweit läuft alles ohne Probleme, die Zuweisung des Icons hab ich gerade mal probiert und nicht hinbekommen.
Hier mal mein Testdevice:

Code Auswählen Erweitern

defmod BALKON_433 SD_WS07 SD_WS07_T_1
attr BALKON_433 userattr temp_temperature
attr BALKON_433 DbLogExclude .*
attr BALKON_433 event-on-change-reading temperature:1,humidity:1,batteryState
attr BALKON_433 icon temp_temperature
attr BALKON_433 room TEMP
attr BALKON_433 webCmd irgendwas
attr BALKON_433 widgetOverride irgendwas:popup,temperature@°C,alwaysVisible

habs auch probiert mit:

Code Auswählen Erweitern

attr BALKON_433 userattr iconAnimated temp_temperature
aber kein Icon, wie bei dem Screenshot von Dir.
Was mache ich falsch?

Gruß

[schwatter]

Danke für den Hinweis.

1. Fhemicons werden noch nicht unterstützt. Siehe Hinweis im ersten Post. SVG-Data-URL.
2. animatedIcon hat hier nichts zu suchen. Das ist das andere Widget. Habe ich gelöscht.

So schaut das dann aus:

Code Auswählen Erweitern

defmod BALKON_433 SD_WS07 SD_WS07_T_1
attr BALKON_433 userattr icon_1
attr BALKON_433 icon_1 data:image/svg+xml;;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M15%2013V5A3%203%200%200%200%209%205V13A5%205%200%201%200%2015%2013M12%204A1%201%200%200%201%2013%205V8H11V5A1%201%200%200%201%2012%204Z%22%20%2F%3E%3C%2Fsvg%3E
attr BALKON_433 webCmd irgendwas
attr BALKON_433 widgetOverride irgendwas:popup,temperature@°C,alwaysVisible

setstate BALKON_433 2026-11-10 17:22:08 temperature 15.6


Gruß schwatter

[SH_Heini]

Da hatte ich wohl gerade beim Testen die Funktionsweise von "userattr" vergessen.
Wie dem auch sei, für mich sind die Icons eher ein Zusatz und für meine Belange nicht relevant.
Vielen Dank nochmal für dieses Widget.

Gruß