HTML Tabelle für BackItUp Adapter

[liv-in-sky]

@Homoran

programmierer-ehre

das script läuft und zerschießt keine anderen "api's" - wenn im json nur ein backup steht, kann das script nur ein backup anzeigen

[Homoran]

@liv-in-sky sagte in HTML Tabelle für BackItUp Adapter:

programmierer-ehre
das script läuft und zerschießt keine anderen "api's"

darauf habe ich es auch nicht bezogen.

eher auf herumspielen am js-Adapter oder Neuinstallation über Github und upload und, und und...

[liv-in-sky]

@Homoran ich wollt nur mal wieder ein marvin bild ins forum setzen - alles gut

[Homoran]

@liv-in-sky sagte in HTML Tabelle für BackItUp Adapter:

ein marvin bild ins forum setzen

Hat mir auch wieder gut gefallen - kannst du gerne öfter machen

[simatec]

@liv-in-sky
Ich habe in der Release Version 1.4.1 die json auf Userwunsch noch einmal um den "name" und "filesize" erweitert.

Hier ein Beispiel der Ausgabe.

[{"date":"02. Maerz 2020 um 15:22 Uhr","name":"iobroker_2020_03_02-15_22_20_dev_backupiobroker.tar.gz","type":"iobroker","storage":"NFS / CIFS-Mount: Ja","filesize":"3MB","error":"none"}]

[Glasfaser]

@simatec

Danke für den Zusatz" filesize"

Das Thema hatte wir auch mal vor sehr langer Zeit ..... , dadurch spare ich mir ein extra Script

...sonst wurde es einzeln aufgeführt :

-

und jetzt wo es auch hingehört :

[simatec]

@Glasfaser
Die 1.4.1 ist aber aktuell nur auf Github

[liv-in-sky]

UPDATE

im ersten post ist ein neues script für die verarbeitung des neuen json formats - ich wollte keine so breite tabelle erzeugen, daher gibt es neben Storage einen button zum ändern der ansicht

man kann im html setting die breite auf fest einstellen und somit das "hüpfen" vermeiden (tabellenbreite)
z.b. let weite="780";

ps: es gibt noch einen zusätzlichen datenpunkt zum einrichten - siehe script

[Oli]

@Glasfaser said in HTML Tabelle für BackItUp Adapter:

und jetzt wo es auch hingehört :

welches Widget hast du dafür genommen?

[Glasfaser]

@Oli

Materialdesign Table

hier ist meins :

Spoiler

[{"tpl":"tplVis-materialdesign-Table","data":{"oid":"backitup.0.history.json","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"countCols":"4","tableLayout":"standard","showHeader":true,"headerTextSize":"small","showColumn0":"true","colType0":"text","textAlign0":"left","showColumn1":false,"colType1":"text","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,"showColumn2":"true","colType2":"text","textAlign2":"left","showColumn3":"true","colType3":"text","textAlign3":"left","label0":"Datum","label2":"Quelle","label1":"Meldung","padding_left0":"10","label3":"Speicherort","dataJson":"","padding_left2":"","class":"mdui-table mdui-table-ascard-r250-l mdui-table-striped noSwipe","textSize3":"small","textColor2":"#8f8f8f","textSize2":"small","padding_right3":"","rowHeight":"","textSize0":"small","textSize1":"small","padding_left1":"","textColor0":"#8f8f8f","textColor1":"#8f8f8f","textColor3":"#8f8f8f","imageSize1":"","prefix3":"<span style=\"display: inline-block; word-wrap:break-word;\"></span>","suffix3":"","colorHeaderRowText":"#8f8f8f","colorHeaderRowBackground":"#202020","colorRowBackground":"#2e2e2e","colorRowText":"#8f8f8f","dividers":"","colorBackground":"#202020","prefix2":"<span style=\"display: inline-block; word-wrap:break-word;\">","prefix1":"<span style=\"display: inline-block; word-wrap:break-word;\">","suffix2":"</span>","suffix1":"</span>","columnWidth0":"70","columnWidth1":"40","columnWidth3":"80","columnWidth2":"80","fontFamily3":"Jura-DemiBold","fontFamily2":"Jura-DemiBold","fontFamily1":"Jura-DemiBold","fontFamily0":"Jura-DemiBold","showColumn4":"true","colType4":"text","textAlign4":"center","name":"Tab_Warn-Error","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","showColumn5":"true","colType5":"text","textAlign5":"center","colNoWrap0":true,"colNoWrap2":true,"colNoWrap3":true,"columnWidth4":"-2","label4":"Sicherungsgröße"},"style":{"left":"20px","top":"58px","width":"631px","height":"621px","z-index":"400","background":"linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f)","background-color":"#2e2e2e","color":"","overflow-y":"auto","border-radius":"10px","font-family":"Jura-DemiBold"},"widgetSet":"materialdesign"}]

So sieht es dann aus :
.

Spoiler

[Oli]

@Glasfaser

danke

[simatec]

@liv-in-sky
Super Arbeit ... werde es nachher auch direkt mal testen...

[Mic]

@liv-in-sky
Vielen Dank hierfür, werde ich demnächst einbauen

Offtopic-Frage:
Wie hast du denn das Bild für diesen Thread gesetzt?

[liv-in-sky]

@Mic

[Mic]

@liv-in-sky
Wenn ich auf den Button (getitelt "Bild hochladen") klicke, dann öffnet sich bei mir sofort ein "Explorer-Fenster" zur Auswahl eines Bildes.

Wie aber bekommt man ein Thread-Logo wie hier gesetzt?

[liv-in-sky]

@Mic wenn ich das mit FF mache geht es wie bei dir (also nicht) - mit chrome hingegen klappt es

[Agria4800]

@simatec: Danke

[liv-in-sky]

@Mic , tausend mal sorry, ich habe dir voll die falsche info gegeben

es ist (getestet mit chrome und neuem microsoft edge und FF)

wenn das nicht geht, evtl mal ein anderes forum layout wählen

[simatec]

@liv-in-sky
Im iqontrol scheint es noch nicht so zu funktionieren ... Dort besteht in der html wohl nicht die Möglichkeit zu erweitern ...
Dort bekomme ich jedenfalls die beiden zusätzlichen Spalten nicht angezeigt

[liv-in-sky]

@simatec ja das problem ist, das nur im widget die socket-verbindung definiert ist - in einer normalen browser umgebung kann der browser ohne diese socketverbindung den weg nicht zu iobroker finden - iqontrol hat dieses problem

ich habe schon mal überlegt , anstatt einer socket, eine simple-api verbindung zu nehmen - habe ich aber noch nicht getestet

im html file ist ein javascript eingebunden, welches den socket nutzt