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

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    195

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.4k

Material Design Widgets: Alerts Widget

Scheduled Pinned Locked Moved Visualisierung
vis
105 Posts 28 Posters 18.3k 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 Offline
    T Offline
    Tirador
    wrote on last edited by
    #4

    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

    S sigi234S ub.privatU 4 Replies Last reply
    3
    • 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

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

      @Tirador

      das wäre ein super Besipiel für mich...Danke.

      Das ist mir nicht ganz klar

      1.PNG

      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

      T 1 Reply Last reply
      0
      • S skokarl

        @Tirador

        das wäre ein super Besipiel für mich...Danke.

        Das ist mir nicht ganz klar

        1.PNG

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

        @skokarl

        Unter dem "Zahnrad" können die Variablen deklariert werden, die an die Javascript-Funktion übergeben werden.

        Diese Variablen sind in den verwendeten Blockly-Skripten zu übergeben.

        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

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          wrote on last edited by sigi234
          #7

          @Tirador

          javascript.0	2020-02-15 13:04:51.279	error	(15968) Error in callback: ReferenceError: materialDesignWidgets is not defined
          

          Wie muss der DP angelegt werden, bzw. als was?

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

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

            Brauche ich das Javascript was @Scrounger im Beispiel erwähnt hat ? Wo kommt das 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

            1 Reply Last reply
            1
            • T Offline
              T Offline
              Tirador
              wrote on last edited by
              #9

              @sigi234
              @skokarl

              Ich habe jetzt noch einmal eine Schritt für Schritt Anleitung ergänzt.

              Folgenden Datenpunkt habe ich angelegt:
              2020-02-15 17_00_25-Mozilla Firefox.png

              Im Vis ist das Widget aufzuziehen und der Datenpunkt einzutragen:

              2020-02-15 16_58_51-Edit vis.png

              Das Skript von Scrounger habe ich wie folgt abgelegt und gestartet:

              2020-02-15 17_01_22-javascript - ioBroker.png

              S 1 Reply Last reply
              3
              • T Tirador

                @sigi234
                @skokarl

                Ich habe jetzt noch einmal eine Schritt für Schritt Anleitung ergänzt.

                Folgenden Datenpunkt habe ich angelegt:
                2020-02-15 17_00_25-Mozilla Firefox.png

                Im Vis ist das Widget aufzuziehen und der Datenpunkt einzutragen:

                2020-02-15 16_58_51-Edit vis.png

                Das Skript von Scrounger habe ich wie folgt abgelegt und gestartet:

                2020-02-15 17_01_22-javascript - ioBroker.png

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

                @Tirador
                super vielen Dank.

                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 skokarl
                  #11

                  Morgen,

                  @Scrounger könntest Du noch einen DP für die Anzahl der Meldungen setzen ?

                  muss man jede Meldung händisch ausschalten, oder geht das auch anders ?
                  schöner wäre es wenn die Meldung wieder verschwindet wenn sich der Zustand ändert

                  Änderung der Symbolgröße funktioniert nicht ? ( bei original Material Symbol )

                  2.PNG

                  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

                    Morgen,

                    @Scrounger könntest Du noch einen DP für die Anzahl der Meldungen setzen ?

                    muss man jede Meldung händisch ausschalten, oder geht das auch anders ?
                    schöner wäre es wenn die Meldung wieder verschwindet wenn sich der Zustand ändert

                    Änderung der Symbolgröße funktioniert nicht ? ( bei original Material Symbol )

                    2.PNG

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

                    @skokarl sagte in Material Design Widgets: Alerts Widget:

                    @Scrounger könntest Du noch einen DP für die Anzahl der Meldungen setzen ?
                    schöner wäre es wenn die Meldung wieder verschwindet wenn sich der Zustand ändert

                    Die beiden Punkte kann man per Skript realisieren, deshalb erfolgt keine direkte Integration ins Widget.

                    muss man jede Meldung händisch ausschalten, oder geht das auch anders ?

                    Button um alle zu löschen steht bereits auf der ToDo Liste, genauso wie die auflösungsabhängige anzeige (z.B. nicht auf Handy anzeigen):
                    https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/50

                    Änderung der Symbolgröße funktioniert nicht ? ( bei original Material Symbol )

                    Funktioniert.
                    Größe des Symbols des Schließen Buttons kann nicht geändert werden.

                    S 1 Reply Last reply
                    0
                    • ScroungerS Scrounger

                      @skokarl sagte in Material Design Widgets: Alerts Widget:

                      @Scrounger könntest Du noch einen DP für die Anzahl der Meldungen setzen ?
                      schöner wäre es wenn die Meldung wieder verschwindet wenn sich der Zustand ändert

                      Die beiden Punkte kann man per Skript realisieren, deshalb erfolgt keine direkte Integration ins Widget.

                      muss man jede Meldung händisch ausschalten, oder geht das auch anders ?

                      Button um alle zu löschen steht bereits auf der ToDo Liste, genauso wie die auflösungsabhängige anzeige (z.B. nicht auf Handy anzeigen):
                      https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/50

                      Änderung der Symbolgröße funktioniert nicht ? ( bei original Material Symbol )

                      Funktioniert.
                      Größe des Symbols des Schließen Buttons kann nicht geändert werden.

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

                      @Scrounger sagte in Material Design Widgets: Alerts Widget:

                      @skokarl sagte in Material Design Widgets: Alerts Widget:

                      @Scrounger könntest Du noch einen DP für die Anzahl der Meldungen setzen ?
                      schöner wäre es wenn die Meldung wieder verschwindet wenn sich der Zustand ändert

                      Die beiden Punkte kann man per Skript realisieren, deshalb erfolgt keine direkte Integration ins Widget.

                      Hat jemand nen Beispiel um eine bestimmte Nachricht zu löschen ?

                      muss man jede Meldung händisch ausschalten, oder geht das auch anders ?

                      Button um alle zu löschen steht bereits auf der ToDo Liste, genauso wie die auflösungsabhängige anzeige (z.B. nicht auf Handy anzeigen):
                      https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/50

                      super.

                      Änderung der Symbolgröße funktioniert nicht ? ( bei original Material Symbol )

                      Funktioniert.
                      Größe des Symbols des Schließen Buttons kann nicht geändert werden

                      ah, da habe ich was falsch gedeutet.

                      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 skokarl
                        #14

                        Ich kann das Widget leider nicht benutzen.
                        Es lässt sich im Editor nicht ordentlich markieren, mit keinem Browser.

                        Ich hab in meiner View viele viele Widgets die ich durch anklicken markiere, bei dem Alert Widget geht es nicht,
                        das nervt unglaublich.
                        Lösung ist, dass man es großflächig umrandet, dann die Nachbarwidgets mitnimmt....um diese dann wieder einzeln abzuwählen,....zum Schluss bleibt das Alert Widget dann übrig.

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

                        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

                          Ich kann das Widget leider nicht benutzen.
                          Es lässt sich im Editor nicht ordentlich markieren, mit keinem Browser.

                          Ich hab in meiner View viele viele Widgets die ich durch anklicken markiere, bei dem Alert Widget geht es nicht,
                          das nervt unglaublich.
                          Lösung ist, dass man es großflächig umrandet, dann die Nachbarwidgets mitnimmt....um diese dann wieder einzeln abzuwählen,....zum Schluss bleibt das Alert Widget dann übrig.

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

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

                          @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 ;-)
                          Kannst es doch aber per drop down auswählen:

                          f8834dcf-1c2b-4acb-9f38-79300e6c6af9-grafik.png

                          S 1 Reply Last reply
                          0
                          • ScroungerS Scrounger

                            @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 ;-)
                            Kannst es doch aber per drop down auswählen:

                            f8834dcf-1c2b-4acb-9f38-79300e6c6af9-grafik.png

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

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

                            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 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 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?

                                    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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          827

                                          Online

                                          32.5k

                                          Users

                                          81.7k

                                          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