Ma présentation

[jlm]

Salut, alors le noeud ui_template ne va pas trop t'aider tel que. Il faudrait en effet y passer des commandes HTML pour lui dire de définir des tableaux et ensuite tu lui passes le payload.

Je ne me suis pas lancé dans cette solution (mais c'est clairement une possibilité), j'ai tenté avec le nœud ui_table. En gros après ton nœud Join, tente d'adapter et d'envoyer ton payload dans le flow ci-dessous. Il te faudra clairement l'adapter pour toi.

Je te joins le code que j'ai utilisé pour produire ce tableau. Ça m'a demandé beaucoup d'heures d'apprentissage et de recherches pour arriver à introduire la jauge avec le pourcentage intégré. Alors voilà c'est cadeau :Smiley_20040821172041151:

Ce qui donne ceci en réel:

   

Alors bonne découverte et bonne réussite pour l'intégration !

Code :

[{"id":"16ce29b9d5b06509","type":"change","z":"03b2c8e647d8021c","name":"ui_control","rules":[{"t":"set","p":"ui_control","pt":"msg","to":"{\"tabulator\":{\"columnResized\":\"function(column){    var newColumn = {        field: column._column.field,        visible: column._column.visible,        width: column._column.width,        widthFixed: column._column.widthFixed,        widthStyled: column._column.widthStyled    }; this.send({topic:this.config.topic,ui_control:{callback:'columnResized',columnWidths:newColumn}}); }\",\"columnMoved\":\"function(column, columns){    var newColumns=[];    columns.forEach(function (column) {        newColumns.push({'field': column._column.field});    });    this.send({topic:this.config.topic,ui_control:{callback:'columnMoved',columns:newColumns}}); }\",\"groupHeader\":\"function (value, count, data, group) {return value + \\\"<span style='color:#d00; margin-left:10px;'>(\\\" + count + \\\" Termostat\\\"+((count>1) ? \\\"e\\\" : \\\"\\\") + \\\")</span>\\\";}\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\",\"min\":0,\"max\":99,\"color\":[\"red\",\"orange\",\"green\"],\"legend\":\"function (value) {return (value>0)? '&nbsp;&nbsp;'+value+' %' : '-';}\",\"legendColor\":\"#DCDCDC\",\"legendAlign\":\"center\"},\"title\":\"SOC\",\"field\":\"SOC\",\"formatter\":\"progress\",\"topCalc\":\"max\",\"width\":155}],\"layout\":\"fitColumns\",\"movableColumns\":true,\"groupBy\":\"\"},\"customHeight\":12}","tot":"json"}],"action":"","property":"","from":"","to":"","reg":false,"x":900,"y":3160,"wires":[["9e6013845a88c683","46773099b6d05a3b"]]},{"id":"9e6013845a88c683","type":"ui_table","z":"03b2c8e647d8021c","group":"08b55a197fb6da2a","name":"Table Bytteries","order":1,"width":16,"height":4,"columns":[{"field":"Batterie_numero","title":"Bat. #","width":"80","align":"center","formatter":"html","formatterParams":{"target":"_blank"}},{"field":"Volt","title":"Volt","width":"80","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Courant","title":"Courant","width":"90","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Puissance","title":"Watt","width":"80","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Temp","title":"Temp °C","width":"90","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Status","title":"Status","width":"90","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Health","title":"Santé","width":"85","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"SOC","title":"SOC","width":"150","align":"left","formatter":"progress","formatterParams":{"target":"_blank"}}],"outputs":1,"cts":true,"x":1140,"y":3160,"wires":[["b6a694a8ec4ea803"]]},{"id":"b6a694a8ec4ea803","type":"debug","z":"03b2c8e647d8021c","name":"","active":false,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":1150,"y":3200,"wires":[]},{"id":"08b55a197fb6da2a","type":"ui_group","name":"Données Live","tab":"988a249f62084232","order":2,"disp":false,"width":"16","collapse":false,"className":""},{"id":"988a249f62084232","type":"ui_tab","name":"Pylontech","icon":"fa-battery-three-quarters ","order":18,"disabled":false,"hidden":false}]