Navigation

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

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Widgets: IconList Widget

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

      @Scrounger sagte in Material Design Widgets: IconList Widget:

      @AxelF1977
      Bei Hintergrundfarbe transparent eingeben

      Geht auch none. Aber dann ist da kein Hintergrund. Gebe ich #ffffff ein, ist er weiß pro Kachel. Dann soll das aber noch eine Transparenz haben. Ohne dass das auch auf die Schrift oder die Icon angewendet wird

      Chris Tailor 1 Reply Last reply Reply Quote 0
      • Chris Tailor
        Chris Tailor @AxelF1977 last edited by

        @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

        AxelF1977 1 Reply Last reply Reply Quote 1
        • AxelF1977
          AxelF1977 @Chris Tailor last edited by

          @Chris-Tailor sagte in Material Design Widgets: IconList Widget:

          @AxelF1977 du kannst auch noch den Alphakanal mit angeben, also z.B. #ffffff20, somit kannst du die Transparenz steuern.

          Sehr gut, danke. Habe es zwar schon probiert es so zu machen

          #263238 0.6
          #263238 .6
          

          Aber auf die Idee bin ich nicht gekommen. Kannte ich noch nicht. Es kann so einfach sein

          Funktioniert

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

            @AxelF1977
            Du kannst auch rgba verwenden:
            https://www.w3schools.com/cssref/func_rgba.asp

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

              @Scrounger sehr gut, Danke, so kann ich direkt den Schnippsel aus meinem CSS verwenden.

              Klappt.

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

                @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze. Wo muss das skript genau eingefügt werden.
                Eingabemethode für Listendaten habe ich aktuell über den Editor realisiert.
                Vielen Dank vorab.

                Scrounger 2 Replies Last reply Reply Quote 0
                • Scrounger
                  Scrounger Developer @tobasium last edited by

                  @tobasium
                  Welches Skript?

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

                    @Scrounger said in Material Design Widgets: IconList Widget:

                    @tobasium
                    Welches Skript?

                    @Scrounger Sorry das in Beitrag 33 (hab den Satz wohl irgendwie verloren) ich würde gerne nur die Lichter anzeigen die an sind komme aber irgendwie nicht weiter steig nicht durch.

                    M 1 Reply Last reply Reply Quote 0
                    • M
                      micklafisch @tobasium last edited by

                      @tobasium
                      das geht mir leider genau so. Ich habe schon eine Aufzählung erstellt und die Lichter bzw. schaltbaren Steckdosen reingepackt, aber damit komme ich nicht klar. @Scrounger wäre es vermessen nach ein paar Screenshots zu fragen?

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

                        @tobasium sagte in Material Design Widgets: IconList Widget:

                        @Scrounger Kannst du erklären wie man das Script genau nutzt stehe etwas auf dem Schlauch. Sehe auch keine Datenpunkte. Verstehe noch nicht wo ich hier genau ansetze.

                        Ich verwende in dem skript den linkeddevices adapter, z.B. in Zeile 122

                        myDevices.Licht.Vis.iconListJson.setState(JSON.stringify(lichterAnVisIconList), true);
                        

                        ist ein setState befehl unter Verwendung des linkeddevices Adapter (siehe Skript mit Variablen aller verlinkten Objekte erzeugen). Wenn man den nicht verwendet muss das dann z.B. so aussehen:

                        setState("meinDatenpunkt",JSON.stringify(lichterAnVisIconList), true)
                        

                        @micklafisch sagte in Material Design Widgets: IconList Widget:

                        @Scrounger wäre es vermessen nach ein paar Screenshots zu fragen?

                        Welche Screenshots bzw. von was die Screenshots?

                        M 1 Reply Last reply Reply Quote 1
                        • M
                          micklafisch @Scrounger last edited by

                          @Scrounger

                          ich taste mich immer weiter heran, aber aktuell fällt das Script aus Beitrag 33 auf die Nase, da angeblich "no result":

                          20:04:13.654	error	javascript.0 (5410) script.js.common.test_LichteranView: no result for selector '[id=linkeddevices.0.Licht.*.An]'
                          20:04:13.657	error	javascript.0 (5410) script.js.common.test_LichteranView: no result for selector '[id=linkeddevices.0.Licht.*.Dimmer]'
                          20:04:13.658	error	javascript.0 (5410) script.js.common.test_LichteranView: [lichterAnCheck] error: Cannot read property 'getState' of undefined
                          20:04:13.659	error	javascript.0 (5410) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: Cannot read property 'getState' of undefined at lichterAnCheck (script.js.common.test_LichteranView:153:58) at script.js.common.test_LichteranView:196:1 at Script.runInContext (vm.js:133:20) at Script.runInNewContext (vm.js:139:17) at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1285:27) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1469:38) at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1521:17) at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1112:17) at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:17) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                          

                          Ich habe aber unter linkeddevices in der Objektansicht entsprechende Einträge:

                          linkeddevices.png

                          So sehr ich mich auf bemühe, ich steige nicht hinter die Logik des Aufbaus bzw. verstehe diese nicht 😖

                          Wie würde ich dann das ganze im IconList Widget hinterlegen? Ein JSON wird ja (so sehe ich das zumindest) nicht erzeugt.

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

                            @micklafisch

                            Deine Struktur ist nicht so das der selector etwas finden kann. Anbei wie meine Struktur aussieht und der selector funktioniert.

                            1b76da83-a606-4e35-82a9-a825c7efafad-grafik.png

                            Und wenn du linkeddevices benutzt musst du jedes mal wenn du etwas an der IDs der verlinkten Objekte änderst auch das skript neu erzeugen lassen.

                            M 1 Reply Last reply Reply Quote 0
                            • M
                              micklafisch @Scrounger last edited by

                              @Scrounger
                              Ok, das konnte ich soweit nachbauen und habe das Skript neu erzeugen lassen.

                              hc_2336.jpg

                              Jetzt erscheint beim Scriptstart allerdings weiterhin ein Fehler:

                              09:42:14.628	info	javascript.0 (17560) Start javascript script.js.common.test_LichteranView
                              09:42:14.645	error	javascript.0 (17560) script.js.common.test_LichteranView: [lichterAnCheck] error: Cannot read property 'getState' of undefined
                              09:42:14.646	error	javascript.0 (17560) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: Cannot read property 'getState' of undefined at lichterAnCheck (script.js.common.test_LichteranView:167:58) at script.js.common.test_LichteranView:210:1 at Script.runInContext (vm.js:133:20) at Script.runInNewContext (vm.js:139:17) at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1285:27) at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1469:38) at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1521:17) at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1112:17) at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:17) at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                              09:42:14.646	info	javascript.0 (17560) script.js.common.test_LichteranView: registered 3 subscriptions and 0 schedules
                              
                              Scrounger 1 Reply Last reply Reply Quote 0
                              • Scrounger
                                Scrounger Developer @micklafisch last edited by

                                @micklafisch
                                Poste bitte dein komplettes Skript. Laut Error Meldung gibt es den Datenpunkt nicht.

                                M 1 Reply Last reply Reply Quote 0
                                • M
                                  micklafisch @Scrounger last edited by

                                  @Scrounger

                                  hier das von dir übernommene Skript:

                                  // Prüfen ob irgendwelche Lichter in der Wohnung an sind ****************************************************************************************************
                                  let lichterSelector = `[id=${myDevices.Licht.getId()}.*.An]`;
                                  let alleLichter = $(lichterSelector);
                                  
                                  // Fehlermeldung ausgeben, wenn selector kein result liefert
                                  if (alleLichter.length === 0) {
                                     console.error(`no result for selector '${lichterSelector}'`)
                                  }
                                  
                                  let dimmerSelector = `[id=${myDevices.Licht.getId()}.*.Dimmer]`;
                                  let alleDimmer = $(dimmerSelector);
                                  
                                  // Fehlermeldung ausgeben, wenn selector kein result liefert
                                  if (alleDimmer.length === 0) {
                                     console.error(`no result for selector '${dimmerSelector}'`)
                                  }
                                  
                                  // Trigger
                                  alleLichter.on(lichterAnCheck);
                                  alleDimmer.on(lichterAnCheck);
                                  
                                  
                                  function lichterAnCheck() {
                                     try {
                                         let lichterAnListe = [];
                                         let lichterAnIdListe = [];
                                         let anyLightsOn = false;
                                  
                                         let lichterAnVisIconList = [];
                                         let subTextStyle = 'style="height: 26px; margin-top: 4px; margin-bottom: 4px;"'
                                  
                                         // alle Lichter durchlaufen und prüfen
                                         for (var i = 0; i <= alleLichter.length - 1; i++) {
                                             let lichtId = alleLichter[i];
                                             let lichtIdSplitted = lichtId.split(".");
                                  
                                             if (getState(lichtId).val === true) {
                                                 let lichtName = (`${lichtIdSplitted[lichtIdSplitted.length - 3]} ${lichtIdSplitted[lichtIdSplitted.length - 2]}`)
                                                     .replace("Licht", "").replace("ue", "ü").replace("Main", "").trim();
                                  
                                                 lichterAnListe.push(lichtName);
                                                 lichterAnIdListe.push(lichtId);
                                                 anyLightsOn = true;
                                  
                                                 lichterAnVisIconList.push(
                                                     {
                                                         text: '<div style="height: 4px;"></div>',
                                                         subText: `<div ${subTextStyle}>${lichtName.replace(' ', '<br>')}</div>`,
                                                         objectId: lichtId,
                                                         listType: 'buttonToggle',
                                                         image: '/vis.0/myImages/light_bulb_off.png',
                                                         imageActive: '/vis.0/myImages/light_bulb_on.png',
                                                         showValueLabel: false,
                                                     }
                                                 )
                                             }
                                         }
                                  
                                  
                                         // alle Dimmer durchlaufen und prüfen
                                         for (var i = 0; i <= alleDimmer.length - 1; i++) {
                                             let dimmerId = alleDimmer[i];
                                             let dimmerIdSplitted = dimmerId.split(".");
                                  
                                             if (getState(dimmerId).val > 0) {
                                                 let dimmerName = (`${dimmerIdSplitted[dimmerIdSplitted.length - 3]} ${dimmerIdSplitted[dimmerIdSplitted.length - 2]}`)
                                                     .replace("Licht", "").replace("ue", "ü").replace("Main", "").trim();
                                  
                                                 lichterAnListe.push(dimmerName);
                                                 lichterAnIdListe.push(dimmerId);
                                                 anyLightsOn = true;
                                  
                                                 lichterAnVisIconList.push(
                                                     {
                                                         subText: `<div ${subTextStyle}>${dimmerName.replace(' ', '<br>')}</div>`,
                                                         objectId: dimmerId,
                                                         listType: 'buttonToggleValueFalse',
                                                         image: '/vis.0/myImages/light_bulb_off.png',
                                                         imageActive: '/vis.0/myImages/light_bulb_on.png',
                                                         buttonToggleValueTrue: 50,
                                                         buttonToggleValueFalse: 0,
                                                         valueAppendix: " %",
                                                         showValueLabel: false,
                                                     }
                                                 )
                                             }
                                         }
                                  
                                         let anyLightsOnState = myDevices.Licht.LichterAn.getState();
                                         if (anyLightsOnState.val != anyLightsOn) {
                                             myDevices.Licht.LichterAn.setState(anyLightsOn, true);
                                         }
                                  
                                         if (lichterAnListe.length > 0) {
                                             let result = lichterAnListe.sort().join(", ");
                                             result = result.replaceAt(result.lastIndexOf(","), " und");
                                  
                                             let anyLightsOnStringState = myDevices.Licht.LichterAnText.getState();
                                             if (anyLightsOnStringState.val != result) {
                                                 log("folgende Lichter sind an: " + result);
                                                 myDevices.Licht.LichterAnText.setState(result, true);
                                                 myDevices.Licht.LichterAnId.setState(lichterAnIdListe.join(", "), true);
                                             }
                                         } else {
                                             myDevices.Licht.LichterAnText.setState("", true);
                                             myDevices.Licht.LichterAnId.setState("", true);
                                         }
                                  
                                         if (lichterAnVisIconList.length > 0) {
                                             lichterAnVisIconList.unshift(
                                                 {
                                                     subText: `<div ${subTextStyle}>alle Lichter<br>ausschalten</div>`,
                                                     objectId: myDevices.Licht.AlleLichterAusschalten.getId(),
                                                     listType: 'buttonState',
                                                     buttonStateValue: true,
                                                     showValueLabel: false,
                                                     image: 'lightbulb-multiple-off',
                                                     lockEnabled: true
                                                 }
                                             )
                                         }
                                  
                                         myDevices.Licht.Vis.iconListJson.setState(JSON.stringify(lichterAnVisIconList), true);
                                  
                                     } catch (err) {
                                        console.error(`[lichterAnCheck] error: ${err.message}`);
                                        console.error(`[lichterAnCheck] stack: ${err.stack}`);
                                    }
                                  };
                                  
                                  // Bei JS Start prüfen
                                  lichterAnCheck()
                                  
                                  

                                  Hier das Skript welches durch den Adapter erzeugt wurde:

                                  var myDevices = {};
                                  myDevices.getId = function() {return "linkeddevices.0"};
                                  
                                  myDevices.info = {};
                                  myDevices.info.getId = function() {return "linkeddevices.0.info"};
                                  myDevices.info.linkedObjects = {};
                                  myDevices.info.linkedObjects.getId = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return "linkeddevices.0.info.linkedObjects"; };
                                  myDevices.info.linkedObjects.getState = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return getState("linkeddevices.0.info.linkedObjects"); };
                                  myDevices.info.linkedObjects.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); setState("linkeddevices.0.info.linkedObjects", val, ack); };
                                  myDevices.info.linkedObjects.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); setStateDelayed("linkeddevices.0.info.linkedObjects", val, ack, delay); };
                                  myDevices.info.linkedObjects.getObject = function () { let obj = getObject("linkeddevices.0.info.linkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.linkedObjects' is not linked anymore!"); return getObject("linkeddevices.0.info.linkedObjects"); };
                                  
                                  myDevices.info.notlinkedObjects = {};
                                  myDevices.info.notlinkedObjects.getId = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return "linkeddevices.0.info.notlinkedObjects"; };
                                  myDevices.info.notlinkedObjects.getState = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return getState("linkeddevices.0.info.notlinkedObjects"); };
                                  myDevices.info.notlinkedObjects.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); setState("linkeddevices.0.info.notlinkedObjects", val, ack); };
                                  myDevices.info.notlinkedObjects.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); setStateDelayed("linkeddevices.0.info.notlinkedObjects", val, ack, delay); };
                                  myDevices.info.notlinkedObjects.getObject = function () { let obj = getObject("linkeddevices.0.info.notlinkedObjects"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.info.notlinkedObjects' is not linked anymore!"); return getObject("linkeddevices.0.info.notlinkedObjects"); };
                                  
                                  myDevices.Licht = {};
                                  myDevices.Licht.getId = function() {return "linkeddevices.0.Licht"};
                                  myDevices.Licht.Elro1 = {};
                                  myDevices.Licht.Elro1.getId = function() {return "linkeddevices.0.Licht.Elro1"};
                                  myDevices.Licht.Elro1.An = {};
                                  myDevices.Licht.Elro1.An.getId = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return "linkeddevices.0.Licht.Elro1.An"; };
                                  myDevices.Licht.Elro1.An.getState = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return getState("linkeddevices.0.Licht.Elro1.An"); };
                                  myDevices.Licht.Elro1.An.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); setState("linkeddevices.0.Licht.Elro1.An", val, ack); };
                                  myDevices.Licht.Elro1.An.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Elro1.An", val, ack, delay); };
                                  myDevices.Licht.Elro1.An.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Elro1.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Elro1.An' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Elro1.An"); };
                                  
                                  myDevices.Licht.Kue = {};
                                  myDevices.Licht.Kue.getId = function() {return "linkeddevices.0.Licht.Kue"};
                                  myDevices.Licht.Kue.Dimmer = {};
                                  myDevices.Licht.Kue.Dimmer.getId = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return "linkeddevices.0.Licht.Kue.Dimmer"; };
                                  myDevices.Licht.Kue.Dimmer.getState = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return getState("linkeddevices.0.Licht.Kue.Dimmer"); };
                                  myDevices.Licht.Kue.Dimmer.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); setState("linkeddevices.0.Licht.Kue.Dimmer", val, ack); };
                                  myDevices.Licht.Kue.Dimmer.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Kue.Dimmer", val, ack, delay); };
                                  myDevices.Licht.Kue.Dimmer.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Kue.Dimmer"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Kue.Dimmer' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Kue.Dimmer"); };
                                  
                                  myDevices.Licht.Pumpe = {};
                                  myDevices.Licht.Pumpe.getId = function() {return "linkeddevices.0.Licht.Pumpe"};
                                  myDevices.Licht.Pumpe.An = {};
                                  myDevices.Licht.Pumpe.An.getId = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return "linkeddevices.0.Licht.Pumpe.An"; };
                                  myDevices.Licht.Pumpe.An.getState = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return getState("linkeddevices.0.Licht.Pumpe.An"); };
                                  myDevices.Licht.Pumpe.An.setState = function (val, ack=false) { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); setState("linkeddevices.0.Licht.Pumpe.An", val, ack); };
                                  myDevices.Licht.Pumpe.An.setStateDelayed = function (val, delay, ack=false) { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); setStateDelayed("linkeddevices.0.Licht.Pumpe.An", val, ack, delay); };
                                  myDevices.Licht.Pumpe.An.getObject = function () { let obj = getObject("linkeddevices.0.Licht.Pumpe.An"); if (obj && obj.common && obj.common.custom && obj.common.custom["linkeddevices.0"] && obj.common.custom["linkeddevices.0"].isLinked === false) console.warn("object 'linkeddevices.0.Licht.Pumpe.An' is not linked anymore!"); return getObject("linkeddevices.0.Licht.Pumpe.An"); };
                                  
                                  
                                  

                                  So sieht ein Objekt aus welches ich verklinkt habe:

                                  hc_2340.jpg

                                  Und so der Linkeddevices Adapter:

                                  hc_2341.jpg

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

                                    @micklafisch sagte in Material Design Widgets: IconList Widget:

                                    z.B. Zeile 89 hab ich noch ein paar andere Sachen drin:

                                    let anyLightsOnState = myDevices.Licht.LichterAn.getState();
                                    

                                    das z.B. ein boolean der auf true gesetzt wird wenn mind. ein Licht an ist.
                                    Wenn du diese Datenpunkte nicht hast, musst diese natürlich entfernen.

                                    Was mich allerdings wundert ist, das die Fehlermeldung

                                    09:42:14.646	error	javascript.0 (17560) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: Cannot read property 'getState' of undefined at lichterAnCheck (script.js.common.test_LichteranView:167:58)
                                    

                                    auf Zeile 167 verweist, mein Skript aber nur 132 Zeilen hat. Deshalb geh ich davon aus, das du das Skript verändert hast, richtig?

                                    M 1 Reply Last reply Reply Quote 0
                                    • M
                                      micklafisch @Scrounger last edited by

                                      @Scrounger
                                      nein, dein Skript ist unverändert kopiert worden (ich hab es extra oben im Spoiler aus meiner Skriptumgebung wieder in das Forum reinkopiert).

                                      Ich habe jetzt die Zeile 89 bis 92 auskommentiert, jetzt kommt folgendes:

                                      javascript.0	2020-06-26 09:08:10.613	error	at tryCatcher (/opt/iobroker/node_modules/standard-as-callback/built/utils.js:11:23)
                                      javascript.0	2020-06-26 09:08:10.613	error	at client.get (/opt/iobroker/node_modules/iobroker.js-controller/lib/states/statesInRedis.js:608:17)
                                      javascript.0	2020-06-26 09:08:10.613	error	at adapter.getForeignState (/opt/iobroker/node_modules/iobroker.javascript/main.js:1112:17)
                                      javascript.0	2020-06-26 09:08:10.613	error	at createProblemObject (/opt/iobroker/node_modules/iobroker.javascript/main.js:1521:17)
                                      javascript.0	2020-06-26 09:08:10.613	error	at prepareScript (/opt/iobroker/node_modules/iobroker.javascript/main.js:1469:38)
                                      javascript.0	2020-06-26 09:08:10.613	error	at execute (/opt/iobroker/node_modules/iobroker.javascript/main.js:1285:27)
                                      javascript.0	2020-06-26 09:08:10.613	error	at Script.runInNewContext (vm.js:139:17)
                                      javascript.0	2020-06-26 09:08:10.613	error	at Script.runInContext (vm.js:133:20)
                                      javascript.0	2020-06-26 09:08:10.613	error	at script.js.common.test_LichteranView:210:1
                                      javascript.0	2020-06-26 09:08:10.613	error	at lichterAnCheck (script.js.common.test_LichteranView:174:29)
                                      javascript.0	2020-06-26 09:08:10.613	error	(17560) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: result.replaceAt is not a function
                                      javascript.0	2020-06-26 09:08:10.612	error	(17560) script.js.common.test_LichteranView: [lichterAnCheck] error: result.replaceAt is not a function
                                      javascript.0	2020-06-26 09:08:10.578	info	(17560) Start javascript script.js.common.test_LichteranView
                                      

                                      Mein Skript hat 133 Zeilen, wobei die letzte leer ist:

                                      skript.png

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

                                        @micklafisch sagte in Material Design Widgets: IconList Widget:

                                        Dann musst du prüfen, was in der Fehlermeldung steht.

                                        javascript.0	2020-06-26 09:08:10.612	error	(17560) script.js.common.test_LichteranView: [lichterAnCheck] error: result.replaceAt is not a function
                                        

                                        replaceAt is not a function bedeutet das die variable result wohl kein string ist, weil replaceAt eine Funktion für string ist.
                                        D.h. du musst prüfen was in der variable result ankommt.

                                        M 1 Reply Last reply Reply Quote 0
                                        • M
                                          micklafisch @Scrounger last edited by

                                          @Scrounger
                                          ok, ein

                                                      console.log(result);
                                          

                                          Hat mir folgendes zurückgegeben:

                                          09:46:32.722	info	javascript.0 (17560) script.js.common.test_LichteranView: Pumpe
                                          09:46:32.724	error	javascript.0 (17560) script.js.common.test_LichteranView: [lichterAnCheck] error: result.replaceAt is not a function
                                          09:46:32.724	error	javascript.0 (17560) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: result.replaceAt is not a function at Object.lichterAnCheck (script.js.common.test_LichteranView:175:29) at Object.callback (/opt/iobroker/node_modules/iobroker.javascript/lib/sandbox.js:1052:38) at Object.stateChange (/opt/iobroker/node_modules/iobroker.javascript/main.js:451:25) at Immediate.setImmediate [as _onImmediate] (/opt/iobroker/node_modules/iobroker.js-controller/lib/adapter.js:5374:37) at runCallback (timers.js:705:18) at tryOnImmediate (timers.js:676:5) at processImmediate (timers.js:658:5) at process.topLevelDomainCallback (domain.js:126:23)
                                          

                                          Die Pumpe ist auch an:

                                          ec834298-67c8-4cc9-b7a3-d14dd6b5d9ee-image.png

                                          Ich glaube ich kapituliere vor deinem Skript/Idee mit den "es werden nur Geräte angezeigt die an sind." Es sieht absolut großartig aus aber ich schaffe es nicht das ganze nachzustellen.

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

                                            @micklafisch

                                            Kommentier mal die Zeilen 88-120 komplett aus:

                                                    // let anyLightsOnState = myDevices.Licht.LichterAn.getState();
                                                    // if (anyLightsOnState.val != anyLightsOn) {
                                                    //     myDevices.Licht.LichterAn.setState(anyLightsOn, true);
                                                    // }
                                            
                                                    // if (lichterAnListe.length > 0) {
                                                    //     let result = lichterAnListe.sort().join(", ");
                                                    //     result = result.replaceAt(result.lastIndexOf(","), " und");
                                            
                                                    //     let anyLightsOnStringState = myDevices.Licht.LichterAnText.getState();
                                                    //     if (anyLightsOnStringState.val != result) {
                                                    //         log("folgende Lichter sind an: " + result);
                                                    //         myDevices.Licht.LichterAnText.setState(result, true);
                                                    //         myDevices.Licht.LichterAnId.setState(lichterAnIdListe.join(", "), true);
                                                    //     }
                                                    // } else {
                                                    //     myDevices.Licht.LichterAnText.setState("", true);
                                                    //     myDevices.Licht.LichterAnId.setState("", true);
                                                    // }
                                            
                                                    // if (lichterAnVisIconList.length > 0) {
                                                    //     lichterAnVisIconList.unshift(
                                                    //         {
                                                    //             subText: `<div ${subTextStyle}>alle Lichter<br>ausschalten</div>`,
                                                    //             objectId: myDevices.Licht.AlleLichterAusschalten.getId(),
                                                    //             listType: 'buttonState',
                                                    //             buttonStateValue: true,
                                                    //             showValueLabel: false,
                                                    //             image: 'lightbulb-multiple-off',
                                                    //             lockEnabled: true
                                                    //         }
                                                    //     )
                                                    // }
                                            
                                            M 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            678
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            26
                                            134
                                            15424
                                            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