Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Meistertr]

Eine auto schließen Funktion nach Auswahl wäre auch cool

[skokarl]

Ich habe noch nie etwas mit Charts gemacht, kann mir mal jemand ein Beispiel geben wie ich
ein Chart mit dem Line History Adapter hinkriege ?

Der History Adapter ist installiert und läuft, aufgezeichnet werden die Spritpreise vom Tankerkönig.
Das klappt auch.

Die Eigenschaften sind mir nicht ganz klar, kurzes Beispiel würde mir schon reichen.

Oder fehlt mir noch ein Adapter ? ( Charts oder so ? )
stehe hier noch völlig auf dem Schlauch.

Besten Dank

[sigi234]

@skokarl sagte in Test Adapter Material Design Widgets v0.1.x:

Ich habe noch nie etwas mit Charts gemacht, kann mir mal jemand ein Beispiel geben wie ich
ein Chart mit dem Line History Adapter hinkriege ?

Der History Adapter ist installiert und läuft, aufgezeichnet werden die Spritpreise vom Tankerkönig.
Das klappt auch.

Die Eigenschaften sind mir nicht ganz klar, kurzes Beispiel würde mir schon reichen.

Oder fehlt mir noch ein Adapter ? ( Charts oder so ? )
stehe hier noch völlig auf dem Schlauch.

Besten Dank

[Scrounger]

@BobBruni sagte in Test Adapter Material Design Widgets v0.1.x:

wenn ein automatischer Zeilenumbruch erfolgen würde, wenn das Maxiumum der Widgetbreite erreicht wäre...

Ist das möglich?

Mit '\n' oder '<br>' geht das, musst dann in dein Skript mit einbauen, z.b. anstatt der Kommas. Alternativ geht das mit CSS uberschreiben auch. Wenn du ein issue auf git erstellst, dann Bau ich das Mal mit ein.

@skokarl sagte in Test Adapter Material Design Widgets v0.1.x:

Moin,

gibt es bei der Top App Bar einen Abbruch/Schließen Button wenn man doch keine Auswahl möchte ?
oder muss man immer was wählen ?

@Meistertr sagte in Test Adapter Material Design Widgets v0.1.x:

Eine auto schließen Funktion nach Auswahl wäre auch cool

Also beim Typ 'modal' einfach außerhalb der Navigationsleiste klicken, dann wir diese geschlossen. Beim Typ 'dissmissable' kann man das nur über den Button machen. So ist das Konzept laut Design guidlines und entsprechend wie bei Android.

@sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger

Hallo, wie bekomme ich die Rechten Buttons hin?

Musst dir selbst erstellen, sind kein Bestandteil des Widgets

[sigi234]

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

Musst dir selbst erstellen, sind kein Bestandteil des Widgets

Ok, dachte ich mir. Hab ich schon versucht. Kannst du ihn als Widget reinstellen?

[Scrounger]

@sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

Musst dir selbst erstellen, sind kein Bestandteil des Widgets

Ok, dachte ich mir. Hab ich schon versucht. Kannst du ihn als Widget reinstellen?

Ja kann ich heute Abend machen.

[sigi234]

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

@sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

Musst dir selbst erstellen, sind kein Bestandteil des Widgets

Ok, dachte ich mir. Hab ich schon versucht. Kannst du ihn als Widget reinstellen?

Ja kann ich heute Abend machen.

Super, hast du das Problem mit Line History Chart schon angesehen?
https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x/170

[Meistertr]

@Scrounger habe gerade nochmal die google Apps nachgeschaut bei jeder wird das Menü geschlossen wenn eine Seite ausgewählt wird..

[Scrounger]

@Meistertr sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger habe gerade nochmal die google Apps nachgeschaut bei jeder wird das Menü geschlossen wenn eine Seite ausgewählt wird..

Bei welchem Typ 'modal' oder 'dissmissable'?

[Scrounger]

@sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

@sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

Musst dir selbst erstellen, sind kein Bestandteil des Widgets

Ok, dachte ich mir. Hab ich schon versucht. Kannst du ihn als Widget reinstellen?

Ja kann ich heute Abend machen.

Super, hast du das Problem mit Line History Chart schon angesehen?
https://forum.iobroker.net/topic/26199/test-adapter-material-design-widgets-v0-1-x/170

Nee sorry hatte überlesen. Betrifft das Problem nur den Editor? Hab es nicht wirklich verstanden.

[sigi234]

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

Betrifft das Problem nur den Editor?

Ja
Also die Ansicht bzw. Werte kommen beim start von Vis nur teilweise.
Wenn ich auf History klicke kommen die Daten dann aber.

Beim Start:

Wenn ich auf Historie klicke:

Ich muss dann jedes leere aktualisieren.

Nach ca. 20 mal klicken, teilweise bei einen mehrmals nötig:

[Scrounger]

@sigi234
Pack doch alles in ein Diagramm, dann musst nur einmal drücken :grin:

OK schau's mir an.

[Scrounger]

@sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

Musst dir selbst erstellen, sind kein Bestandteil des Widgets

Ok, dachte ich mir. Hab ich schon versucht. Kannst du ihn als Widget reinstellen?

Select Widget:

Spoiler

[{"tpl":"tplVis-materialdesign-Select-Value","data":{"oid":"javascript.0.chart.history.timeInterval","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","values":"21","layout":"standard","showValueOnRight":false,"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,"value0":"30 seconds","value1":"1 minute","value2":"2 minutes","value3":"5 minutes","value4":"10 minutes","value5":"30 minutes","value6":"1 hour","value7":"2 hours","value8":"4 hours","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","value14":"7 days","value15":"14 days","value16":"1 month","value17":"2 months","value18":"3 months","value19":"6 months","value20":"1 year","value21":"2 years","vibrateOnMobilDevices":"50"},"style":{"left":"693px","top":"25px"},"widgetSet":"materialdesign"}]

Button State Widget:

Spoiler

[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"javascript.0.chart.history.refresh","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","buttonStyle":"raised","vibrateOnMobilDevices":"50","iconPosition":"left","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,"value":"true","buttontext":"refresh"},"style":{"left":"704px","top":"98px"},"widgetSet":"materialdesign"}]

[sigi234]

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

@sigi234 sagte in Test Adapter Material Design Widgets v0.1.x:

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:

Musst dir selbst erstellen, sind kein Bestandteil des Widgets

Ok, dachte ich mir. Hab ich schon versucht. Kannst du ihn als Widget reinstellen?

Select Widget:

Spoiler

[{"tpl":"tplVis-materialdesign-Select-Value","data":{"oid":"javascript.0.chart.history.timeInterval","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","values":"21","layout":"standard","showValueOnRight":false,"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,"value0":"30 seconds","value1":"1 minute","value2":"2 minutes","value3":"5 minutes","value4":"10 minutes","value5":"30 minutes","value6":"1 hour","value7":"2 hours","value8":"4 hours","value9":"8 hours","value10":"12 hours","value11":"1 day","value12":"2 days","value13":"3 days","value14":"7 days","value15":"14 days","value16":"1 month","value17":"2 months","value18":"3 months","value19":"6 months","value20":"1 year","value21":"2 years","vibrateOnMobilDevices":"50"},"style":{"left":"693px","top":"25px"},"widgetSet":"materialdesign"}]

Button State Widget:

Spoiler

[{"tpl":"tplVis-materialdesign-Button-State","data":{"oid":"javascript.0.chart.history.refresh","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","buttonStyle":"raised","vibrateOnMobilDevices":"50","iconPosition":"left","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,"value":"true","buttontext":"refresh"},"style":{"left":"704px","top":"98px"},"widgetSet":"materialdesign"}]

Super, muss ich die JS-DP neu anlegen? Oder brauche ich ein Script?

[Jey Cee]

Hier geht es mit der neuen Testversion weiter.