Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

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

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    2.8k

Material Design Widgets: Alerts Widget

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
105 Beiträge 28 Kommentatoren 17.4k Aufrufe 37 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • C Offline
    C Offline
    Coffeelover
    schrieb am zuletzt editiert von
    #58

    Update: Ich habe es jetzt auch zum Laufen bekommen.

    Das Blockly:

    <xml xmlns="http://www.w3.org/1999/xhtml">
      <variables>
        <variable type="" id="nz0rx9L*~pp:[bA(tw|W">message</variable>
        <variable type="" id="ymqtd+2_ynW#!@yc_l[q">color</variable>
      </variables>
      <block type="on" id="3iER$AuJU*~#Bq=Y!,3?" x="363" y="-487">
        <field name="OID">0_userdata.0.Testpunkt_für_Widget</field>
        <field name="CONDITION">ne</field>
        <field name="ACK_CONDITION"></field>
        <statement name="STATEMENT">
          <block type="controls_if" id="`|MfI?P;NlH0Dw/o3,It">
            <value name="IF0">
              <block type="logic_compare" id="6OusOyRZ3vVfhM%Z95y8">
                <field name="OP">EQ</field>
                <value name="A">
                  <block type="get_value" id="c{vEXdJ*^.LLs%@:h*xt">
                    <field name="ATTR">val</field>
                    <field name="OID">0_userdata.0.Testpunkt_für_Widget</field>
                  </block>
                </value>
                <value name="B">
                  <block type="logic_boolean" id="814TkXQUVU;[/iunjS%U">
                    <field name="BOOL">TRUE</field>
                  </block>
                </value>
              </block>
            </value>
            <statement name="DO0">
              <block type="procedures_callcustomnoreturn" id="Rsxd`;M38tWnN=v!Um%t">
                <mutation name="alertMessages">
                  <arg name="message"></arg>
                  <arg name="color"></arg>
                </mutation>
                <value name="ARG0">
                  <block type="text" id="69-skaEfHNdRn,U~S!JV">
                    <field name="TEXT">Neue Post</field>
                  </block>
                </value>
                <value name="ARG1">
                  <block type="colour_picker" id="~_opI=Y3^-H}@@l/OYxq">
                    <field name="COLOUR">#3366ff</field>
                  </block>
                </value>
              </block>
            </statement>
            <next>
              <block type="controls_if" id="`=J6Mm!(ocg`=s}dmx+S">
                <value name="IF0">
                  <block type="logic_compare" id="c~W6f-J!3Pp^6$rZHW:J">
                    <field name="OP">EQ</field>
                    <value name="A">
                      <block type="get_value" id="(#9e$N9H$P0p`6],B4KA">
                        <field name="ATTR">val</field>
                        <field name="OID">0_userdata.0.Testpunkt_für_Widget</field>
                      </block>
                    </value>
                    <value name="B">
                      <block type="logic_boolean" id="fQoVSDW0kLz*0XzEVQxM">
                        <field name="BOOL">FALSE</field>
                      </block>
                    </value>
                  </block>
                </value>
                <statement name="DO0">
                  <block type="procedures_callcustomnoreturn" id="r}{,:7IEsJgqmsFbJX59">
                    <mutation name="alertMessages">
                      <arg name="message"></arg>
                      <arg name="color"></arg>
                    </mutation>
                    <value name="ARG0">
                      <block type="text" id="teE;3a^k](_MCro4GQh0">
                        <field name="TEXT">Keine neue Post</field>
                      </block>
                    </value>
                    <value name="ARG1">
                      <block type="colour_picker" id="hh[W#y(eQE]VN7l}(s=^">
                        <field name="COLOUR">#ff0000</field>
                      </block>
                    </value>
                  </block>
                </statement>
              </block>
            </next>
          </block>
        </statement>
      </block>
      <block type="procedures_defcustomnoreturn" id="2+/YmhZKI?ON7;Y:{{2)" x="388" y="13">
        <mutation statements="false">
          <arg name="message" varid="nz0rx9L*~pp:[bA(tw|W"></arg>
          <arg name="color" varid="ymqtd+2_ynW#!@yc_l[q"></arg>
        </mutation>
        <field name="NAME">alertMessages</field>
        <field name="SCRIPT">bWF0ZXJpYWxEZXNpZ25XaWRnZXRzLnNlbmRUbygnMF91c2VyZGF0YS4wLk1lc3NhZ2UuV2FzY2htYXNjaGluZV9BbGVydCcsIG1lc3NhZ2UsIGNvbG9yKTs=</field>
        <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
      </block>
    </xml>
    

    Und das Script unter global:

    var materialDesignWidgets = {};
    materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
        let json = getState(id).val;
     
        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);
    }
    
    Vielleicht hilft es noch jemandem von euch weiter.
    
    1 Antwort Letzte Antwort
    0
    • S Offline
      S Offline
      sveni_lee
      schrieb am zuletzt editiert von
      #59

      ich habe mich auch mal an dem alerts-widget versucht. Mein Ziel war es eine kurze Meldung anzeigen zu lassen wenn der DWD Adapter eine Warnung ausgibt.

      on({id: 'dwd.0.warning.object'/*JSON object with warning*/}, function () {
      
          var headline = getState('dwd.0.warning.headline'/*Warning headline*/).val;
      	var level = getState('dwd.0.warning.level'/*Warning level*/).val;
          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 backgroundcolor = dwdBackground[getState('dwd.0.warning.severity'/*Warning severity*/).val]
      	
      	let json = getState("0_userdata.0.materialdesignwidgets.alarmDWD").val;
       
          if (json) {
              try {
      
                  json = JSON.parse(json);
      
              } catch (e) {
                  json = [];
                  console.warn('Wert ist kein JSON string! Wert wird ersetzt!');
              }
          } else {
              json = [];
          }
      

      as funktioniert auch soweit... Allerdings habe ch festgestellt, das die json die ich erstelle "vollläuft". will heißen, immer wenn der DWD-Adapter den schedule ausführt wird ein neuer Eintrag in der json erzeugt... das führt früher oder später zum Absturz.
      Hat jemnd eventuell einen besseren Ansatz? Es können bei mir auch bis zu 3 Unwetterwarnungen angezeigt werden und es gibt auch warnungen vom Server wie bekomme ich das alles in eine json?

      Gruß
      Sveni_Lee

      C 1 Antwort Letzte Antwort
      0
      • S sveni_lee

        ich habe mich auch mal an dem alerts-widget versucht. Mein Ziel war es eine kurze Meldung anzeigen zu lassen wenn der DWD Adapter eine Warnung ausgibt.

        on({id: 'dwd.0.warning.object'/*JSON object with warning*/}, function () {
        
            var headline = getState('dwd.0.warning.headline'/*Warning headline*/).val;
        	var level = getState('dwd.0.warning.level'/*Warning level*/).val;
            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 backgroundcolor = dwdBackground[getState('dwd.0.warning.severity'/*Warning severity*/).val]
        	
        	let json = getState("0_userdata.0.materialdesignwidgets.alarmDWD").val;
         
            if (json) {
                try {
        
                    json = JSON.parse(json);
        
                } catch (e) {
                    json = [];
                    console.warn('Wert ist kein JSON string! Wert wird ersetzt!');
                }
            } else {
                json = [];
            }
        

        as funktioniert auch soweit... Allerdings habe ch festgestellt, das die json die ich erstelle "vollläuft". will heißen, immer wenn der DWD-Adapter den schedule ausführt wird ein neuer Eintrag in der json erzeugt... das führt früher oder später zum Absturz.
        Hat jemnd eventuell einen besseren Ansatz? Es können bei mir auch bis zu 3 Unwetterwarnungen angezeigt werden und es gibt auch warnungen vom Server wie bekomme ich das alles in eine json?

        Gruß
        Sveni_Lee

        C Offline
        C Offline
        Coffeelover
        schrieb am zuletzt editiert von
        #60

        @sveni_lee Du müsstest nach meinem Ermessen den aktuellen Wert in eine Variable übernehmen und nur bei Änderung an den Datenpunkt weitergeben bzw. ins JSON schreiben.

        1 Antwort Letzte Antwort
        0
        • ScroungerS Scrounger

          @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 Offline
          N Offline
          n3ucr0n
          schrieb am zuletzt editiert von
          #61

          @Scrounger said in Material Design Widgets: Alerts Widget:

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

          Danke für das tolle Widget und für die ganze Hilfe bisher.

          Könntest Du mir helfen wie ich das Skript verändern müsste, damit ALLE Nachrichten im Widget nach einer Gewissen Zeit in Sekunden automatisch wieder ausgeblendet werden?
          Ich würde gerne 2 verschiedene Altert Widgets in meine VIS bauen.
          Einmal eine mit der Standardfunktion (Benachrichtigungen müssen über das "X" manuell geschlossen werden) und einmal, wo die Nachrichten sich nach X sekunden automatisch ausblenden.

          Danke für die Hilfe.

          ScroungerS 1 Antwort Letzte Antwort
          0
          • N n3ucr0n

            @Scrounger said in Material Design Widgets: Alerts Widget:

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

            Danke für das tolle Widget und für die ganze Hilfe bisher.

            Könntest Du mir helfen wie ich das Skript verändern müsste, damit ALLE Nachrichten im Widget nach einer Gewissen Zeit in Sekunden automatisch wieder ausgeblendet werden?
            Ich würde gerne 2 verschiedene Altert Widgets in meine VIS bauen.
            Einmal eine mit der Standardfunktion (Benachrichtigungen müssen über das "X" manuell geschlossen werden) und einmal, wo die Nachrichten sich nach X sekunden automatisch ausblenden.

            Danke für die Hilfe.

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #62

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

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            1 Antwort Letzte Antwort
            0
            • F Offline
              F Offline
              fabian.krauss
              schrieb am zuletzt editiert von
              #63

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

              ScroungerS 1 Antwort Letzte Antwort
              0
              • F fabian.krauss

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

                ScroungerS Offline
                ScroungerS Offline
                Scrounger
                Developer
                schrieb am zuletzt editiert von
                #64

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

                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                F 1 Antwort Letzte Antwort
                0
                • D Offline
                  D Offline
                  dos1973
                  schrieb am zuletzt editiert von
                  #65

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

                  1 Antwort Letzte Antwort
                  0
                  • ScroungerS Scrounger

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

                    F Offline
                    F Offline
                    fabian.krauss
                    schrieb am zuletzt editiert von
                    #66

                    @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

                    ScroungerS N 2 Antworten Letzte Antwort
                    0
                    • F fabian.krauss

                      @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

                      ScroungerS Offline
                      ScroungerS Offline
                      Scrounger
                      Developer
                      schrieb am zuletzt editiert von Scrounger
                      #67

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

                      <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                      <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                      liv-in-skyL 1 Antwort Letzte Antwort
                      0
                      • ScroungerS 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-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von liv-in-sky
                        #68

                        @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

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        ScroungerS 1 Antwort Letzte Antwort
                        0
                        • F fabian.krauss

                          @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

                          N Offline
                          N Offline
                          n3ucr0n
                          schrieb am zuletzt editiert von
                          #69

                          @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! :innocent: :relieved:

                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • N n3ucr0n

                            @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! :innocent: :relieved:

                            liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            schrieb am zuletzt editiert von liv-in-sky
                            #70

                            @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);

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            N F 3 Antworten Letzte Antwort
                            1
                            • N Offline
                              N Offline
                              n3ucr0n
                              schrieb am zuletzt editiert von
                              #71

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

                              1 Antwort Letzte Antwort
                              0
                              • liv-in-skyL 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

                                ScroungerS Offline
                                ScroungerS Offline
                                Scrounger
                                Developer
                                schrieb am zuletzt editiert von
                                #72

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

                                <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                                <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                                1 Antwort Letzte Antwort
                                0
                                • liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  schrieb am zuletzt editiert von
                                  #73

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

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  1 Antwort Letzte Antwort
                                  0
                                  • liv-in-skyL 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 Offline
                                    N Offline
                                    n3ucr0n
                                    schrieb am zuletzt editiert von
                                    #74

                                    @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 Antwort Letzte Antwort
                                    0
                                    • liv-in-skyL 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 Offline
                                      N Offline
                                      n3ucr0n
                                      schrieb am zuletzt editiert von
                                      #75

                                      @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-skyL 2 Antworten Letzte Antwort
                                      0
                                      • N n3ucr0n

                                        @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-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von
                                        #76

                                        @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

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        1 Antwort Letzte Antwort
                                        0
                                        • N n3ucr0n

                                          @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-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von liv-in-sky
                                          #77

                                          @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

                                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                          E 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          871

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe