Material Design Widgets: IconList Widget

[dos1973]

@michihorn

Versuch mal mit einem Button „Toggle“
Du hast State.

Edit: Verschoben, da Frage Widget Einstellung betrifft

[michihorn]

@dos1973 Ich habe beides Probiert, leider ohne Erfolg

Edit: Verschoben, da Frage Widget Einstellung betrifft

[Scrounger]

@michihorn sagte in Test Adapter Material Design Widgets v0.3.x:

In der markierten Zeile sollte 0 oder 100 stehen, je nach aktuellen Status. Wie könnte ich in der Zeile zwischen 0 und 100 hin und her switchen?

Musst Button Toggle Wert nehmen und dann die beiden werte entsprechend eintragen:

[BobBruni]

@Scrounger said in Material Design Widgets: IconList Widget:

@BobBruni

Hier mein Skript dazu, wo ich genau die obere view realisiert habe. Evtl. hilft dir das weiter.

Vielen Dank! Ich schau mal, ob ich damit klar komme...

Ein fertiges Widget, dieser Art, ist nicht zufällig geplant?

[dos1973]

Hi,

ich würde mich auch gerne via Blockly und dynamischen icon List versuchen wollen.

so würde ich es gerne haben wollen, Aber an den json versuchen scheitere ich.

Könnte mir jemand ein Beispiel json erstellen, was so aussieht.
der Text kommt aus einen DP. die grünen Haken sind auch in Abhängigkeit zu einem DP (state), und das ganz soll eine Navigation sein.

width:280px
high: 120px

Danke schön für die Mühe und Hilfe

[AxelF1977]

@Scrounger ich arbeite bei meinen VIEWS mit Transparenz. Kann das mit eingefügt werden? Ich hätte die einzelnen Kacheln gerne mit transparenz

Gibt es da einen Trick oder kann ich das in einer neuen Version eingefügt werden, unter dem Feld der Hintergrundfarbe z.B.?

Es gibt zwar eine entsprechende CSS Klasse, die kann ich aber nicht auf die einzelnen Kacheln anwenden. Oder habe ich im Script was übersehen?

.mdui-vis4-bg { background-color: rgba(38, 50, 56, .7) !important; }

[Scrounger]

@AxelF1977
Bei Hintergrundfarbe transparent eingeben

[AxelF1977]

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

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

[AxelF1977]

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

@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