Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Material Design Widgets: Alerts Widget

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    905

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

Material Design Widgets: Alerts Widget

Scheduled Pinned Locked Moved Visualisierung
vis
105 Posts 28 Posters 18.7k Views 37 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Tirador

    Hallo, ich habe jetzt etwas geforscht und bin zu einer "Blockly"-Lösung gelangt.
    Vielleicht ja auch für andere nützlich.

    Ich zeige dies anhand eines Beispiels:

    Mein Sensor im Postkasten signalisiert, dass neue Post eingewurfen wurde.
    Wenn dies geschehen ist, soll eine Nachricht ausgelöst werden.

    Im Blockly sieht das wie folgt aus:

    2020-02-15 11_44_23-javascript - ioBroker.png

    Sofern das jemand weiterverwenden will ist im Block der "Javascript-Funktion" auf das "</>" Zeichen zu klicken und im Funktionsaufruf der Datenpunkt für das Alert im Skript anzupassen:

    2020-02-15 11_46_13-javascript - ioBroker.png

    Das Beispiel-Blockly kann man hier herunterladen:

    BlocklyAlertExample.xml

    Ergebnis in der Visualisierung:

    2020-02-15 11_40_57-vis.png

    ub.privatU Offline
    ub.privatU Offline
    ub.privat
    wrote on last edited by
    #18

    @Tirador

    Hallo oder besser guten Abend,
    ich versuche mich anhand deiner Anleitung mit dem Alert-Widget zum "Erfolg" zu kommen.
    Was habe ich gemacht?

    1. DP manuel angelegt:
      cd8e3407-ef7d-4f22-80d0-a27a3e5a0cb0-grafik.png

    2. das Alarm-Widget angelegt und den DP entsprechend eingetragen
      91a443cd-036a-459a-8090-6e59d788a853-grafik.png

    3. das "Scrounger-alert-Script" erstellt:
      067c123e-ca18-4d03-a786-28fe80f5aa0c-grafik.png
      Hier ist entsprechend in der 1.Zeile der DP angepaßt!

    4. Blockly zur Abfrage des Garagentors erstellt:
      adec755e-46e5-4a7f-9d44-764836ad3d11-grafik.png

    ABER so wirklich kommt keine entsprechende Fehlermeldung zu stande...:angry:
    Meine Fragen sind nun wie folgt:

    • war die Vorgehensweise soweit korrekt?
    • warum sind die "Pausenzeichen" beiden Scripten gelb? Sie sind unter root angelegt, nicht global
    • muss für jede unterschiedliche Alarmabfrage ein Blockly angelegt werden?
    • ...da kommen bestimmt noch viele Fragen hinzu, wenn aber wenigstens erst einmal eine Alarmmeldung funktionieren würde...

    Es würde mich sehr freuen, wenn du ein wenig Licht ins Dunkel bringen könntest! DANKE im Voraus.

    T 1 Reply Last reply
    0
    • ub.privatU ub.privat

      @Tirador

      Hallo oder besser guten Abend,
      ich versuche mich anhand deiner Anleitung mit dem Alert-Widget zum "Erfolg" zu kommen.
      Was habe ich gemacht?

      1. DP manuel angelegt:
        cd8e3407-ef7d-4f22-80d0-a27a3e5a0cb0-grafik.png

      2. das Alarm-Widget angelegt und den DP entsprechend eingetragen
        91a443cd-036a-459a-8090-6e59d788a853-grafik.png

      3. das "Scrounger-alert-Script" erstellt:
        067c123e-ca18-4d03-a786-28fe80f5aa0c-grafik.png
        Hier ist entsprechend in der 1.Zeile der DP angepaßt!

      4. Blockly zur Abfrage des Garagentors erstellt:
        adec755e-46e5-4a7f-9d44-764836ad3d11-grafik.png

      ABER so wirklich kommt keine entsprechende Fehlermeldung zu stande...:angry:
      Meine Fragen sind nun wie folgt:

      • war die Vorgehensweise soweit korrekt?
      • warum sind die "Pausenzeichen" beiden Scripten gelb? Sie sind unter root angelegt, nicht global
      • muss für jede unterschiedliche Alarmabfrage ein Blockly angelegt werden?
      • ...da kommen bestimmt noch viele Fragen hinzu, wenn aber wenigstens erst einmal eine Alarmmeldung funktionieren würde...

      Es würde mich sehr freuen, wenn du ein wenig Licht ins Dunkel bringen könntest! DANKE im Voraus.

      T Offline
      T Offline
      Tirador
      wrote on last edited by
      #19

      @ub-privat Bitte lege das Skript von Scrounger mal unter "global" ab und nicht unter root.

      ub.privatU 1 Reply Last reply
      0
      • M Offline
        M Offline
        M.H.Bomber
        wrote on last edited by
        #20

        Hallo ,

        probiere es im moment seit 2 Stunden leider ohne erfolg :blush:
        ba1a1799-d61c-4366-aae9-710afadf1651-grafik.png

        bekomme das mit dem alarm garantor nicht hin, bekomme es auch nicht angezeigt.

        habe ich was übersehen?

        https://github.com/SirInsky12/ControlCenter

        1 Reply Last reply
        0
        • M Offline
          M Offline
          M.H.Bomber
          wrote on last edited by
          #21

          sehe gerade ist rot bei mir

          5c4d8fb5-e585-4e66-b8cd-86bab2f5318b-grafik.png

          https://github.com/SirInsky12/ControlCenter

          S 1 Reply Last reply
          0
          • M M.H.Bomber

            sehe gerade ist rot bei mir

            5c4d8fb5-e585-4e66-b8cd-86bab2f5318b-grafik.png

            S Offline
            S Offline
            skokarl
            wrote on last edited by skokarl
            #22

            @M-H-Bomber sagte in Material Design Widgets: Alerts Widget:

            sehe gerade ist rot bei mir

            5c4d8fb5-e585-4e66-b8cd-86bab2f5318b-grafik.png

            edit : falsch.

            IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

            1 Reply Last reply
            0
            • S Offline
              S Offline
              skokarl
              wrote on last edited by
              #23

              @Scrounger

              Kannst Du bitte nochmal helfen eine einzelne bestimmte Meldung wieder zu löschen ?
              Das händische Löschen der Meldungen ist nicht immer optimal, und ich kriegs ohne Hilfe nicht hin
              per Script zu löschen.
              Danke

              IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

              ScroungerS M 2 Replies Last reply
              0
              • S skokarl

                @Scrounger

                Kannst Du bitte nochmal helfen eine einzelne bestimmte Meldung wieder zu löschen ?
                Das händische Löschen der Meldungen ist nicht immer optimal, und ich kriegs ohne Hilfe nicht hin
                per Script zu löschen.
                Danke

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                wrote on last edited by
                #24

                @skokarl
                Du kannst doch einzelne Meldungen ganz bequem über das Widget löschen?

                S 1 Reply Last reply
                0
                • ScroungerS Scrounger

                  @skokarl
                  Du kannst doch einzelne Meldungen ganz bequem über das Widget löschen?

                  S Offline
                  S Offline
                  skokarl
                  wrote on last edited by
                  #25

                  @Scrounger sagte in Material Design Widgets: Alerts Widget:

                  @skokarl
                  Du kannst doch einzelne Meldungen ganz bequem über das Widget löschen?

                  Stimmt, aber ich möchte erreichen dass die Meldung ggf. wieder von selbst verschwindet wenn sich der Alarm erledigt hat. Das kann man doch nicht wirklich immer von Hand machen müssen, das ist nicht so wirklich praktisch. Und dass Script dafür kriege ich nicht alleine hin. 😭

                  IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                  ScroungerS 1 Reply Last reply
                  0
                  • S skokarl

                    @Scrounger sagte in Material Design Widgets: Alerts Widget:

                    @skokarl
                    Du kannst doch einzelne Meldungen ganz bequem über das Widget löschen?

                    Stimmt, aber ich möchte erreichen dass die Meldung ggf. wieder von selbst verschwindet wenn sich der Alarm erledigt hat. Das kann man doch nicht wirklich immer von Hand machen müssen, das ist nicht so wirklich praktisch. Und dass Script dafür kriege ich nicht alleine hin. 😭

                    ScroungerS Offline
                    ScroungerS Offline
                    Scrounger
                    Developer
                    wrote on last edited by
                    #26

                    @skokarl
                    Ok jetzt hab ich es verstanden was du möchtest.
                    Das kannst nur per skript erreichen. Du müsstest im json objekt eine Id einführen um eindeutig zu identifizieren, welche Nachricht gezielt gelöscht werden soll.
                    Und das ist sehr individuell weil es davon abhängt, wie die nachticht rein kommt und wie man mit bekommt das die nachricht nicht mehr aktiv ist.

                    N 1 Reply Last reply
                    0
                    • S skokarl

                      @Scrounger

                      Kannst Du bitte nochmal helfen eine einzelne bestimmte Meldung wieder zu löschen ?
                      Das händische Löschen der Meldungen ist nicht immer optimal, und ich kriegs ohne Hilfe nicht hin
                      per Script zu löschen.
                      Danke

                      M Offline
                      M Offline
                      M.H.Bomber
                      wrote on last edited by
                      #27

                      @skokarl

                      wie edit falsch?

                      https://github.com/SirInsky12/ControlCenter

                      S 1 Reply Last reply
                      0
                      • M M.H.Bomber

                        @skokarl

                        wie edit falsch?

                        S Offline
                        S Offline
                        skokarl
                        wrote on last edited by
                        #28

                        @M-H-Bomber sagte in Material Design Widgets: Alerts Widget:

                        @skokarl

                        wie edit falsch?

                        Ich hatte erst was geschrieben von dem ich nachher dachte das es falsch war.
                        Deshalb habe ich noch mal editiert ( edit )
                        und gelöscht weil falsch ( falsch )

                        IOBroker mit Proxmox auf Celeron Nuc mit 16 GB und Debian11, Sonos API, Echo Show 15 als Wandtablet, Homematic IP, HUE, Sonos, Echos, DS718+ als Backup

                        1 Reply Last reply
                        0
                        • M Offline
                          M Offline
                          M.H.Bomber
                          wrote on last edited by
                          #29

                          was mache ich falsch
                          84682449-5768-4fc4-9b73-e88b90d514d9-grafik.png

                          https://github.com/SirInsky12/ControlCenter

                          1 Reply Last reply
                          0
                          • T Tirador

                            @ub-privat Bitte lege das Skript von Scrounger mal unter "global" ab und nicht unter root.

                            ub.privatU Offline
                            ub.privatU Offline
                            ub.privat
                            wrote on last edited by
                            #30

                            @Tirador

                            bringt keine Besserung.
                            Jetzt habe ich folgende meldung:

                            javascript.0	2020-03-03 21:31:19.114	error	(17282) at Script.runInContext (vm.js:133:20)
                            javascript.0	2020-03-03 21:31:19.114	error	(17282) at script.js.Alarm_Garagentor:1:23
                            javascript.0	2020-03-03 21:31:19.113	error	(17282) TypeError: Cannot read property 'sendTo' of undefined
                            javascript.0	2020-03-03 21:31:19.113	error	(17282) ^
                            javascript.0	2020-03-03 21:31:19.113	error	(17282) materialDesignWidgets.sendTo('javascript.0.materialdesignwidgets.alarm', 'message', 'color');
                            javascript.0	2020-03-03 21:31:19.112	error	(17282) script.js.Alarm_Garagentor: script.js.Alarm_Garagentor:1
                            

                            Script ist "gelb" und folgende Warnung läuft auf:

                            21:33:00.339	warn	javascript.0 (17282) Object "script.js.Alarm_Garagentor_Blockly" does not exist
                            

                            Blockly ist aber vorhanden und auf grün

                            b7d97f48-3c2f-464a-9dfe-08c80348b807-grafik.png

                            egal ob Script unter "GLOBAL" oder "ROOT" laufen...

                            1 Reply Last reply
                            0
                            • T Tirador

                              Hallo, ich habe jetzt etwas geforscht und bin zu einer "Blockly"-Lösung gelangt.
                              Vielleicht ja auch für andere nützlich.

                              Ich zeige dies anhand eines Beispiels:

                              Mein Sensor im Postkasten signalisiert, dass neue Post eingewurfen wurde.
                              Wenn dies geschehen ist, soll eine Nachricht ausgelöst werden.

                              Im Blockly sieht das wie folgt aus:

                              2020-02-15 11_44_23-javascript - ioBroker.png

                              Sofern das jemand weiterverwenden will ist im Block der "Javascript-Funktion" auf das "</>" Zeichen zu klicken und im Funktionsaufruf der Datenpunkt für das Alert im Skript anzupassen:

                              2020-02-15 11_46_13-javascript - ioBroker.png

                              Das Beispiel-Blockly kann man hier herunterladen:

                              BlocklyAlertExample.xml

                              Ergebnis in der Visualisierung:

                              2020-02-15 11_40_57-vis.png

                              ub.privatU Offline
                              ub.privatU Offline
                              ub.privat
                              wrote on last edited by
                              #31

                              @Tirador

                              muss dich nochmals anschreiben...
                              Mittlerweile habe ich die Scripte "Grün II" und entsprechend abgelegt - also Fehler gefunden.
                              00b2cf19-7f5e-4d4c-9d12-216d79844aed-grafik.png
                              In deinem Screenshot stehen message und color nicht in Hochkommas, bei Scrounger seiner Doku schon! (siehe Bild!)
                              9923b623-883b-4ae9-b296-1f9637a5b2ff-grafik.png

                              Was ist nun korrekt???

                              Im VIS Editor und VIS-Runtime werden trotz Zustandsänderung keine Meldungen erzeugt!
                              D.h., irgendwo muss noch der Wurm drin sein?

                              T 1 Reply Last reply
                              0
                              • ub.privatU ub.privat

                                @Tirador

                                muss dich nochmals anschreiben...
                                Mittlerweile habe ich die Scripte "Grün II" und entsprechend abgelegt - also Fehler gefunden.
                                00b2cf19-7f5e-4d4c-9d12-216d79844aed-grafik.png
                                In deinem Screenshot stehen message und color nicht in Hochkommas, bei Scrounger seiner Doku schon! (siehe Bild!)
                                9923b623-883b-4ae9-b296-1f9637a5b2ff-grafik.png

                                Was ist nun korrekt???

                                Im VIS Editor und VIS-Runtime werden trotz Zustandsänderung keine Meldungen erzeugt!
                                D.h., irgendwo muss noch der Wurm drin sein?

                                T Offline
                                T Offline
                                Tirador
                                wrote on last edited by Tirador
                                #32

                                @ub-privat Es ist schwierig zu unterstützen, da ich keinen Fehler erkennen kann auf den Screenshots von dir.

                                Bist Du ganz sicher, dass die falls Bedingung für deinen Datenpunkt TK_01_EG_GARAGE_STATE greift?
                                Ist das ein Datenpunkt der wirklich nur true/false zurückgibt, wie bei mir der Postsensor im Beispiel? Falls nein, dann musst du das Blockly anders abfragen.

                                Was steht denn in deinem angelegten Datenpunkt alertMessages bei dir drin?

                                2020-03-05 19_40_17-objects - ioBroker.png

                                Wenn dort etwas drin steht, liegt es eher an deinem VIS Layout, dass das Widget nicht im Vordergrund ist oder ähnliches.

                                Testweise kannst Du in den Datenpunkt alertMessages z.B. auch mal etwas reinschreiben:

                                [{"text":"✉ Neue Post im Briefkasten!","backgroundColor":"#ffcc00","borderColor":"","icon":"","iconColor":"","fontColor":""}]

                                Das führt bei mir zur Anzeige.

                                Was mir gerade noch aufgefallen ist, bei dir im Screenshot scheint das Script immer wieder neuzustarten (oder hast du es immer gestartet und gestoppt?).

                                Bei mir sieht das Log so aus:
                                2020-03-05 19_49_13-javascript - ioBroker.png

                                1 Reply Last reply
                                0
                                • C Offline
                                  C Offline
                                  Coffeelover
                                  wrote on last edited by
                                  #33

                                  Hallo,

                                  kann ich die Alerts so einrichten, dass sie nach dem Schließen nach einer definierten Zeit wieder auftauchen?
                                  z.B.: Reinigung Backofen - die Meldung sollte 60 Tage nach dem letzten Schließen wieder auftauchen, damit er dann wieder gereinigt wird.

                                  Vielen Dank

                                  ScroungerS 1 Reply Last reply
                                  0
                                  • C Coffeelover

                                    Hallo,

                                    kann ich die Alerts so einrichten, dass sie nach dem Schließen nach einer definierten Zeit wieder auftauchen?
                                    z.B.: Reinigung Backofen - die Meldung sollte 60 Tage nach dem letzten Schließen wieder auftauchen, damit er dann wieder gereinigt wird.

                                    Vielen Dank

                                    ScroungerS Offline
                                    ScroungerS Offline
                                    Scrounger
                                    Developer
                                    wrote on last edited by
                                    #34

                                    @Coffeelover
                                    Per Widget Einstellung geht das nicht. Das kann nur mit einem skript realisiert werden.

                                    Würde ich wie folgt machen:

                                    • einen Datenpunkt erstellen letzteBackofenReinigung mit Datum der letzen Reinigung
                                    • skript erstellen das per cron job z.B. jeden Tag um 0h ausgeführt wird und schaut ob das datum heute - datum des Datenpunktes letzteBackofenReinigung > 60 Tage ist
                                      -> Wenn ja Nachricht ans Alert Widget schicken.
                                    1 Reply Last reply
                                    1
                                    • C Offline
                                      C Offline
                                      Coffeelover
                                      wrote on last edited by
                                      #35

                                      So - das Skript habe ich mir nun soweit gebastelt. Leider scheitere ich aber noch an der initialen Einrichtung.

                                      Ich habe den Datenpunkt "AlertWaschmaschine" angelegt und mit dem Widget verknüpft.
                                      Ich habe das Script unter global abgelegt und in der ersten Zeile den Datenpunkt ergänzt. Der Rest wie gehabt.

                                      materialDesignWidgets.sendTo('0_userdata.0.Message.AlertWaschmaschine', 'message', 'color');
                                      

                                      Dann habe ich ein Blockly angelegt wie auf den Screenshots oben (message / color), Javascript-Funktion angelegt, die Bausteine message & color eingefügt und bei </> ebenfalls diese Zeile eingefügt:

                                      materialDesignWidgets.sentTo('0_userdata.0.Message.AlertWaschmaschine', message, color)
                                      

                                      Die Testnachricht von @Tirador habe ich mal in den Datenpunkt kopiert und kann dann auch den Inhalt im VIS sehen.
                                      [{"text":"✉ Neue Post im Briefkasten!","backgroundColor":"#ffcc00","borderColor":"","icon":"","iconColor":"","fontColor":""}]

                                      Aber über das Blockly z.B. bekomme ich das nicht getriggert. :-(

                                      1 Reply Last reply
                                      0
                                      • C Offline
                                        C Offline
                                        Coffeelover
                                        wrote on last edited by
                                        #36

                                        Vielleicht frage ich nochmal allgemeiner in die Runde: Wie muss ich denn vorgehen, um verschiedene Meldungen (=Inhalt unterschiedlicher Datenpunkte) in das Alert Widget zu bekommen. Mir ist der Workflow noch nicht ganz klar. :-(

                                        T 1 Reply Last reply
                                        0
                                        • C Coffeelover

                                          Vielleicht frage ich nochmal allgemeiner in die Runde: Wie muss ich denn vorgehen, um verschiedene Meldungen (=Inhalt unterschiedlicher Datenpunkte) in das Alert Widget zu bekommen. Mir ist der Workflow noch nicht ganz klar. :-(

                                          T Offline
                                          T Offline
                                          Tirador
                                          wrote on last edited by
                                          #37

                                          @Coffeelover Bitte exportier mal dein Blockly Skript. Eventuell kann man so dem Problem auf die Spur kommen.

                                          C 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          425

                                          Online

                                          32.6k

                                          Users

                                          82.2k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe