Seite 1 von 1
Widget - Visible Alternativtext
Verfasst: 30. Sep 2021 13:43
von DavGre
Hallo zusammen,
ich fange gerade damit an, mich näher mit Pages, Widgets und co. zu beschäftigen.
Ich habe mir folgendes Widget aus einigen Vorlagen zusammengebastelt:
Code: Alles auswählen
uid: fensterkontakte_list
tags:
- list
- fensterkontakte
props:
parameters:
- description: Fensterkontakt name
label: Name
name: title
required: false
type: TEXT
- context: item
description: Fensterkontakt Item to display
label: Item
name: item
required: false
type: TEXT
parameterGroups: []
timestamp: Sep 30, 2021, 1:27:45 PM
component: oh-label-item
config:
icon: '=(items[props.item].state == "CLOSED") ? "f7:exclamationmark_circle" : "f7:house_fill"'
iconColor: red
title: =props.title
item: =props.item
visible: =items[props.item].state == "OPEN"
action: analyzer
actionAnalyzerCoordSystem: time
actionAnalyzerItems: =[props.item]
Das Widget zeigt mir die geöffneten Fenster auf meiner Übersichtsseite an:
Screenshot1.JPG
Wie kann ich es einrichten, dass mir ein Text (z. B. "Alle Fenster geschlossen") angezeigt wird, wenn die Liste leer ist?
Aktuell sieht das noch etwas unschön aus:
Screenshot2.JPG
Re: Widget - Visible Alternativtext
Verfasst: 2. Okt 2021 14:27
von peter-pan
Ich bin mir nicht ganz sicher, warum du hier ein Customer-Widget verwendest. Im Prinzip müsste doch hier eine List-Card reichen, in der du die einzelnen Sensoren anzeigen lassen kannst (mit oh-label-item).
Das Problem mit der Anzeige (wenn alle Fenster geschlossen sind), könntest du evtl. so lösen, dass du für alle Sensoren in eine Gruppe (Aggregation) zusammenfasst und hier eben den "CLOSED"-Status abfrägst (Visibility)
Code: Alles auswählen
component: oh-label-item
config:
item: HmIP_SWDO_DB1C_1STATECONTACT
title: Fenster Status - Alle Fenster geschlossen
icon: '=(items.HmIP_SWDO_DB1C_1STATECONTACT.state == "OPEN") ? "f7:exclamationmark_circle" : "f7:house_fill"'
iconColor: red
visible: =items.HmIP_SWDO_DB1C_1STATECONTACT.state == "CLOSED"
iconUseState: false
slots: null
Re: Widget - Visible Alternativtext
Verfasst: 4. Okt 2021 14:53
von DavGre
Danke dir. Hat funktioniert.
Fenstersensoren Gruppe.JPG
Bekommt man es noch irgendwie hin, dass das "CLOSED" nicht angezeigt wird?
So sieht mein Code aktuell aus:
Code: Alles auswählen
component: oh-label-item
config:
item: gFenstersensoren
title: Keine!
icon: f7:checkmark_circle
iconColor: green
visible: =items.gFenstersensoren.state == "CLOSED"
iconUseState: false
slots: null
Re: Widget - Visible Alternativtext
Verfasst: 4. Okt 2021 15:53
von peter-pan
Ich hab's mal über MetaDaten probiert, aber wegbringen konnte ich es nicht. Da will das System unbedingt einen Wert haben
Alternativ könntest du ja den den Text (title) im Widget weglassen...
zu.jpg
... und nur den Text aus den MetaDaten anzeigen...
blank.jpg
Re: Widget - Visible Alternativtext
Verfasst: 5. Okt 2021 09:50
von DavGre
Gute Idee.
Die State Description wird aber rechtsbündig angezeigt, während das Icon linksbündig ist. Sah dann mMn nicht so toll aus.
Daher habe ich jetzt die folgende State Description genommen:
... und den Titel so gelassen.
Unbenannt.JPG
Ist ein Kompromiss mit dem ich sehr gut leben kann
Re: Widget - Visible Alternativtext
Verfasst: 5. Okt 2021 10:23
von peter-pan
...einen Tod muss man sterben
Re: Widget - Visible Alternativtext
Verfasst: 5. Okt 2021 11:02
von peter-pan
...es hat mir keine Ruhe gelassen
Gib bei den Metadaten(State Description) einfach ein Leerzeichen in das Feld Pattern ein und lösche das Feld Option. Falls das nicht auf Anhieb klappen sollte lösche die StateDescription und lege sie dann nochmal an.
pattern.jpg
Dann könnte es so aussehen:
kein.jpg
Wenn du deine Items in Text-Files angelegt hast, könnte es auch mit zwei eckigen Klammern (mit einem Leerzeichen dazwischen) in der Bezeichnung gehen.
Re: Widget - Visible Alternativtext
Verfasst: 5. Okt 2021 13:27
von DavGre
Wahnsinn. So einfach kann es sein.
Funktioniert bestens!