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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Material Design Widgets: Alerts Widget

    This topic has been deleted. Only users with topic management privileges can see it.
    • D3ltoroxp
      D3ltoroxp @Glasfaser last edited by D3ltoroxp

      @glasfaser Ok ich hab es jetzt zum laufen gebracht genau nach der verlinkten Anleitung, vielen Dank an der Stelle.

      Nur wie stelle ich das jetzt an, das ich mehrere Meldungen auf dem Display habe ? Ich habe mal versucht händisch in den DP verschiedene Messages zu schreiben, es steht immer nur ein Alarm mit der letzten Meldung auf dem Display, im Widget habe ich eingestellt 8 z.B.

      EDIT ::

      Ich hab auch noch die Variante gefunden um das Alert automatisch löschen zu lassen, daran hab ich mich auch mal versucht, aber das löschen klappt noch nicht.

      Das ist mein Blockly für das erstellen und eigentlich löschen eines Alerts.

      a1c83592-b9e1-4f1d-a113-35082a8898d8-grafik.png

      Das ist das abgeänderte Script von @liv-in-sky

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

      Und in meiner Funktion AlertMessage Auto Delet

      habe ich folgendes stehen :

      materialDesignWidgets.delete('0_userdata.0.vis.AlertWidget.AlertMessages', 'message');
      

      Das sagt die Log ::

      16:58:07.594	error	javascript.0 (6468) script.js.VIS.Alerts.Sensor_connection_lost: SyntaxError: Unexpected end of JSON input
      16:58:07.596	error	javascript.0 (6468) at Object.materialDesignWidgets.delete (script.js.VIS.Alerts.Sensor_connection_lost:80:16)
      16:58:07.596	error	javascript.0 (6468) at AlertMessage_Auto_Delet (script.js.VIS.Alerts.Sensor_connection_lost:10:33)
      16:58:07.597	error	javascript.0 (6468) at script.js.VIS.Alerts.Sensor_connection_lost:37:7
      16:58:07.597	error	javascript.0 (6468) at script.js.VIS.Alerts.Sensor_connection_lost:40:3
      
      svenomatt 1 Reply Last reply Reply Quote 0
      • C
        Coffeelover last edited by

        @liv-in-sky Hi. Ich versuche gerade, deine Möglichkeit zum Löschen nachzubauen. Ich bekomme allerdings das Blockly nicht hin, mit dem ich den Alert inkl. ID erzeugen / löschen kann.

        Anbei mein Export. Das global Script von dir habe ich übernommen unter global.
        In den Funktionen steht:

        materialDesignWidgets.sendTo('0_userdata.0.Alert.Alertmessage', id, message, color, );
        

        und
        materialDesignWidgets.delete(id, message);

        582fe3bc-1116-4fb9-bb1c-f6e05c74d06a-grafik.png

        <xml xmlns="https://developers.google.com/blockly/xml">
          <variables>
            <variable id="=Ut$d@[FM_%wP@Tr$e_2">id</variable>
            <variable id=")0Q{^m~~hxNDJ-+T2t6w">message</variable>
            <variable id="4u_R(nvk[1;jt$=}RtM0">color</variable>
          </variables>
          <block type="on_ext" id="htG$ftnD|+dec}BK7ONm" x="63" y="38">
            <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
            <field name="CONDITION">any</field>
            <field name="ACK_CONDITION"></field>
            <value name="OID0">
              <shadow type="field_oid" id="[(0c+QMnycfw+9^U;$O7">
                <field name="oid">0_userdata.0.Alert.SwitchTest</field>
              </shadow>
            </value>
            <statement name="STATEMENT">
              <block type="controls_if" id="4lD40^K_uOV~GUDpAw,!">
                <value name="IF0">
                  <block type="logic_compare" id="KLAQ3)zE]]H(;FU(Iuty">
                    <field name="OP">EQ</field>
                    <value name="A">
                      <block type="get_value" id="B!WNR-Z|]i==DZ)2*Oe3">
                        <field name="ATTR">val</field>
                        <field name="OID">0_userdata.0.Alert.SwitchTest</field>
                      </block>
                    </value>
                    <value name="B">
                      <block type="logic_boolean" id="#lUQcN/F$hn~Fs~j:TTB">
                        <field name="BOOL">TRUE</field>
                      </block>
                    </value>
                  </block>
                </value>
                <statement name="DO0">
                  <block type="update" id="GZ)NF${Zz8,eYE3cFn(:">
                    <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                    <field name="OID">0_userdata.0.Alert.Alert1</field>
                    <field name="WITH_DELAY">FALSE</field>
                    <value name="VALUE">
                      <block type="logic_boolean" id="W~BRjB?r+!9CY#InDqq.">
                        <field name="BOOL">TRUE</field>
                      </block>
                    </value>
                    <next>
                      <block type="procedures_callcustomnoreturn" id="AAZj9j=w8=Tx*h=Rd?E7">
                        <mutation name="AlertMaterialDesign">
                          <arg name="id"></arg>
                          <arg name="message"></arg>
                          <arg name="color"></arg>
                        </mutation>
                        <value name="ARG0">
                          <block type="math_number" id="P@Ql%#r`c]49Ak$].#;e">
                            <field name="NUM">5</field>
                          </block>
                        </value>
                        <value name="ARG1">
                          <block type="text" id="xNiuZ-=xz%d]#.9BS,tu">
                            <field name="TEXT">Neue Post im Briefkasten!</field>
                          </block>
                        </value>
                        <value name="ARG2">
                          <block type="colour_picker" id="84kKfIA}c5AiN#u/(}{+">
                            <field name="COLOUR">#ffcc00</field>
                          </block>
                        </value>
                      </block>
                    </next>
                  </block>
                </statement>
                <next>
                  <block type="controls_if" id="L/yG_/(ui+p~;FZ]aU@E">
                    <value name="IF0">
                      <block type="logic_compare" id="=azPmlDJ]tqNwR4@Rjh%">
                        <field name="OP">EQ</field>
                        <value name="A">
                          <block type="get_value" id="V*4jf,wckJI0/nvvWc-q">
                            <field name="ATTR">val</field>
                            <field name="OID">0_userdata.0.Alert.SwitchTest</field>
                          </block>
                        </value>
                        <value name="B">
                          <block type="logic_boolean" id="CU8qa0-N6Sf03VD[Ad=Y">
                            <field name="BOOL">FALSE</field>
                          </block>
                        </value>
                      </block>
                    </value>
                    <statement name="DO0">
                      <block type="update" id="uN,HM8Hy#gEX2eTn[|r=">
                        <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
                        <field name="OID">0_userdata.0.Alert.Alert1</field>
                        <field name="WITH_DELAY">FALSE</field>
                        <value name="VALUE">
                          <block type="logic_boolean" id="$9#=o3[T}t?sGp8t!iG6">
                            <field name="BOOL">FALSE</field>
                          </block>
                        </value>
                        <next>
                          <block type="procedures_callcustomnoreturn" id="!L`bn38vl1:c|^fj}+1]">
                            <mutation name="AlertMaterialDesignDelete">
                              <arg name="id"></arg>
                              <arg name="message"></arg>
                            </mutation>
                            <value name="ARG0">
                              <block type="math_number" id="=67e@W[4N.@91(vlg})}">
                                <field name="NUM">5</field>
                              </block>
                            </value>
                            <value name="ARG1">
                              <block type="text" id="s.hjQDPZq?;GMe/}1QNE">
                                <field name="TEXT">Neue Post im Briefkasten!</field>
                              </block>
                            </value>
                          </block>
                        </next>
                      </block>
                    </statement>
                  </block>
                </next>
              </block>
            </statement>
          </block>
          <block type="procedures_defcustomnoreturn" id="/XN%MvZ2GnXAjVrqd=+Q" x="63" y="738">
            <mutation statements="false">
              <arg name="id" varid="=Ut$d@[FM_%wP@Tr$e_2"></arg>
              <arg name="message" varid=")0Q{^m~~hxNDJ-+T2t6w"></arg>
              <arg name="color" varid="4u_R(nvk[1;jt$=}RtM0"></arg>
            </mutation>
            <field name="NAME">AlertMaterialDesign</field>
            <field name="SCRIPT">bWF0ZXJpYWxEZXNpZ25XaWRnZXRzLnNlbmRUbygnMF91c2VyZGF0YS4wLkFsZXJ0LkFsZXJ0bWVzc2FnZScsIGlkLCBtZXNzYWdlLCBjb2xvciwgKTsg</field>
            <comment pinned="false" h="80" w="160">Material Design Alert</comment>
          </block>
          <block type="procedures_defcustomnoreturn" id="k/9Y,J7=/b*2eA*Gau%X" x="63" y="812">
            <mutation statements="false">
              <arg name="id" varid="=Ut$d@[FM_%wP@Tr$e_2"></arg>
              <arg name="message" varid=")0Q{^m~~hxNDJ-+T2t6w"></arg>
            </mutation>
            <field name="NAME">AlertMaterialDesignDelete</field>
            <field name="SCRIPT">bWF0ZXJpYWxEZXNpZ25XaWRnZXRzLmRlbGV0ZShpZCwgbWVzc2FnZSk7IA==</field>
            <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
          </block>
        </xml>
        

        VG & Danke

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

          @coffeelover

          ich denke, du verwechsels die id

          die id ist der datenpunkt, die im widget als dp angegeben ist - die id steht also im javascript teil - sie ist fest, außer du hast mehrere verschiedene alert widgets

          das löschen sucht nach der message- die ist die "id" für das löschen

          import blockly

          <xml xmlns="https://developers.google.com/blockly/xml">
            <variables>
              <variable id="B-d2{p:M42V6flSuvK+V">message</variable>
              <variable id="xYJzlMC^@H4F0Gi|Dk17">color</variable>
            </variables>
            <block type="procedures_callcustomnoreturn" id="AAZj9j=w8=Tx*h=Rd?E7" x="813" y="288">
              <mutation name="AlertMaterialDesign">
                <arg name="message"></arg>
                <arg name="color"></arg>
              </mutation>
              <value name="ARG0">
                <block type="text" id="xNiuZ-=xz%d]#.9BS,tu">
                  <field name="TEXT">Neue Post im Briefkasten!</field>
                </block>
              </value>
              <value name="ARG1">
                <block type="colour_picker" id="84kKfIA}c5AiN#u/(}{+">
                  <field name="COLOUR">#cc0000</field>
                </block>
              </value>
            </block>
            <block type="procedures_callcustomnoreturn" id="o56fmxo^jf`YH-Gr.cNG" disabled="true" x="712" y="412">
              <mutation name="AlertMaterialDesignDelete">
                <arg name="message"></arg>
              </mutation>
              <value name="ARG0">
                <block type="text" id="oh0D/o3@2@/{b+XuysX/">
                  <field name="TEXT">Neue Post im Briefkasten!</field>
                </block>
              </value>
            </block>
            <block type="procedures_defcustomnoreturn" id="/XN%MvZ2GnXAjVrqd=+Q" x="637" y="513">
              <mutation statements="false">
                <arg name="message" varid="B-d2{p:M42V6flSuvK+V"></arg>
                <arg name="color" varid="xYJzlMC^@H4F0Gi|Dk17"></arg>
              </mutation>
              <field name="NAME">AlertMaterialDesign</field>
              <field name="SCRIPT">bWF0ZXJpYWxEZXNpZ25XaWRnZXRzLnNlbmRUbygnMF91c2VyZGF0YS4wLkFsYXJtLU1hdGVyaWFsRGVzaWduLkhpbndlaXNlTWVzc2FnZXMnLCAgbWVzc2FnZSwgY29sb3IgKTsg</field>
              <comment pinned="false" h="80" w="160">Material Design Alert</comment>
            </block>
            <block type="procedures_defcustomnoreturn" id="k/9Y,J7=/b*2eA*Gau%X" x="637" y="563">
              <mutation statements="false">
                <arg name="message" varid="B-d2{p:M42V6flSuvK+V"></arg>
              </mutation>
              <field name="NAME">AlertMaterialDesignDelete</field>
              <field name="SCRIPT">bWF0ZXJpYWxEZXNpZ25XaWRnZXRzLmRlbGV0ZSgnMF91c2VyZGF0YS4wLkFsYXJtLU1hdGVyaWFsRGVzaWduLkhpbndlaXNlTWVzc2FnZXMnLCBtZXNzYWdlKTsg</field>
              <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
            </block>
          </xml>
          

          Image 9.png

          du musst deine datenpunkte wieder reinschreiben - habe meine benutzt

          Image 10.png

          1 Reply Last reply Reply Quote 2
          • liv-in-sky
            liv-in-sky @Coffeelover last edited by liv-in-sky

            @coffeelover

            ich habe das bei mir anders gelöst - ich habe ein extra script und extra datenpunkte

            zum setzen eines alerts muss ich nur einen dp setzen
            zum löschen einen anderen (siehe kommentar im blockly - das kann überall - in jedem script - verwendet werden)
            somit muss ich nicht immer die functionen mitschleppen - natürlich könnte man das globale script damit abschalten und direkt darin eine function verwenden - war ich zu faul, um das zu ändern 😞

            Image 11.png

            Image 12.png

            das ,xxx, ist nur dazu da, um kommas im text verwenden zu können - ginge auch nr mit komma

            1 Reply Last reply Reply Quote 0
            • C
              Coffeelover last edited by

              @liv-in-sky Vielen Dank - jetzt ist der Groschen gefallen. Ich hatte tatsächlich deine Lösung und die anskizzierte Lösung von Scrounger vermischt. Jetzt klappt hinzufügen und Löschen perfekt.

              1 Reply Last reply Reply Quote 0
              • svenomatt
                svenomatt @D3ltoroxp last edited by svenomatt

                bräuchte ebenfalls eure Hilfe, habe es jetzt ebenfalls hingekommen eine Nachricht anzuzeigen. was ich nicht hin gekomme mehre Nachrichten untereinander zu erzeugen. Hast du eine Losung gefunden?

                vielleicht kann mir jemand auf die Sprünge helfen.

                svenomatt 1 Reply Last reply Reply Quote 0
                • svenomatt
                  svenomatt @svenomatt last edited by svenomatt

                  @svenomatt

                  Habe den Fehler selbst finden können. Hatte den Datenpunkt als Objekt (Zustandstyp) gewählt. Muss aber ein "String" sein.

                  • Anbei meine Zusammenstellung.

                  "Vielleicht kann sie jemand gebrauchen (als eine kleine Zusammenfassung zu sehen.)"

                  folgenden geht damit

                  • mehre Nachrichten werden angezeigt
                  • einzelne Nachrichten können gelöscht werden. (alles mittels Blockly)
                  1. Javascript unter "Global" anlegen

                  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;
                  
                  // Sucht innerhalb des Datenpunktes die Textnachricht anhand des Textinhaltes und löscht diese
                  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
                  
                  }
                  
                  }
                  
                  

                  1. Datenpunkt erstellen, bei mir "sAlarm"
                  • Wichtig der Datenpunkt muss den Zustandstyp "string" haben


                  Screenshot 2021-11-23 135016.png
                  Screenshot 2021-11-23 135249.png

                  1. Blockly Funktion

                  Screenshot


                  Screenshot 2021-11-23 135753.png

                  Export Blockly

                  <xml xmlns="https://developers.google.com/blockly/xml">
                    <variables>
                      <variable id="FAhazIMG=Z}@HNI+T[VK">message</variable>
                      <variable id="*]nWmg4pJG}Ljh%L_A?P">color</variable>
                      <variable id=";lNb`g`,Cra:u/HA=zT+">borderColor</variable>
                      <variable id="7E-?W0(WI?@#y^g=#k!5">icon</variable>
                      <variable id="RjU^^ep#60]8Je./|ggB">iconColor</variable>
                      <variable id="(![CothNimXpMUV8ee38">fontColor</variable>
                    </variables>
                    <block type="procedures_defcustomnoreturn" id="2+/YmhZKI?ON7;Y:{{2)" x="238" y="-537">
                      <mutation statements="false">
                        <arg name="message" varid="FAhazIMG=Z}@HNI+T[VK"></arg>
                        <arg name="color" varid="*]nWmg4pJG}Ljh%L_A?P"></arg>
                        <arg name="borderColor" varid=";lNb`g`,Cra:u/HA=zT+"></arg>
                        <arg name="icon" varid="7E-?W0(WI?@#y^g=#k!5"></arg>
                        <arg name="iconColor" varid="RjU^^ep#60]8Je./|ggB"></arg>
                        <arg name="fontColor" varid="(![CothNimXpMUV8ee38"></arg>
                      </mutation>
                      <field name="NAME">alert-Messages</field>
                      <field name="SCRIPT">bWF0ZXJpYWxEZXNpZ25XaWRnZXRzLnNlbmRUbygnMF91c2VyZGF0YS4wLnNBbGFybScsIG1lc3NhZ2UsIGNvbG9yLCBib3JkZXJDb2xvciwgaWNvbiwgaWNvbkNvbG9yLCBmb250Q29sb3IsKTsgDQog</field>
                      <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
                    </block>
                    <block type="procedures_defcustomnoreturn" id="vEP!05(E`0lzqNHQ}!)s" x="513" y="-487">
                      <mutation statements="false">
                        <arg name="message" varid="FAhazIMG=Z}@HNI+T[VK"></arg>
                      </mutation>
                      <field name="NAME">alert-delet</field>
                      <field name="SCRIPT">bWF0ZXJpYWxEZXNpZ25XaWRnZXRzLmRlbGV0ZSgnMF91c2VyZGF0YS4wLnNBbGFybScsIG1lc3NhZ2UpOyANCiA=</field>
                      <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment>
                    </block>
                    <block type="on" id="3iER$AuJU*~#Bq=Y!,3?" x="238" y="-463">
                      <field name="OID">0_userdata.0.schalter</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.schalter</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="r}{,:7IEsJgqmsFbJX59">
                              <mutation name="alert-Messages">
                                <arg name="message"></arg>
                                <arg name="color"></arg>
                                <arg name="borderColor"></arg>
                                <arg name="icon"></arg>
                                <arg name="iconColor"></arg>
                                <arg name="fontColor"></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>
                              <value name="ARG3">
                                <block type="text" id="-/cEjgw%j;9o5LHKJd:]">
                                  <field name="TEXT">pine-tree-fire</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.schalter</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=";ml%a*}m.oMd3Dyau{^:">
                                  <mutation name="alert-delet">
                                    <arg name="message"></arg>
                                  </mutation>
                                  <value name="ARG0">
                                    <block type="text" id="`9b+-08-A~;LKr+(`A,u">
                                      <field name="TEXT">Keine neue Post</field>
                                    </block>
                                  </value>
                                </block>
                              </statement>
                            </block>
                          </next>
                        </block>
                      </statement>
                    </block>
                  </xml>
                  

                  1. Datenpunkt mit Alertswigdet in vis einbinden


                  Screenshot 2021-11-23 141701.png

                  M 1 Reply Last reply Reply Quote 0
                  • M
                    mrMuppet @svenomatt last edited by mrMuppet

                    @svenomatt
                    Ich versuche das jetzt schon eine ganze Weile bei mir ans Laufen zu bekommen. Hab mich an deine und auch an die anderen (frühen) Anleitungen hier im Thread gehalten.
                    Leider zeigt mir das Widget immer nur "Fehler im JSON-String!" an. und in der JavaScript-Adapter zeigt an

                    2022-01-11 14:48:07.531 - warn: javascript.0 (1708410) You are assigning a boolean to the state "0_userdata.0.alertMessages" which expects a string. Please fix your code to use a string or change the state type to boolean. This warning might become an error in future versions.
                    2022-01-11 14:48:07.546 - warn: javascript.0 (1708410) at setState (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1437:20)
                    2022-01-11 14:48:07.546 - warn: javascript.0 (1708410) at Object. (script.js.alert_test:14:5)
                    2022-01-11 14:48:07.547 - warn: javascript.0 (1708410) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1082:38)
                    2022-01-11 14:48:07.547 - warn: javascript.0 (1708410) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:530:29)
                    2022-01-11 14:48:07.547 - warn: javascript.0 (1708410) at Immediate._onImmediate (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5706:41)
                    2022-01-11 14:48:07.547 - warn: javascript.0 (1708410) at processImmediate (internal/timers.js:461:21)
                    2022-01-11 14:48:07.548 - warn: javascript.0 (1708410) script.js.alert_test: Wert ist kein JSON string! Wert wird ersetzt!
                    

                    Interessanterweise wechselt die Fehlermeldung immer um zwischen

                    2022-01-11 14:48:07.555 - info: javascript.0 (1708410) State value to set for "0_userdata.0.alertMessages" has to be type "string" but received type "boolean"
                    

                    und

                    2022-01-11 14:48:41.024 - info: javascript.0 (1708410) State value to set for "0_userdata.0.alertMessages" has to be type "boolean" but received type "string"
                    

                    wenn ich den Datentyp auf string setzte will er boolean, wenn ich den Datenpunkt auf boolean setze (und sonst nichts ändere) will er string haben!

                    Wo ist mein Fehler?

                    Edit: Keine Ahnung woran es lag, vermutlich musste ich den Editor einmal mehr refreshen: jetzt gehts. Nur die Meldungen im Log sind geblieben.

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

                      @Scrounger

                      hi

                      wollte mal fragen, ob es möglich wäre :

                      die einzelnen alerts anders anzuordnen

                      • dem widget einen bereich (größe des widgets) zu zuteilen und dort alles über eine art flex-box anzuzeigen zu lassen - damit auch 2 oder 3 nebeneinander zu sehen sind

                      • gleichzeitig , wenn die flex-box möglich wäre, die max. breite eines alerts zu definieren - im moment wird der einzelne alert gnau so breit, wie die breite des wigets eingegeben ist - die höhe sollte auch eine min-konfig haben - so das man auch quadrate bekommen kann

                      ungefähr so:

                      istockphoto-492740892-170667a.jpg

                      1 Reply Last reply Reply Quote 0
                      • C
                        CHU 0 last edited by

                        Hallo,

                        gibt es eine Möglichkeit die Icon Größe und die Schriftgröße zu verändern?
                        Ich habe es mal mit "fontSize" und "iconSize" in der Funktion probiert, hat leider nicht geklappt.

                        Oder wird es in der Adapter Konfig beim Editor eingestellt?

                        Kann man außerdem auch Werte übertragen... zb. Helligkeit im Raum beträgt 40lx.

                        Vielen Dank im Voraus

                        Grüße

                        Chris

                        1 Reply Last reply Reply Quote 0
                        • P
                          ParaChris82 last edited by

                          Schriftgröße habe ich über den Editor vom Adapter hinbekommen, hat jemand noch einen Tipp für mich wo/wie ich die Icon Größe anpassen kann?

                          O 1 Reply Last reply Reply Quote 0
                          • O
                            Oli @ParaChris82 last edited by

                            @parachris82

                            sollte eigentlich in der Vis im Widget unter Layout und Symbolgröße gehen.

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

                              Moin zusammen,
                              da hier schon öfter die Frage nach einer Umsetzung in Blockly gekommen ist, hier mal meine Variante die komplett ohne Javascript auskommt, und ein paar vordefinierte Designs hat...

                              https://forum.iobroker.net/topic/63983/vorlage-material-design-alerts-ohne-javascript

                              Vielleicht hilft es jemanden.

                              1 Reply Last reply Reply Quote 0
                              • First post
                                Last post

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              389
                              Online

                              31.9k
                              Users

                              80.1k
                              Topics

                              1.3m
                              Posts

                              vis
                              28
                              105
                              13303
                              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