Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Widgets: Alerts Widget

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Material Design Widgets: Alerts Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • Scrounger
      Scrounger Developer @n3ucr0n last edited by

      @n3ucr0n sagte in Material Design Widgets: Alerts Widget:

      wo die Nachrichten sich nach X sekunden automatisch ausblenden.

      würde das mit setTimeout() machen. Also wenn die nachricht rein kommt, dann json aktualisieren und die setTimeout() Funktion starten. Sobald diese aufgerufen wird im json nach der zuvor hinzugefügten nachricht suchen und diese entfernen.

      So mal die Theorie, bsp code dafür hab ich nicht, musst also selbst schreiben 😉
      wenn du wo hängst, einfach deinen code hier posten, dann hilft dir sicher immer jemand weiter.

      1 Reply Last reply Reply Quote 0
      • F
        fabian.krauss last edited by

        @Scrounger

        Wollte mal Rückmelden, dass es bei mir super klappt. Bin aber auch nur noch unter JS unterwegs. 🙂

        Danke für die gute Widget Bib! Ist mittlerweile meine Lieblingsbib für VIS.

        Ich würde mich mal an das Thema eventbasiertes Löschen eines Alerts ran wagen (wurde hier ja schon mal diskutiert).
        Hast du da einen Ansatzpunkt wie man am besten wieder ein "Element" im Array identifiziert und rauslöscht?

        Danke!

        Scrounger 1 Reply Last reply Reply Quote 0
        • Scrounger
          Scrounger Developer @fabian.krauss last edited by

          @fabian-krauss
          Was meinst du genau mit eventbasiert. Gib mir mal ein konkretes beispiel was du realisieren möchtest.

          F 1 Reply Last reply Reply Quote 0
          • D
            dos1973 last edited by

            Ich glaube, er meint das ein Alert Meldung sich auch von selbst wieder schliesst.

            1 Reply Last reply Reply Quote 0
            • F
              fabian.krauss @Scrounger last edited by

              @Scrounger ja machen wir es an einem Beispiel:

              Ich habe in einem Wassermelder eine Batterie deren Spannungswert ich als trigger Nutze.
              Aktuell gebe ich ein Alert aus wenn die Spannung unter ein bestimmtes Level fällt. Dazu nutze ich deine Funktion.
              Wenn ich nun her gehe und die Batterie tausche, würde ich mit einer if Abfrage im trigger >= 98% eine Funktion aufrufen die mir diesen Alert löscht.
              Mir ist bewusst, dass man nach einem Art Schlüssel löschen müsste, z.b. dem Namen oder einer zusätzlichen Bestandteil im JSON.

              Versteht man es jetzt besser ?

              Danke für deine Mühe

              Scrounger N 2 Replies Last reply Reply Quote 0
              • Scrounger
                Scrounger Developer @fabian.krauss last edited by Scrounger

                @fabian-krauss

                Du könntest eine property für die id einführen, z.B. so:

                       {
                		"text": "we have a new message",
                		"backgroundColor": "",
                		"borderColor": "darkred",
                		"icon": "message-alert-outline",
                		"iconColor": "darkred",
                		"fontColor": "blue",
                "meineId": "0_userdata.0.meinDatenpunkt"
                	}
                

                und wenn sich der Wert des Datenpunkt ändert, suchst du nach der Id im json object, löscht oder aktualisiertst diesen.

                liv-in-sky 1 Reply Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @Scrounger last edited by liv-in-sky

                  @Scrounger

                  ich verstehe nicht, warum der 2.te json eintrag kein icon hat - kannst du mir da bitte einen tipp geben - bild ist im browser und einem anderem script erreichbar

                  [
                     {
                     	"text": "WARNUNG Lebensmittel ",
                     	"backgroundColor": "black",
                     	"borderColor": "ligthgreen",
                     	"icon": "/vis.0/armin/img/temporarily_not_available.png",
                     	"iconColor": "lightgreen",
                     	"fontColor": "lightgreen",
                     	"id": "alerts_0"
                     },
                     {
                     	"text": "WARNUNG Lebensmittel ",
                     	"backgroundColor": "black",
                     	"borderColor": "ligthgreen",
                     	"icon": "https://www.lebensmittelwarnung.de/bvl-lmw-de/opensaga/attachment/6754e0a8-e7ee-400a-920f-879c2c2afe49/Unbenannt.JPG",
                     	"iconColor": "lightgreen",
                     	"fontColor": "lightgreen",
                     	"id": "alerts_3"
                     },
                     {
                     	"text": "WARNUNG Lebensmittel ",
                     	"backgroundColor": "black",
                     	"borderColor": "ligthgreen",
                     	"icon": "https://lh5.googleusercontent.com/-2p7hRaaaaaaawc6fTdc1KI/AAAAAAAAAAA/bvbOvhaaaaaaaaaalS4dbDt2tHh4PuQCOQCEAE/s100/photo.jpg",
                     	"iconColor": "lightgreen",
                     	"fontColor": "lightgreen"
                     }
                  ]
                  

                  Image 5.png

                  Scrounger 1 Reply Last reply Reply Quote 0
                  • N
                    n3ucr0n @fabian.krauss last edited by

                    @fabian-krauss danke das du dich der Thematik annimmst!
                    Wenn das mal läuft, wäre es Hammer! Ich als dau bin da auf Leute wie Dich angewiesen! 😇 😌

                    liv-in-sky 1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @n3ucr0n last edited by liv-in-sky

                      @n3ucr0n
                      ich nutze als globales script dieses hier um einträge zu löschen

                      var materialDesignWidgets = {};
                      materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
                         let json = getState(id).val;
                       log(id)
                         if (json) {
                             try {
                      
                                 json = JSON.parse(json);
                      
                             } catch (e) {
                                 json = [];
                                 console.warn('Wert ist kein JSON string! Wert wird ersetzt!');
                             }
                         } else {
                             json = [];
                         }
                      
                         json.push(
                             {
                                 text: text,
                                 backgroundColor: backgroundColor,
                                 borderColor: borderColor,
                                 icon: icon,
                                 iconColor: iconColor,
                                 fontColor: fontColor
                             }
                         )
                         setState(id, JSON.stringify(json), true);
                        //     setState(id, json, true);
                      }
                      
                      var myJson22aa;
                      var myObj22aa;
                      var count22aa;
                      
                      materialDesignWidgets.delete= function (id, textinput) {
                      
                      myJson22aa=getState(id).val
                      myObj22aa=JSON.parse(myJson22aa)
                      count22aa=0;
                      
                      if (myObj22aa.length>0){
                      for(let i = 0; i < myObj22aa.length; i++) { 
                      if(myObj22aa[i].text == textinput)   count22aa++;}
                      
                      //log("count" +"   "+count22aa.toString())
                      
                      if (count22aa>1){
                      
                                     for(let i = 0; i < myObj22aa.length; i++) {
                                        if(myObj22aa[i].text == textinput) {myObj22aa.splice(i, 1);
                                        i--;
                                        log("bin in viele")}
                                     }
                                     }else{
                                        for(let i = 0; i < myObj22aa.length; i++) {
                                         if(myObj22aa[i].text == textinput) {myObj22aa.splice(i, 1);
                                         log("bin in einem")}
                                        }
                                     }
                        
                      
                      
                      //  log(JSON.stringify(myObj22aa))
                      
                      if (count22aa>0) setState(id,JSON.stringify(myObj22aa));
                      
                      count22aa=0
                      }
                      }
                      
                      
                      
                      
                      
                      
                      
                      
                      

                      z.b.der befehl zum löschen eines eintrages:

                      materialDesignWidgets.delete('controll-own.0.AAATEST.TestString2', 'WARNUNG 1234 ');
                      

                      oder allgemein:

                      materialDesignWidgets.delete( 'id des alert datenpunktes', 'verwendeter text des alerts);

                      N F 3 Replies Last reply Reply Quote 1
                      • N
                        n3ucr0n last edited by

                        Ich werde leider es am Wochenende dazu kommen es mir genauer anzuschauen aber ich freue mich Schon drauf 🙂 danke!

                        1 Reply Last reply Reply Quote 0
                        • Scrounger
                          Scrounger Developer @liv-in-sky last edited by

                          @liv-in-sky sagte in Material Design Widgets: Alerts Widget:

                          @Scrounger

                          ich verstehe nicht, warum der 2.te json eintrag kein icon hat - kannst du mir da bitte einen tipp geben - bild ist im browser und einem anderem script erreichbar
                          Image 5.png

                          Muss ich mir anschauen, bin aber grad im Urlaub, dauert also noch.
                          Steht was in der console des browsers?

                          1 Reply Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky last edited by

                            @Scrounger
                            danke - aber
                            das hat mittlerweile mit einem anderen bild funktioniert- werd das beobachten) genieße den urlaub - den hast du dir verdient

                            1 Reply Last reply Reply Quote 0
                            • N
                              n3ucr0n @liv-in-sky last edited by

                              @liv-in-sky
                              So ich habe endlich mal etwas Zeit gefunden, um mich dieser Thematik anzunehmen.
                              Und es scheint auf den ersten Blick zu klappen. Danke! 🙂 Das ist sehr sehr klasse!

                              1 Reply Last reply Reply Quote 0
                              • N
                                n3ucr0n @liv-in-sky last edited by

                                @liv-in-sky ich benötige doch nochmal Deine Hilfe. Ich habe Deine Lösung für das Löschen von den Altert Messages wie folgt umgesetzt:

                                Einen Datenpunkt "HinweisErstellen", einen Datenpunkt "HinweisLöschen", einen Datenpunkt "altertMessages".

                                Unbenannt.PNG

                                Das Widget ist auf den Datenpunkt "altertMessages" verlinkt.

                                Unbenannt5.PNG

                                Wenn ich einen Hinweis hinzufügen möchte, schreibe ich ihn in den Datenpunkt "HinweisErstellen". Das triggert ein Script, welches dann über die oben besprochene Methode den Datenpunkt "altertMessages" entsprechend verändert.

                                Unbenannt1.PNG

                                Unbenannt2.PNG

                                Wenn ich einen Hinweis löschen möchte, schreibe ich den zu löschenden Hinweis in den Datenpunkt "HinweisLöschen". Das triggert ebenfalls ein Script, welches dann wie oben besprohcen den Datenpunkt "altertMessages" verändert.

                                Unbenannt3.PNG

                                Unbenannt4.PNG

                                Soweit die Theorie!

                                In der Praxis funktioniert das Hinzufügen von Benachrichtigungen problemlos.
                                Trage ich einen Text händisch in den Datenpunkt "HinweisLöschen" ein, wird der Hinweis auch gelöscht.
                                Trage ich jedoch via Script den zu löschenden Text in "HinweisLöschen" ein, passiert nichts. Das zu triggernde Script läuft (das habe ich über einen Debug herausgefunden) und auch die JS-Funktion scheint zu klappen (Log eintrag: "Bin in einem"). Aber der Text verschwindet nicht aus dem Datenpunkt "altertMessages".
                                Wenn ich dann jedoch nochmal händisch in den Datenpunkt "HinweisLöschen" klicke und den eingetragenen Text nochmal bestätige, verschwindet der Eintrag.

                                Wo kann ich nach meinem Fehler suchen?

                                liv-in-sky 2 Replies Last reply Reply Quote 0
                                • liv-in-sky
                                  liv-in-sky @n3ucr0n last edited by

                                  @n3ucr0n ich verstehe es auch nicht

                                  wenn du von hand den löschen datenpunkt nochmals aktivierst triggert das script - also du änderst den inhalt nicht- muss ich morgen nochmal düber nachdenken- habe beim ersten düberschauen keinen fehler in deiner beschreibung entdeckt

                                  1 Reply Last reply Reply Quote 0
                                  • liv-in-sky
                                    liv-in-sky @n3ucr0n last edited by liv-in-sky

                                    @n3ucr0n

                                    • habe das ganze nachgebaut und auch mit anderem script gesteuert - funktioniert
                                    • zur sicherheit: lösche mal den datenpunkt für das Löschen und erstelle ihn neu - hatte das schon mal, das ein datenpunkt falsch reagierte
                                    • es spricht nix gegen deinen aufbau - das globale script jedoch würde man so nicht gebrauchen - man könnte die function direkt in dein blockly verlegen - jedes globale script wird in jedes ander script am ende hinzugefügt, damit das "globale daran " erfüllt wird - hat aber nichts mit deinem problem zu tun
                                    • bei deinem aufbau kannst du halt keine farben bestimmen - du müßtest noch einen datenpunkt für die farbe bestimmen
                                    • bei gleichzeitigem schreiben oder löschen des datenpunktes solltest du auf die reaktionszeit achten - also falls 2 verschiedene scripte "ziemlich" gleichzeitig auf die datenpunkte zugreifen, kann es sein, dass probleme entstehen

                                    beispiel mit deinem aufbau:

                                    alarm-test.gif

                                    E 1 Reply Last reply Reply Quote 0
                                    • E
                                      Elektronikwelt @liv-in-sky last edited by

                                      Warum bekomme ich folgende Warnungen von den Skripten bzw. von dem Blockly.
                                      Hab ich irgendwas vergessen einzustellen?

                                      16:45:10.008 warn javascript.0 (9131) at Object.materialDesignWidgets.sendTo (script.js.common.Test_Level_2:28:5)
                                      16:45:10.008 warn javascript.0 (9131) at AlertMaterialDesign (script.js.common.Test_Level_2:5:33)
                                      16:45:10.009 warn javascript.0 (9131) at Object.<anonymous> (script.js.common.Test_Level_2:11:3)

                                      E 1 Reply Last reply Reply Quote 0
                                      • E
                                        Elektronikwelt @Elektronikwelt last edited by Elektronikwelt

                                        Hab gerade den Fehler selbst behoben. Ich habe den Datenpunkt als Zeichenkette angelegt und nicht als Objekt.
                                        Da in der Log stand dass es der falsche Datenpunkt ist. Jetzt funktioniert alles ohne Fehlermeldungen.

                                        1 Reply Last reply Reply Quote 0
                                        • S
                                          sveni_lee last edited by

                                          ich habe ein script "geschrieben" welches aus den dwd Unwetterwarnungen einen JSON erzeugt, der dann als Allert angezeigt wird.
                                          Der Text wird als "onclick" erzeugt und befüllt einen State.

                                          var dwdBackground = [
                                          		    	"",        // 0
                                          			    "#ffeb3b", // 1 - Wetterwarnungen (Stufe 1)
                                          			    "#fb8c00", // 2 - Warnungen vor markantem Wetter (Stufe 2)
                                          			    "#e53935", // 3 - Unwetterwarnungen (Stufe 3)
                                          			    "#880e4f", // 4 - Warnungen vor extremem Unwetter (Stufe 4)
                                          			    "",        // 5 -
                                          			    "",        // 6 -
                                          			    "",        // 7 -
                                          			    "",        // 8 -
                                          			    "#c99afe", // 9 - Hitzewarnung
                                          			    "",        // 10
                                          			    "#c9f",    // 11 - Keine Warnungen
                                          			    "",        // 12 -
                                          			    "",        // 13 -
                                          			    "",        // 14 -
                                          			    "",        // 15 -
                                          			    "",        // 16 -
                                          			    "",        // 17 -
                                          			    "",        // 18 -
                                          			    "#fe68fe", // 19 - UV-Warnung
                                          	        ];
                                          var indexwar;
                                          
                                          on({id: /^dwd\.0\..+object$/}, function (dp) {
                                              var warning_id = dp.id;
                                              let pos= warning_id.lastIndexOf('.');
                                              warning_id = warning_id.substr(0, pos);
                                              log("Warning_id: " + warning_id);
                                          
                                                  let headline_state = getState(warning_id + '.headline').val
                                                  let headline = "<p onClick=\"servConn.setState('0_userdata.0.materialdesignwidgets.onlick_alert','" + warning_id + "')\">" + headline_state + "</p>";
                                          	    let level = getState(warning_id + '.level'/*Warning level*/).val;        
                                          	    let backgroundcolor = dwdBackground[getState(warning_id + '.severity').val]
                                          		
                                                  if (headline_state != '') {
                                                      log("hintergrund: " + backgroundcolor);
                                                      log("headline: " + headline)
                                                      materialDesignWidgets.sendTo('0_userdata.0.materialdesignwidgets.alarmDWD', headline, backgroundcolor);
                                                  }
                                          })
                                          

                                          jetzt aktualisiert dwd alle 5 Minuten die Warungen und schreibt diese immer wieder neu in die JSON. ich würde jetzt gern den alten eintrag mit der selbern Warning_id löschen, so das immer nur die letzt drin stehen bleibt bzw. beim löschen der Warnung auch der ensprechende Eintrag gelöscht wird.

                                          1 Reply Last reply Reply Quote 0
                                          • SWE1008
                                            SWE1008 last edited by

                                            @Scrounger

                                            Hallo,
                                            vielleicht kann mir jemand von euch helfen. Ich habe das Script unter Global abgelegt. Allerdings bekomme ich folgende Fehler im Log:

                                            
                                            javascript.0	2020-10-24 16:28:56.471	error	(22634) at processImmediate (internal/timers.js:461:21)
                                            javascript.0	2020-10-24 16:28:56.470	error	(22634) at Immediate.<anonymous> (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5384:37)
                                            javascript.0	2020-10-24 16:28:56.470	error	(22634) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:469:25)
                                            javascript.0	2020-10-24 16:28:56.470	error	(22634) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1065:38)
                                            javascript.0	2020-10-24 16:28:56.469	error	(22634) at Object.<anonymous> (script.js.smarthome.system.Test_Alert:13:11)
                                            javascript.0	2020-10-24 16:28:56.469	error	(22634) at alertMessages (script.js.smarthome.system.Test_Alert:5:27)
                                            javascript.0	2020-10-24 16:28:56.468	error	(22634) at Object.materialDesignWidgets.sendTo (script.js.smarthome.system.Test_Alert:19:10)
                                            javascript.0	2020-10-24 16:28:56.467	error	(22634) script.js.smarthome.system.Test_Alert: TypeError: json.push is not a function
                                            
                                            
                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            540
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            28
                                            105
                                            12237
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo