Material Design Widgets: IconList Widget

[ab-bro]

@glasfaser said in Material Design Widgets: IconList Widget:

@stimpy23 sagte in Material Design Widgets: IconList Widget:

wie installiere ich den Adapter?

Punkt 5
https://www.iobroker.net/#de/documentation/admin/adapter.md

Auf der nach oben offenen Skala für Ahnungslosigkeit muss ich noch einen drauf setzen: Wo finde ich auf der GitHub-Seite des Adapters (https://github.com/Scrounger/ioBroker.vis-materialdesign) denn eine Datei zum Download, die ich für die manuelle Installation nutzen kann?
Oder ist die Frage schon ein Grund, so etwas erst gar nicht machen?

[Glasfaser]

@ab-bro
Du nutzt eine Antwort von @Stimpy23 !

denn eine Datei zum Download...
....manuelle Installation nutzen kann?

Für den Adapter kannst du nicht irendwie downloaden und installieren ,
( außer du möchtest ein Beta -Tester werden )

dazu Punkt 5 ...
https://www.iobroker.net/#de/documentation/admin/adapter.md
.

[Thomas Braun]

@ab-bro sagte in Material Design Widgets: IconList Widget:

Oder ist die Frage schon ein Grund, so etwas erst gar nicht machen?

Gute Frage...
Was versprichst du dir von einer Alpha-Version? Willst du debuggen und dem Maintainer neues Material für seinen Adapter liefern?

Reicht Beta nicht aus?

vis-materialdesign
github:	0.5.6
latest:	0.5.6 for 7 days
stable:	-.-.-

[ab-bro]

Danke für die schnellen Antworten!

Ich vermute, ich habe bei der Adapter-Installation etwas grundsätzlich noch nicht verstanden ...
Eine Alpha-Version möchte ich tatsächlich nicht testen. Ich suche nur eine für mich "geeignete" Version des Adapters.
Wenn ich aber wie beschrieben den Dialog zum Installieren eines Adapters über GitHub öffne und nach "material" suche, erscheint der Adapter "Material Design Widgets" nicht.

[Glasfaser]

@ab-bro sagte in Material Design Widgets: IconList Widget:

Ich suche nur eine für mich "geeignete" Version des Adapters.

????

Dann über belibig als Beta installieren
URL:

https://github.com/Scrounger/ioBroker.vis-materialdesign

[Thomas Braun]

@ab-bro

Über die Katze/git installiert man regulär keine Adapter.
Da liegen immer die Versionen im Alpha-Status.
Man stellt den gewünschten 'Verwahrort/Repository' in den Einstellungen ein und installiert dann regulär über die Adapterliste.
Wobei für die Repos gilt:
latest = beta zum Testen
default = stable für Produktiveinsatz

[Thomas Braun]

@glasfaser sagte in Material Design Widgets: IconList Widget:

@ab-bro sagte in Material Design Widgets: IconList Widget:

Ich suche nur eine für mich "geeignete" Version des Adapters.

????

Dann über belibig als Beta installieren
URL:

https://github.com/Scrounger/ioBroker.vis-materialdesign

Das ist aber auch nicht der 'richtige' Weg. Damit ziehst du das auch aus git raus.

[ab-bro]

@thomas-braun
Den Verwahrungsort habe ich auf "stable" stehen und nicht auf "latest". Bekomme ich deshalb den Adapter nicht angezeigt?

[Glasfaser]

@thomas-braun

Ich denke mal @Scrounger sollte hier mal erklären wie seine Adapter zu Installieren sind .

Ich denke mal da fehlt dann was :

[Thomas Braun]

@ab-bro

vis-materialdesign
github:	0.5.6
latest:	0.5.6 for 7 days
stable:	-.-.-

In stable ist der noch nicht verfügbar. Der Developer sieht den also offenbar noch nicht als stabil an.

[ab-bro]

@thomas-braun
Oh ja! Stand ja auch da.

Ich kann aber wahrscheinlich kurzfristig auf "Latest" umstellen, den Adapter installieren und dann wieder zu "Stable" zurückkehren, oder?

[Thomas Braun]

@glasfaser
Die Reihenfolge sollte immer sein:
Im eingestellten Repo schauen, bevorzugt aus dem stable/default.
Wenn der Adapter da nicht verfügbar ist (wie hier der Fall), aus dem nächst unstabilen (beta/latest) fischen.

Und erst wenn es weder im default noch im beta zu bekommen ist, erst dann geht man den Weg über git/die Katze und testet eine Alpha-Version.
Und sollte dann auch wissen wie damit umzugehen ist (manueller upload / Instanz manuell aktivieren usw.)

[Thomas Braun]

@ab-bro sagte in Material Design Widgets: IconList Widget:

Ich kann aber wahrscheinlich kurzfristig auf "Latest" umstellen, den Adapter installieren und dann wieder zu "Stable" zurückkehren, oder?

Das wäre meine Empfehlung, wenn es denn unbedingt der Adapter sein soll.

[ab-bro]

@thomas-braun
Prima! Vielen Dank für eure Erklärungen!
Die Geschwindigkeit, mit dem geholfen wird, ist in diesem Forum noch besser als in allen anderen Communities, die ich kenne. Klasse!

[micklafisch]

Hallo zusammen,
ich habe mich mit dem Icon List Widget etwas auseinandergesetzt um meine vielen State-Buttons für die Rollladensteuerung sowie für die Heizungssteuerung etwas zu verschlanken und pro Gerät nur noch ein Icon List Widget zu haben.

Bei einem Reload bzw. öffnen der Seite werden die Icon List Widgets erst mit einer deutlichen Verzögerung angezeigt. Ein GIF davon ist im Spoiler. Das Verhalten tritt im Browser sowie in der iPhone App auf. Hat das Widget noch wer in dieser Art eingebunden und kann das auch bestätigen? Sonstige Performanceprobleme gibt es in meiner VIS nicht, es ist lediglich nur das Icon List Widget was eine Verzögerung aufweist.

Spoiler

[micklafisch]

ich habe jetzt auch testweise einmal die aktuellste Version 0.5.9 installiert, dort ist das Verhalten identisch zur meiner bisherigen 0.5.5 Version.

Kann jemand die Verzögerung bei den IconList Widgets bestätigen?

[micklafisch]

Guten Morgen,
ich muss das Thema Verzögerung noch einmal ansprechen. Aktuell habe ich nur 3 Ideen:

1. ihr habt keine Verzögerung wie ich - dann muss ich suchen warum
2. ihr findet euch damit ab weil ist nicht so schlimm - dann müsste ich mich anpassen und damit abfinden
3. es nutzt von euch keiner das IconList Widget - das wäre sehr unglaubwürdig weil es ein super Widget ist

Vielleicht kann @scrounger hierzu etwas sagen. Im Grunde gefällt mir das sehr gut aber beim reload der VIS ist das schnelle Rollladensteuern ausgehebelt, da ich die 3-4 Sekunden erst warten muss bis die Buttons sichtbar werden.

[gender]

Ich hatte auch das Problem, dass Teile der IconList erst nach einiger Zeit geladen wurden.

Ich hatte das hier beschrieben https://github.com/Scrounger/ioBroker.vis-materialdesign/issues/145 und war dann irgendwann auf den Fehler gekommen.

Vielleicht hilft das ja weiter.

m50434 created this issue in Scrounger/ioBroker.vis-materialdesign

closed IconList: Bei Verwendung von "buttonNav" werden nicht alle Listenelemente aus dem json geladen #145

[Scrounger]

@gender
Sieht so aus als ob er einen Datenpunkt nicht findet.
Schau mal in die console (F12) da steht das sicher und welcher Datenpunkt es ist.

[micklafisch]

@scrounger
Ich hab die Konsole mal angesehen, er bekommt zu jedem IconList einen Eintrag " [waitForOid] stop waiting for value of oid '' after 500 retries"

Hier ein Auszug aus den ganzen Meldungen

Spoiler

[IconList w00296] [waitForOid] stop waiting for value of oid '' after 500 retries
(anonym) @ instrument.ts:129
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
setTimeout (asynchron)
(anonym) @ trycatch.ts:119
waitForOid @ widgets.min.js:1
(anonym) @ widgets.min.js:1
sentryWrapped @ helpers.ts:87
instrument.ts:129 

Ich vermute das erzeugt die Wartezeit bis er für jedes Element das durch hat. Ich hab das Widget aus dem Log oben hier exportiert, die Werte für die Liste habe ich über den Editor eingegeben.

Spoiler

[{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","wrapItems":false,"vibrateOnMobilDevices":"50","listLayout":"card","containerBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background","itemBackgroundColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.background_items","itemLayout":"vertical","buttonLayout":"full","buttonColorPress":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button_hover","labelFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.text","labelFontFamily":"RobotoCondensed-Bold","labelFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.text","subLabelFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.subText","subLabelFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.icon_list.subText","subLabelFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.subText","valueFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.icon_list.value","valueFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.icon_list.value","valueFontColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.value_text","titleLayout":"#mdwTheme:vis-materialdesign.0.fontSizes.card.title","showScrollbar":"true","titleFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.card.title","colorBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background","colorTitleSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_title","colorTextSectionBackground":"#mdwTheme:vis-materialdesign.0.colors.card.background_body","colorTitle":"#mdwTheme:vis-materialdesign.0.colors.card.title","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockIconColor":"#mdwTheme:vis-materialdesign.0.colors.icon_list.lock_icon","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","listItemDataMethod":"inputPerEditor","countListItems":"1","listType0":"buttonState","showValueLabel0":false,"buttonBgColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor0":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","listType1":"buttonState","showValueLabel1":false,"buttonBgColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor1":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"maxItemsperRow":"4","oid0":"0_userdata.0.vis.alexa.Rollo_KiZi","listTypeButtonStateValue0":"false","oid1":"0_userdata.0.vis.alexa.Rollo_KiZi","listTypeButtonStateValue1":"true","label1":"zu","label0":"auf","listType2":"buttonState","showValueLabel2":false,"buttonBgColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor2":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","oid2":"hm-rpc.1.CUX4000001.8.LEVEL","listTypeButtonStateValue2":"0","label2":"zu","itemGaps":"2","buttonHeight":"25","subLabel0":"","buttonBgColorActive0":"","buttonBgColorActive1":"","buttonBgColorActive2":"#abc3d8","iconHeight":"","verticalIconContainerHeight":"4","cardUse":false,"listImage0":"","listImageActiveColor0":"","statusBarColor0":"","statusBarText0":"","json_string_oid":"","typeButtonToggleValueTrue2":"","typeButtonToggleValueFalse2":"","listTypeButtonNav2":"","listTypeButtonLink2":"","lockEnabled2":false,"readOnly2":false,"listType3":"buttonState","showValueLabel3":false,"buttonBgColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.button","listImageColor3":"#mdwTheme:vis-materialdesign.0.colors.icon_list.icon","oid3":"hm-rpc.1.CUX4000001.8.STOP","buttonBgColorActive3":"#abc3d8","label3":"Stopp"},"style":{"left":"144px","top":"194px","width":"142px","height":"35px","z-index":"15"},"widgetSet":"materialdesign"}]

Kannst du da einen Fehler sehen oder soll ich noch mehr bereitstellen?