Vorsicht

Dies ist die Dokumentation des aktuellen Entwicklungszweigs der CometVisu. Es besteht daher die Möglichkeit, dass einige der hier beschriebenen Features mit dem aktuellsten Release der CometVisu nicht genutzt werden können.

Das Dimmer Widget

Autor: Tobias Bräutigam
Verfügbar seit: 2022

Beschreibung

Das Dimmer-Widget kombiniert einen Schalter mit der Möglichkeit einen Helligkeitswert einzustellen. Für den Schalter kommt ein Button zum Einsatz und für den Helligkeitswert ein vertikaler Slider.

../../../_images/cv-dimmer.png
<cv-dimmer>
    <cv-address slot="switchAddress" transform="DPT:1.001">1/4/0</cv-address>
    <cv-address slot="brightnessAddress" transform="DPT:5.001">1/4/1</cv-address>
    <span slot="primaryLabel">Dimmer</span>
    <span slot="secondaryLabel">Wohnzimmer</span>
</cv-dimmer>

Erlaubte Attribute im Dimmer-Element

Element

Attribut

Name

Inhalt

Beschreibung

cv-dimmer

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

styling

Text

Ändert die Farbe des angezeigten Wertes abhängig vom Wert selbst. Siehe auch Styling

size

button, 0.5x0.5, 1x0.5, 1x1, 2x1, 2x1.5, 1x2, 2x2, 2x4 oder 4x2

Größe der Kachel in {Spalten}x{Zeilen}, 1x1 ist die Standardgröße.

throttle-interval

Zahl

Legt das Sende-Interval (in Millisekunden) fest, in dem Wertänderungen an das Backend geschickt werden.

visible-on

mobile oder desktop

Steuert die Sichtbarkeit dieses Elements anhand der Bildschirmgröße.

class

Text

Füge dieses Attribut der CSS Klasse hinzu, so dass das Widget durch ein eigenes Stylesheet zusätzlich formatiert werden kann.

style

Text

Individuelle CSS style Regeln für dieses Widget.

Erlaubte Kind-Elemente und deren Attribute

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-dimmer
  • cv-address

slot

switchAddress, brightnessAddress oder tileAddress

transform

Text

Legt den Datentyp im Backend fest, z.B. DPT:1.001 für den KNX Datenpunkttyp 1.001.

mode

disable, read, write oder readwrite

Legt fest, ob auf dieser Adresse nur gelesen read, geschrieben write, beides readwrite oder nichts davon disable werden soll

value

Text

Fixer Wert welcher an diese Adresse gesendet wird.

on

click, down oder up

Event bei dem ein Wert and diese Adresse geschickt wird (nur in Verbindung mit value und mode=``read`` oder readwrite).

target

Text

Ziel innerhalb der Eltern-Widgets für das die Werte dieser Adresse benutzt werden sollen. Die möglichen Werte hängen vom Eltern-Widget ab.

format-pos

Zahl

Position für Format-String wenn mehrere Adressen gleichzeitig genutzt werden.

qos

Zahl

Nur MQTT: QoS

retain

true oder false

Nur MQTT: retain Flag

selector

Text

Nur MQTT: JSON Selektor

backend

Text

Optionaler Name des Backends zu dem diese Adresse gehört.

mapping

Text

Ordnet den Werten vom Bus andere Werte, Texte oder Symbole zur Anzeige zu. Siehe auch Mapping

format

Text

Formatierung des Wertes (printf-Syntax).

delay

positiveInteger

Optionales delay in Millisekunden, um welches das Schreiben an diese Adresse verzögert wird.

send-mode

on-change oder always

Normalerweise bekommen Elemente, die diese Adresse benutzen nur eine Update-Benachrichtigung, wenn sich der Wert tatsächlich geändert hat (on-change). Mit always wird diese Überprüfung umgangen und die Update-Benachrichtigung jedes Mal geschickt, wenn ein neuer Wert vom Backend empfangen wurde.

Element

Attribut

Struktur

Name

Inhalt

Beschreibung

cv-dimmer
  • span

slot

primaryLabel oder secondaryLabel

tr

true oder false

Legt fest, dass der Text-Inhalt dieses Elements übersetzt werden soll.