Material Design Widgets: IconList Widget

Scrounger

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

AxelF1977

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

Klappt.

tobasium

@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

@tobasium
Welches Skript?

tobasium

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

micklafisch

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

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?

micklafisch

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

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

@micklafisch

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

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.

micklafisch

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

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

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

micklafisch

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

Und so der Linkeddevices Adapter:

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?

micklafisch

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

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.

micklafisch

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

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

@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
        //         }
        //     )
        // }

micklafisch

@Scrounger
jetzt erscheint im Log

javascript.0	2020-06-29 08:40:21.693	error	(17560) script.js.common.test_LichteranView: [lichterAnCheck] stack: TypeError: Cannot read property 'iconListJson' of undefined at lichterAnCheck (script.js.common.test_LichteranView:202:29)
javascript.0	2020-06-29 08:40:21.692	error	(17560) script.js.common.test_LichteranView: [lichterAnCheck] error: Cannot read property 'iconListJson' of undefined

Soll es für den Eintrag in Zeile 123 "myDevices.Licht.Vis.iconListJson.setState" ein Datenpunkt geben? Ich sehe keine Definition dafür im Skript. Das "myDevices" ist ja nur eine Variable aus dem Linkeddevices Adapter.

Scrounger

@micklafisch

Diesen Datenpunkt musst du dir selbst anlegen. Hier wird dann letztendlich der json string gespeichert, den du dann im iconList Widget als Objekt ID angibst.

micklafisch

@Scrounger
es ist ja nicht so als hätte ich das nicht im Vorfeld probiert. Ich will ja nicht nerven, aber kannst du die Zeile näher erläutern?

Ich habe versucht einen eigenen Datenpunkt zu hinterlegen, aber das schlägt fehl.

javascript.0	2020-06-30 08:34:59.486	error	(28794) SyntaxError: Invalid or unexpected token
javascript.0	2020-06-30 08:34:59.486	error	(28794) ^
javascript.0	2020-06-30 08:34:59.486	error	(28794) 0_userdata.0.vis.iconlist.setState(JSON.stringify(lichterAnVisIconList), true);
javascript.0	2020-06-30 08:34:59.486	error	at script.js.common.test_LichteranView:124
javascript.0	2020-06-30 08:34:59.486	error	(28794) script.js.common.test_LichteranView compile failed:

Auch habe ich versucht den Datenpunkt unterhalb des linkeddevices in dem Objektbaum "Licht" zu erzeugen und zu verwenden. Aber auch das funktioniert nicht.

NEWS

Material Design Widgets: IconList Widget

Support us

701
Online

31.7k
Users

79.8k
Topics

1.3m
Posts

NEWS

Material Design Widgets: IconList Widget

Support us

701Online

31.7kUsers

79.8kTopics

1.3mPosts

701
Online

31.7k
Users

79.8k
Topics

1.3m
Posts