Adaption von Material Design Widgets an MD und mehr Widgets

[EdgarM]

@sigi234

Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

Folgende Widgets sind jetzt dabei:

• Door
• Window
• Shutter
• Temperature
• Humidity
• Occupancy
• Light
• LightsDim

Folgende Eigenschaften sind konfigurierbar:

• Text Farbe
• Icon
• Farbe des semi-transparenten Overlays

Es gibt zwar noch einige Möglichkeiten, das zu verbessern aber ich denke dass könnte man jetzt durchaus mergen mit dem Hauptprojekt.

Bitte um Feedback.

grüße
E

[sigi234]

@EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

Folgende Widgets sind jetzt dabei:

Ein Multimedia Widget wäre noch interessant.

[EdgarM]

@sigi234 said in Adaption von Material Design Widgets an MD und mehr Widgets:

@EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

Folgende Widgets sind jetzt dabei:

Ein Multimedia Widget wäre noch interessant.

Was stellst du dir denn da genau vor?

Wenn du es aufmalen könntest

grüße
E

[sigi234]

@EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

Was stellst du dir denn da genau vor?

Alexa - On/Off
Speaker - On/Off
Verstärker - On/Off
Soundbar - On/Off
TV - On/Off
FireTv - On/Off

usw......

@EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

Wenn du es aufmalen könntest

In diesen Adapter sind viele Beispiele:

vis-icontwo

https://github.com/inventwo/ioBroker.vis-icontwo/blob/master/README.md

[EdgarM]

@sigi234 Hi sigi,

ich werde mal sehen ob ich das diese Woche noch schaffe. Dann wäre erst mal Urlaub

grüße
E

[sigi234]

@EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

@sigi234 Hi sigi,

ich werde mal sehen ob ich das diese Woche noch schaffe. Dann wäre erst mal Urlaub

grüße
E

Kein Problem, ist ja nur ein Vorschlag.

[Ruud2019]

@EdgarM
Bei mir wird der Schalter jetzt nicht mehr angezeigt.

[qqolli]

@EdgarM

Hallo Edgar,

hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen

Ein Problem gibt es bei mir mit dem Shutter Widget:

Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

und ändern kann man es auch:

Aber egal was ich einstelle/ändere, es wird nicht angezeigt Alle anderen Widgets gehen super.

[Ruud2019]

@qqolli
Funktioniert bei dir auch das ListLight Widget?

[sigi234]

@EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

Ich habe nun die Entwicklung soweit abgeschlossen, dass sie meiner Meinung nach sauber testbar ist.

Schaut auch bei mir komisch aus?

[qqolli]

@Ruud2019

Hab es gearde ausprobiert:

Genauso wie bei @sigi234

[EdgarM]

@sigi234 Ja sigi, du hast recht. War mir gar nicht aufgefallen.

Suche gerade den Fehler..
grüße
E

[EdgarM]

Schaue erstmal nach dem ListLight, dann hier ;9

grüße
E
@qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

@EdgarM

Hallo Edgar,

hab mal die Material Design Widgets de-installiert und Deine installiert. Sind wirklich gelungen

Ein Problem gibt es bei mir mit dem Shutter Widget:

Ich kann es auf den View zihen aber nicht sehen, aber es wird angezeigt:

und ändern kann man es auch:

Aber egal was ich einstelle/ändere, es wird nicht angezeigt Alle anderen Widgets gehen super.

[EdgarM]

Also,

das mit dem Licht Schalter ist gelöst.

Warum allerdings beim Shutter ein Fehler drin ist, da hab ich im Moment null Ahnung.

Habe es geändert, neu gemacht, zurückgerollt und fast hätte ich noch die Schriftfarbe verändert und nichts.

Mache weiter
E

[EdgarM]

Falls mich jemand unterstützen könnte:

Der Fehler scheint ein Synthax Fehler zu sein:

Error: can't render tplMaListShutter w00058 on "test_new": instrument.ts:129:69
Error: 0 - SyntaxError: expected expression, got '>'myEval@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:548 instrument.ts:129:69
Error: 1 - scan@http://iobroker:8082/vis/lib/js/can.custom.min.js:64:5958 instrument.ts:129:69
Error: 2 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:366 instrument.ts:129:69
Error: 3 - n@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:217 instrument.ts:129:69
Error: 4 - renderer@http://iobroker:8082/vis/lib/js/can.custom.min.js:76:1876 instrument.ts:129:69
Error: 5 - registerView@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3843 instrument.ts:129:69
Error: 6 - o@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:839 instrument.ts:129:69
Error: 7 - e.__notObserve/<@http://iobroker:8082/vis/lib/js/can.custom.min.js:46:3358 instrument.ts:129:69
Error: 8 - renderAs@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:3466 instrument.ts:129:69
Error: 9 - e.template@http://iobroker:8082/vis/lib/js/can.custom.min.js:58:1267 instrument.ts:129:69
Error: 10 - renderWidget@http://iobroker:8082/vis/js/vis.js:1610:33 instrument.ts:129:69
Error: 11 - reRenderWidget@http://iobroker:8082/vis/js/vis.js:1043:14 instrument.ts:129:69
Error: 12 - reRenderWidgetEdit@http://iobroker:8082/vis/js/visEdit.js:4231:14 instrument.ts:129:69
Error: 13 - inspectWidgets@http://iobroker:8082/vis/js/visEditInspect.js:2464:22 instrument.ts:129:69
Error: 14 - drop/<@http://iobroker:8082/vis/js/visEdit.js:5191:26 instrument.ts:129:69
Error: 15 - sentryWrapped@http://iobroker:8082/vis/widgets/materialdesign/lib/raw/sentry/bundle.min.js:2:45604 instrument.ts:129:69
Error: 16 - 

Ich finde ihn aber ums verrecken nicht.

Ich habe sogar den funktionierenden Widget LightDim kopiert und die Namen angepasst.

Im js ist !scheinbar! auch alles ok..

wäre dankbar für unterstützung

grüße
E

[sigi234]

@EdgarM sagte in Adaption von Material Design Widgets an MD und mehr Widgets:

das mit dem Licht Schalter ist gelöst.

Jupp.

Kann man die Höhe der Transparenz auch einstellen?

[qqolli]

@EdgarM

Hallo Edgar,

ausser dem Shutter Widget ist mir noch eine Kleinigkeit aufgefallen bzgl. der Fonts:

Außer bei ListDoor ist der Font immer Fett. War das so gewollt?

[qqolli]

@sigi234

Hi Sigi,

mal ne kurze Frage. Wie hast Du es hinbekommen bei Temperatur und Fenster die Pfeile (hoch/runter/Farbe) und das Schloß (offen/zu) anzeigen zu lassen?

[EdgarM]

@qqolli said in Adaption von Material Design Widgets an MD und mehr Widgets:

@sigi234

Hi Sigi,

mal ne kurze Frage. Wie hast Du es hinbekommen bei Temperatur und Fenster die Pfeile (hoch/runter/Farbe) und das Schloß (offen/zu) anzeigen zu lassen?

Ich denke, er hat es mit der Signalbilder Einstellung gemacht

[qqolli]

@EdgarM

Hi Edgar,

ich hätte noch eine Anregung oder Anpassung (falls möglich). Wenn ich die ListLightDim benutze geht der Wertebereich von 0 bis 100, was zum dimmen ok ist.

Aber wenn ich zum Beispiel die Farbtemperatur meiner Shelly Duo Bulb ändern möchte, geht das nur von 0 bis 100 Kelvin statt von 2700K bis 6500K.

Richtig cool wäre, wenn man noch das Min und Max frei anpassen könnte