Widget - Visible Alternativtext

GUI Relevanten, PaperUI, BasicUI, HabPanel ...

Moderatoren: seppy, udo1toni

Antworten
DavGre
Beiträge: 84
Registriert: 11. Mär 2019 15:47

Widget - Visible Alternativtext

Beitrag 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
von peter-pan » 5. Okt 2021 11:02
...es hat mir keine Ruhe gelassen :roll: :roll:

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. ;)
Gehe zur vollständigen Antwort
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.

Benutzeravatar
peter-pan
Beiträge: 2564
Registriert: 28. Nov 2018 12:03
Answers: 25
Wohnort: Schwäbisch Gmünd

Re: Widget - Visible Alternativtext

Beitrag 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
Pi5/8GB(PiOS Lite 64-bit(bookworm)/SSD 120GB - OH4.1.1 openhabian

DavGre
Beiträge: 84
Registriert: 11. Mär 2019 15:47

Re: Widget - Visible Alternativtext

Beitrag 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
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.

Benutzeravatar
peter-pan
Beiträge: 2564
Registriert: 28. Nov 2018 12:03
Answers: 25
Wohnort: Schwäbisch Gmünd

Re: Widget - Visible Alternativtext

Beitrag 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
Pi5/8GB(PiOS Lite 64-bit(bookworm)/SSD 120GB - OH4.1.1 openhabian

DavGre
Beiträge: 84
Registriert: 11. Mär 2019 15:47

Re: Widget - Visible Alternativtext

Beitrag 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:

Code: Alles auswählen

CLOSED=-
... und den Titel so gelassen.
Unbenannt.JPG
Ist ein Kompromiss mit dem ich sehr gut leben kann :)
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.

Benutzeravatar
peter-pan
Beiträge: 2564
Registriert: 28. Nov 2018 12:03
Answers: 25
Wohnort: Schwäbisch Gmünd

Re: Widget - Visible Alternativtext

Beitrag von peter-pan »

...einen Tod muss man sterben :lol: ;)
Pi5/8GB(PiOS Lite 64-bit(bookworm)/SSD 120GB - OH4.1.1 openhabian

Benutzeravatar
peter-pan
Beiträge: 2564
Registriert: 28. Nov 2018 12:03
Answers: 25
Wohnort: Schwäbisch Gmünd

Re: Widget - Visible Alternativtext

Beitrag von peter-pan »

...es hat mir keine Ruhe gelassen :roll: :roll:

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. ;)
Pi5/8GB(PiOS Lite 64-bit(bookworm)/SSD 120GB - OH4.1.1 openhabian

DavGre
Beiträge: 84
Registriert: 11. Mär 2019 15:47

Re: Widget - Visible Alternativtext

Beitrag von DavGre »

Wahnsinn. So einfach kann es sein. :mrgreen:

Funktioniert bestens!

Antworten