Test Adapter Material Design Widgets v0.1.x

[msauer]

@Scrounger na, ich dachte...weil einige andere Chart Widgets das machen...z.B. rgraph livechart..

Ansonsten sind deine Widgets echt super Klasse...

[tazdevil20]

@Scrounger
passt jetzt. Super. Vielen Dank.

[Scrounger]

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

@Scrounger na, ich dachte...weil einige andere Chart Widgets das machen...z.B. rgraph livechart..

Na da wollen wir ja nicht in den features abgehängt werden
habs implementiert, war sehr easy -> aktuellen master laden und bitte testen.

[sigi234]

@Scrounger

Hallo,

jetzt teste ich schon eine Weile mit dem Widget Line History Chart, irgendwo mache ich einen Fehler oder checke es nicht.

Werte werden nicht angezeigt bzw. sollen die auch angezeigt werden oder nur bei Tooltips?
Wie kann ich °C in der Rechten Y Achse anhängen?
Das mit der Zeit unten , wie muss oder was muss ich wo eingeben das es so aussieht : Mi 15:00

[sigi234]

@Scrounger

Hallo, kann ich beim Table Widget nur bestimmte COL anzeigen lassen so wie es im Table Widget im Original geht?
Also das Datenfeld ICON brauche ich nicht.

Unten das Original

[Scrounger]

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

@Scrounger
Werte werden nicht angezeigt bzw. sollen die auch angezeigt werden oder nur bei Tooltips?

Ups vergessen oben anzumrken, dass die anzeige von Werten ist noch nicht implementiert

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

@Scrounger

Hallo, kann ich beim Table Widget nur bestimmte COL anzeigen lassen so wie es im Table Widget im Original geht?
Also das Datenfeld ICON brauche ich nicht.

Nee das ist nicht möglich. Bin davon ausgegangen das man sich per javascript das Objekt selbst erzeugt und dann die sachen raus lässt die man nicht braucht.
Könnte das aber einbauen, dass man gezielt Spalten ausblenden kann.

[sigi234]

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

Könnte das aber einbauen, dass man gezielt Spalten ausblenden kann.

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

Ups vergessen oben anzumrken, dass die anzeige von Werten ist noch nicht implementiert

Dann kann es ja nicht gehen.

[dos1973]

ich habe jetzt den ganzen Thread nochmals gelesen... aber ich finde keine Möglichkeit css einzusetzen...

wie macht ihr das?

[Scrounger]

@dos1973
Was möchtest du denn machen?
Du kannst css bei allen Widgets einsetzen, musst dann halt entsprechend dir die element zur runtime anschauen und mit CSS dann das überschrieben was du willst.

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

Hallo, kann ich beim Table Widget nur bestimmte COL anzeigen lassen so wie es im Table Widget im Original geht?

Ist implementiert, bitte testen

[msauer]

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

Na da wollen wir ja nicht in den features abgehängt werden
habs implementiert, war sehr easy -> aktuellen master laden und bitte testen.

Super, ja funktioniert....jetzt passts...danke

UPDATE: Zuerst ja, dann nach dem ersten Auto Refresh werden wieder die alten hohen Werte angezeigt und die X Achse pass irgendwie auch nicht mehr

[Scrounger]

@msauer
hab den fix hochgeladen

[sigi234]

@Scrounger sagte in Test Adapter Material Design Widgets v0.1.x:
@sigi234
Hallo, kann ich beim Table Widget nur bestimmte COL anzeigen lassen so wie es im Table Widget im Original geht?

Ist implementiert, bitte testen

Funktioniert, Super arbeit!
Kann man ev. noch einen Text an die Daten anhängen?

Zb. Temp.min 2 °C

[BobBruni]

@Scrounger :

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

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

Mach mal nen export von dem Widget. Was ist das für ein Aktor? Hat der einen Working Datenpunkt?

Es sind Homematic-Aktoren und haben einen Working Datenpunkt.

Gut, die hab ich auch und auch schon eine Idee woran das liegen könnte. Schau ich mir an.

Hattest du schon Zeit, dir das mal anzusehen? Besten Dank!

[msauer]

@Scrounger Irgendwas stimmt da noch nicht. Zwar sind die Daten nicht mehr so "hoch", jedoch schient es nach einem auto refresh unterschiedlich zu rechnen..es sieht so aus, als ob bei jedem Refresh die Daten anders "multipliziert" oder dargestellt werden. Der Graph verändert sich und die X Label zeigen nur noch den NOV an...

Spoiler

[Scrounger]

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

Hattest du schon Zeit, dir das mal anzusehen? Besten Dank!

Nein, ist in der prio aktuell auch sehr weit unten, musst dich gedulden.

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

@Scrounger Irgendwas stimmt da noch nicht. Zwar sind die Daten nicht mehr so "hoch", jedoch schient es nach einem auto refresh unterschiedlich zu rechnen..es sieht so aus, als ob bei jedem Refresh die Daten anders "multipliziert" oder dargestellt werden. Der Graph verändert sich und die X Label zeigen nur noch den NOV an...

Ja da war ein Fehler drin, habs gefixt, bitte nochmal testen!

[Scrounger]

Ich hab die table nochmal etwas überarbeitet. Ab sofort können nur noch json arrays mit objekten verwendet werden.
Alle infos dazu findet ihr in der Doku

Ihr könnt jetzt prefix und suffix html Elemente verwenden und dort object binding auf Attribute aus der gleichen Reihe verwenden. So ist es z.B. möglich in der Tabelle einen Link zu hinterlegen.

Und ich kann euch sogar mal ein funktionierendes Beispiel hier posten, da die Table nicht zwingend einen DP benötigt. Hier ist das mit den oben angsprochenen table internen object bindings umgesetzt.

Spoiler

[{"tpl":"tplVis-materialdesign-Table","data":{"oid":"","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","countCols":"4","tableLayout":"card","showHeader":true,"headerTextSize":"15","textAlign0":"left","textAlign1":"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,"label0":"&nbsp;&nbsp;&nbsp;Erlebnis","label1":"Name","textAlign2":"right","label2":"Betriebszeit","textAlign3":"right","label3":"Betriebszeit","textSize0":"12","textSize1":"20","textSize2":"15","textSize3":"11","rowHeight":"27","padding_left1":"0","padding_left2":"0","padding_left3":"0","padding_right0":"0","padding_right1":"0","padding_right2":"","padding_right3":"","textAlign4":"center","padding_left4":"0","padding_right4":"0","label4":" ","headerRowHeight":"1","showColumn0":true,"showColumn1":true,"showColumn2":"true","showColumn3":false,"fontFamily0":"RobotoCondensed-Regular","fontFamily1":"RobotoCondensed-Regular","fontFamily2":"RobotoCondensed-Regular","fontFamily3":"RobotoCondensed-Regular","colorHeaderRowBackground":"#44739e","colorHeaderRowText":"#ffffff","headerFontFamily":"RobotoCondensed-Regular","textColor0":"","textColor1":"#44739e","colType0":"image","colType1":"text","colType2":"text","colType3":"text","imageHeight0":"60","prefix0":"<div style=\"height: 100%;\">\n    <span style=\"position: relative; top: -4px; left: 10px; font-family: RobotoCondensed-LightItalic\">#[obj.funk]</span>","suffix0":"</div>","padding_left0":"0","prefix1":"<a href=\"http://#[obj.ip]\" target=\"_blank\" style=\"text-decoration:none\">\n    <font color=\"#44739e\">","suffix1":"<font></a>","showColumn4":false,"colType4":"text","dataJson":"[\n{\"img\":\"/vis.0/myImages/erlebnis_50.png\",\"name\":\"Empire\",\"betriebszeit\":\"4h 06m\",\"funk\":\"5G\",\"ip\":\"10.0.0.1\"},\n{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Handy\",\"betriebszeit\":\"13m\",\"funk\":\"5G\",\"ip\":\"10.0.0.2\"},{\"img\":\"/vis.0/myImages/erlebnis_100.png\",\"name\":\"Harmony Hub - Wohnzimmer\",\"betriebszeit\":\"18T 07h 21m\",\"funk\":\"2G\",\"ip\":\"10.0.0.3\"},\n{\"img\":\"/vis.0/myImages/erlebnis_25.png\",\"name\":\"MusicCast - Esszimmer (WX-030)\",\"betriebszeit\":\"1h 57m\",\"funk\":\"2G\",\"ip\":\"10.0.0.4\"},\n{\"img\":\"/vis.0/myImages/erlebnis_75.png\",\"name\":\"MusicCast - Küche (ISX-18D)\",\"betriebszeit\":\"4h 10m\",\"funk\":\"2G\",\"ip\":\"10.0.0.5\"}\n]"},"style":{"left":"748px","top":"16px","width":"542px","height":"326px","overflow-y":""},"widgetSet":"materialdesign"}]

[sigi234]

@Scrounger

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

Kann man ev. noch einen Text an die Daten anhängen?

Herzlichen Dank!

[sigi234]

@Scrounger

Toll was man daraus machen kann, ich bin noch immer Begeistert!

[Meistertr]

@Scrounger ein passender colorpicker wäre auch noch cool. Habs selber schon mal versucht aber mein Frontend wissen geht gegen null:
colorpicher js

[dos1973]

Wird mal Zeit dass ihr mal zeigt was geht, wie ihr eurer Vis gebaut habt vorallem optisch und funktional ist der Adapter ein Meilenstein im Vis... meine Zeit lässt es derzeit nicht zu, aber ich lese hier fleißig mit.

@Scrounger
Wirklich richtig cooler Adapter!