Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter Material Design Widgets v0.2.x

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter Material Design Widgets v0.2.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      darkiop Most Active @Scrounger last edited by darkiop

      @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

      Um das Widget nutzen zu können, müsst ihr euch die Objekte mit javascript zusammenbauen.

      Hab das ganze mal versucht über Blockly zu erstellen (so baue ich mir auch die json fürs Tabellen-Widget zusammen).

      Allerdings ist das Ergebnis hier ein Array, kein json - Fehler in Blockly?

      b8d2af0d-bf95-4e9f-8f4c-46a3086d53be-grafik.png

      5b422b32-c493-42df-b9aa-88d76ddbd1b9-grafik.png

      9e5105a4-8103-4e51-9774-d8eade4cabd1-grafik.png

      [["text","we have a new message"],["text","we have a new message"],["text","we have a new message"],["text","we have a new message"],["text","we have a new message"],["text","we have a new message"]]
      

      Edit: Dein Beispiel für den ical Adapter hilft hier weiter:
      https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x/582

      Kann es sein, das es für Blockly push() nicht gibt?

      1 Reply Last reply Reply Quote 0
      • I
        intruder7 @skokarl last edited by

        @skokarl

        Hier mal ganz schnell mit dem Telegram Adapter getestet. Alles was ich an mein zuhause schicke wird dann angezeigt.

        var instanz = 'javascript.0'; instanz = instanz + '.';     // Instanz fuer die Datenpunkte definieren
        var pfad = 'VIS.';
        
        var AlertText = instanz + pfad + "Alerts.AlertText";
        
        createState(AlertText, "", { type: 'string', name: '', read: true, write: true });
        
        let Alert = [];
        on({id: 'telegram.0.communicate.request', change: 'any'}, function (obj) {
            var stateval = getState('telegram.0.communicate.request').val;              // Statevalue in Variable schreiben
            var benutzer = stateval.substring(1,stateval.indexOf("]"));                 // Benutzer aus Statevalue extrahieren
            var befehl = stateval.substring(stateval.indexOf("]")+1,stateval.length);   // Befehl/Text aus Statevalue extrahieren
        
                Alert.push({
                    text: befehl,
                    backgroundColor: '',
                    borderColor: 'darkred',
                    icon: 'message-alert-outline',
                    iconColor: 'darkred',
                    fontColor: 'blue' 
                })
         setState(AlertText, JSON.stringify(Alert), true);
         Alert = []
        });     
        
        S 1 Reply Last reply Reply Quote 1
        • S
          skokarl @intruder7 last edited by

          @intruder7

          super, besten Dank.
          Hab ich mal etwas damit ich es verstehen kann.

          1 Reply Last reply Reply Quote 0
          • M
            Mr.Oz last edited by

            Hallo zusammen,

            seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

            Gruß

            1 Reply Last reply Reply Quote 0
            • Scrounger
              Scrounger Developer last edited by

              Folgendes Skript könnt ihr euch als gobales Skript speichern

              var materialDesignWidgets = {};
              materialDesignWidgets.sendTo = function (id, text, backgroundColor = '', borderColor = '', icon = '', iconColor = '', fontColor = '') {
                  let json = getState(id).val;
              
                  json = JSON.parse(json);
              
                  json.push(
                      {
                          text: text,
                          backgroundColor: backgroundColor,
                          borderColor: borderColor,
                          icon: icon,
                          iconColor: iconColor,
                          fontColor: fontColor
                      }
                  )
              
                  setState(id, JSON.stringify(json), true);
              }
              

              und dann in anderen skripten mit

              materialDesignWidgets.sendTo('0_userdata.0.materialdesignwidgets.alerts.json', 'neuer Text', 'red');
              

              neue narichten schicken.

              @Mr-Oz sagte in Test Adapter Material Design Widgets v0.2.x:

              seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

              Kann ich nicht bestätigen. Welcher Browser? Welches Widget? Was steht in der console des browsers?

              @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

              Fehler bisher... Sollte der Text länger als die Breite sein, schreibt er ihn über das Widget hinaus und der Bestätigungsbutton ist auch weg
              Alles was an Buttons hinter dem Widget liegt ist nicht mehr bedienbar. Auch wenn keine Alerts angezeigt werden.

              Hab ich behoben. Zeilenumbruch funktioniert aber nur nach wörtern!

              sigi234 I M 3 Replies Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @Scrounger last edited by

                @Scrounger sagte in Test Adapter Material Design Widgets v0.2.x:

                0_userdata.0.materialdesignwidgets.alerts.json

                Muss der DP angelegt werden?

                I 1 Reply Last reply Reply Quote 0
                • I
                  intruder7 @Scrounger last edited by

                  @Scrounger

                  Zeilenumbruch funktioniert. Allerdings lässt sich alles was hinter dem widget ist noch nicht bedienen. Auch wenn keine Alerts angezeigt werden

                  I 1 Reply Last reply Reply Quote 0
                  • I
                    intruder7 @sigi234 last edited by

                    @sigi234
                    ja das muss ein existenter DP sein

                    sigi234 1 Reply Last reply Reply Quote 0
                    • I
                      intruder7 @intruder7 last edited by intruder7

                      @Scrounger
                      hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

                      I Scrounger 2 Replies Last reply Reply Quote 0
                      • I
                        intruder7 @intruder7 last edited by

                        @Scrounger
                        Beim Input Widget hab ich noch eine Frage
                        Der Text "Bitte einen Artikel eingeben" lässt sich nicht nach rechts einrücken.

                        df968530-3b55-4315-a43d-8c3e0b2ce854-image.png

                        hab es hier versucht aber ohne erfolg

                        d5504f14-4b64-4bbd-95f4-852e16a08919-image.png

                        aber hier ist es möglich

                        5b930730-ae3e-457a-bd51-2b0f1af69f04-image.png

                        ub.privat 1 Reply Last reply Reply Quote 0
                        • sigi234
                          sigi234 Forum Testing Most Active @intruder7 last edited by

                          @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                          @sigi234
                          ja das muss ein existenter DP sein

                          avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
                          javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
                          javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
                          javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
                          javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
                          javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
                          javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85
                          
                          I Scrounger 3 Replies Last reply Reply Quote 0
                          • I
                            intruder7 @sigi234 last edited by

                            @sigi234 zeig mal dein skript

                            1 Reply Last reply Reply Quote 0
                            • I
                              intruder7 @sigi234 last edited by

                              @sigi234
                              und ganz wichtig... das Script von scrounger muss unbedingt unter global sein. Verändern brauchst du da nichts.

                              1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @intruder7 last edited by

                                @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                                @Scrounger
                                hab den Fehler.. Bei der Höhe war 100% eingestellt. Einfach das Feld leer lassen und er passt die Höhe automatisch an und stört oder verdeckt auch nicht mehr die darunter liegenden Elemente

                                Auch ne Möglichkeit, aber das geht inzwischen auch wenns drüber liegt.

                                @intruder7 sagte in Test Adapter Material Design Widgets v0.2.x:

                                @Scrounger
                                Beim Input Widget hab ich noch eine Frage
                                Der Text "Bitte einen Artikel eingeben" lässt sich nicht nach rechts einrücken.

                                df968530-3b55-4315-a43d-8c3e0b2ce854-image.png

                                hab es hier versucht aber ohne erfolg

                                Stimmt, da ist noch nen fehler im styling drin.

                                I 1 Reply Last reply Reply Quote 0
                                • Scrounger
                                  Scrounger Developer @sigi234 last edited by

                                  @sigi234 sagte in Test Adapter Material Design Widgets v0.2.x:

                                  avascript.0	2020-01-26 14:43:30.625	error	(5968) at Script.runInContext (vm.js:133:20)
                                  javascript.0	2020-01-26 14:43:30.625	error	(5968) at script.js.Alarm.SendTo_Material_Vis:1:23
                                  javascript.0	2020-01-26 14:43:30.625	error	(5968) at Object.materialDesignWidgets.sendTo (script.js.Alarm.SendTo_Material_Vis:85:10)
                                  javascript.0	2020-01-26 14:43:30.625	error	(5968) TypeError: json.push is not a function
                                  javascript.0	2020-01-26 14:43:30.625	error	(5968) ^
                                  javascript.0	2020-01-26 14:43:30.625	error	(5968) json.push(
                                  javascript.0	2020-01-26 14:43:30.624	error	(5968) script.js.Alarm.SendTo_Material_Vis: script.js.Alarm.SendTo_Material_Vis:85
                                  

                                  Das passiert wenn der Datenpunkt leer ist bzw. falsch ist.
                                  Hier eine optimierte Variante des Skriptes, das das abfängt.

                                  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);
                                  }
                                  
                                  1 Reply Last reply Reply Quote 0
                                  • I
                                    intruder7 @Scrounger last edited by

                                    @Scrounger
                                    hatte nochmal neu installiert da du ein commit zum input widget gemacht hast.

                                    Problem existiert immer noch. Versatz x y hat null Auswirkungen und style ist noch auf left: 0px

                                    2cb57987-e287-458a-b744-a803bf99f8f6-image.png

                                    Scrounger 1 Reply Last reply Reply Quote 0
                                    • Scrounger
                                      Scrounger Developer @intruder7 last edited by Scrounger

                                      @intruder7

                                      Funktioniert:
                                      9faa3cff-5b48-4c36-8ac5-2a8995bae27f-grafik.png

                                      hat auch nix mit dem left zu tun. Die Versatz Einstellung greift nur, wenn etwas im Feld steht und das Label nach oben wandert.

                                      I O 2 Replies Last reply Reply Quote 0
                                      • B
                                        BobBruni last edited by

                                        @Scrounger

                                        Gibt es im Masonry-View die Möglichkeit die Höhe des Views variable zu gestalten?

                                        Hintergrund:
                                        Ich lasse mir in einer HTML-Card einen Liste mit Räumen, in den Licht brennt, anzeigen. Durch den automatischen Zeilenumbruch ändert sich die Höhe der Card.

                                        1 Reply Last reply Reply Quote 0
                                        • M
                                          Mr.Oz @Scrounger last edited by

                                          @Mr-Oz sagte in Test Adapter Material Design Widgets v0.2.x:

                                          seit der Version 0.2.32 / 0.2.40 funktioniert das vibrieren auf Mobilgeräten nicht mehr. Muss man da noch was beachten/umstellen?

                                          Kann ich nicht bestätigen. Welcher Browser? Welches Widget? Was steht in der console des browsers?

                                          Hi,
                                          habe ein Huawei P30 Pro. Habe es mit Chrome und Huawei Browser probiert. In der Version vor 0.2.32 hat es funktioniert. Beispiel in der Top App Bar. Eingestellt ist es auf standard 50 ms.

                                          Ich habe letztens da Android 10 update bekommen. Vielleicht liegt es auch daran. Wenn du mir sagst wie ich im Handy die Console öffne dann kann ich dir die Daten liefern.

                                          1 Reply Last reply Reply Quote 0
                                          • D
                                            darkbrain85 last edited by

                                            Ich habe im Diagramm auf der linken Seite immer eine schwarze Linie.
                                            Leider konnte ich bis jetzt nicht herausfinden, wie man diese entfernt.

                                            Hat jemand einen Tipp für mich?

                                            1e5ddecb-7ec0-47e0-8537-e219b631bb2c-image.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            494
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            adapater material vis visualization widget
                                            77
                                            902
                                            169593
                                            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