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
    911

  • 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.
  • S skokarl

    @Scrounger sagte in Material Design Widgets: Alerts Widget:

    @skokarl sagte in Material Design Widgets: Alerts Widget:

    @Scrounger , das habe ich bei keinem anderen Widget von Dir, das muss ausnahmsweise mal an Dir liegen. :grimacing:

    Oder am Editor, wenn es leer ist ;-)

    stimmt .... es ist leer .....
    aber es muss ja am Anfang leer sein .... :grimacing:

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

    @skokarl
    Ich Bau Mal noch ein, das er im Editor zwei Fakes News anzeigt, dann ist das "Problem" behoben.

    1 Reply Last reply
    1
    • 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 Online
          M Online
          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 Online
            M Online
            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 Online
                        M Online
                        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 Online
                            M Online
                            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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          797

                                          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