{"id":2774,"date":"2025-10-04T18:00:16","date_gmt":"2025-10-04T17:00:16","guid":{"rendered":"https:\/\/ipsview.brownson.at\/?p=2774"},"modified":"2025-10-04T19:11:22","modified_gmt":"2025-10-04T18:11:22","slug":"anzeige-von-meldungen","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=2774","title":{"rendered":"Anzeige von Meldungen"},"content":{"rendered":"

Anzeige von Meldungen<\/h2><\/h1><\/div>

In diesem Beitrag m\u00f6chte ich euch eine M\u00f6glichkeit einer Meldungsanzeige vorstellen.<\/h3>\n

Ich verwende die Nachrichten haupts\u00e4chlich, um Warnungen zum Ladezustand von Batterien oder Alarmmeldungen aus der \u00dcberwachung der Kommunikation verschiedener Ger\u00e4te anzuzeigen.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Steuerelement Meldung<\/h1><\/div>

Im ersten Schritt habe ich mir ein neues Steuerelement f\u00fcr die Anzeige einer Meldung gebaut.<\/h3>\n

Das Steuerelement besteht im Prinzip aus einem Icon und einem Text-Label.<\/h3>\n

Icon, Text und Farbe sind als \u00f6ffentliche Eigenschaft definiert und k\u00f6nnen im Designer sp\u00e4ter definiert werden.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Optional gibt es auch noch ein Variable-Label, das ihr per Option sp\u00e4ter aktivieren k\u00f6nnt.<\/h3>\n

In dem Fall wird f\u00fcr die Meldung kein fixer Text verwendet, sondern ihr k\u00f6nnt eine Variable zur Anzeige der Meldung verwenden.<\/h3>\n

Ihr findet das Steuerelement bereits fertig konfiguriert im Symcon Forum<\/a>. Drag and Drop der Datei in das Designer Repository l\u00e4dt das Steuerelement automatisch in eure View.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>

Status Variablen<\/h1><\/div>
<\/div>
<\/div><\/div><\/div>

Im n\u00e4chsten Schritt habe ich mir in der View lokale Hilfsvariablen f\u00fcr die Symcon Variablen angelegt, die einen absoluten Prozent Wert zum Ladezustand liefern.<\/h3>\n

Die Boolean Variable liefert TRUE sobald die Batterie Variable unter den Schwellwert von 20% f\u00e4llt.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Zus\u00e4tzlich k\u00f6nnt ihr euch auch noch eine eigene Meldung definieren, die den Ger\u00e4tenamen und den Batteriewert in eine String Variable zusammenbaut.<\/h3>\n

Dieser Schritt ist aber nur optional, ihr k\u00f6nnt die Anzeige auch einfach mit der Boolean Variable realisieren.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Analog zu den vorigen Beispielen zu den Menu Overlays<\/a>, definieren wir uns auch hier eine View Variable f\u00fcr die Anzahl der Meldungen und eine Variable f\u00fcr die Sichtbarkeit.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>

Seite Meldungen<\/h1><\/div>

Im n\u00e4chsten Schritt erstellen wir eine neue Seite im Designer (bei mir TypeMeldungen) und passen die Grid Einstellungen entsprechend an.<\/h3>\n

Der „Seitenabstand Oben“ ist f\u00fcr die \u00dcberschrift reserviert.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

F\u00fcr jede gew\u00fcnschte Meldung definieren wir nun ein Steuerelement und steuern die Sichtbarkeit \u00fcber eine entsprechende Boolean Variable.<\/h3>\n

\u00dcber die Option „Alle Spalten“ k\u00f6nnen wir sicherstellen, dass jedes Steuerelement eine komplette Zeile verwendet.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Im Falle der NUKI k\u00f6nnen wir anstatt eines fixen Textes auch eine dynamische Meldung verwenden.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div>

Menu<\/h1><\/div>

Im Menu bringen wir nun alles zusammen.<\/h3>\n

Die View Variablen f\u00fcr Anzahl und Sichtbarkeit der Meldungen sorgen f\u00fcr das Overlay im Menu.<\/h3>\n<\/div>

Das Menu Steuerelement habe ich bereits in einem anderen Beitrag vorgestellt, Ihr findet die Menu Steuerelemente ebenfalls bereits fertig konfiguriert im Symcon Forum<\/a>.<\/h3>\n<\/div>
<\/div><\/div><\/div><\/div><\/div>
<\/div>
<\/div><\/div>
<\/div>\n
<\/div><\/div><\/div>

Client<\/h1><\/div>

Im Client seht ihr nun sofort falls der Tausch einer Batterie ansteht oder es sonst eine wichtige Meldung gibt.<\/h3>\n<\/div>
<\/div><\/div><\/div>
<\/a><\/span><\/mask><\/g><\/g><\/clipPath><\/filter><\/defs><\/svg><\/div><\/div><\/div>
<\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[71,182,44,150,178,181],"class_list":["post-2774","post","type-post","status-publish","format-standard","hentry","category-howto","tag-alarm","tag-batterie","tag-meldung","tag-menu","tag-overlay","tag-viewvariable"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2774"}],"version-history":[{"count":5,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2774\/revisions"}],"predecessor-version":[{"id":2790,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/2774\/revisions\/2790"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}