From 1bb9b61017d3c903d929db235a89fef20240656c Mon Sep 17 00:00:00 2001
From: Yurii <laxilef@gmail.com>
Date: Sun, 1 Dec 2024 05:26:14 +0300
Subject: [PATCH] feat: display sensor values on dashboard page

---
 src_data/fonts/iconly.eot     | Bin 3976 -> 4656 bytes
 src_data/fonts/iconly.svg     |  18 ++++
 src_data/fonts/iconly.ttf     | Bin 3816 -> 4496 bytes
 src_data/fonts/iconly.woff    | Bin 2220 -> 2500 bytes
 src_data/fonts/iconly.woff2   | Bin 1664 -> 1912 bytes
 src_data/locales/en.json      |   9 ++
 src_data/locales/ru.json      |   9 ++
 src_data/pages/dashboard.html | 183 ++++++++++++++++++++++++++++------
 src_data/pages/index.html     |  15 ++-
 src_data/pages/network.html   |   7 +-
 src_data/pages/sensors.html   |   9 +-
 src_data/pages/settings.html  |   7 +-
 src_data/pages/upgrade.html   |   7 +-
 src_data/scripts/utils.js     | 109 +++++++++++++++++---
 src_data/styles/app.css       |  23 ++++-
 src_data/styles/iconly.css    |  16 ++-
 16 files changed, 347 insertions(+), 65 deletions(-)

diff --git a/src_data/fonts/iconly.eot b/src_data/fonts/iconly.eot
index 955eb43aed17ca52bfc990efb61ee3f2e7aa55c2..e5bf31f11f5aa684223d71c7cb3298c2f5872a45 100644
GIT binary patch
delta 1921
zcma)+&u<$=6vw}_YkN)NICkuK<NUB4+p$y9IIeM>NKI%3IrNY=C?Eq8Rl9NArfuA~
zPOOGX$Os`osE0-?5yT;)QV*55AQcG}^}vb$pc3lI5Do|xu5bW{?`|ea0!>wqKYsIO
z-n{+J8_#|c{W|H&b^*8j>#l<1`qoBf{ZzGaw0(2~5EJB^+1JN%#XF~71(YWME|e-p
z_2UQn4}eNveRyf<-HThFh3^2`-+*gjv1}}q{L=x(Hc4TT16p0Z$Noc-T&%3F9e=XD
z&9yW1zg$`_8ToAPN3OSG<|@Y8XjK%z2Z|mJ#I6~Y^4*WxuL9l+9BWmVS60Vv{=o<M
zEI(tuBN83M5R4_6jjikEEpbd8#<=;tC^z1~3+O=#6DZ;eZsJpXE~Xjju<^l<F1zP|
z3nA!?4Wkzdy&kA=qZ__`;~kvowBtR{xK?KiGs8{}1x^IHVmGH7&IY1vA!0qUjfBw0
z5GOo1iWw~77W<uC)=vhQD8kq<BVz0gawJYE&zetA$l>#q0VG+0!vh8|g!X67r)=q7
z%Jd;kaRK^P#+}*)?0WTa#v$G|UsF$t4)eA;8FuhI)E0Sf$J##o4s+dk#XRZAHoBNW
zWj*sa4+ED`MIASq9oAn1S$nL6tEh1d_85oveFRI@Yqu1m3v57w#Y%ENDV8nGlj)_l
zeim|&rS0L<0xWBY%A;19V?3rlZbhL82RG+p9o^hm8_VHA2fU`&S#T!e$)S|_llo%V
zPT3poj}0=JFVG!go~{UUa6=!O@2k#+$C4+0ks{NySxJKSm?Tb{lO$<hk_^%2B`MnT
zk^x#nV&yDJblL?;FKxMD{g5!ZDCwuYB#F^3N(N~!OM<k#T{hN@Tax%_D-!EEUz2px
zE=xkRRmoH*J2gp^c16PX3sxl&+PcI~dqdJ^PHS&AG`=(l&jC#dPXtW~&jw8iPYF#4
z&kIcnPYz89yv)US5azIn-$YQ%i4VkMrA>KRc}uycJXUiDTjHSmRPVmu?N%Equ>DB=
zN*&=p>j;kX*mHVF4+S-s=8C6N=~RBaFkaB(mLIfca+aUBW}-sVwX~KVPmk*gR!hdj
zi4zk>>DS%P>bco78Gg>pez)6kPR`Hoe$^31XZFJFb;SeW_PTF(7jUH+YTy2k<S|Nq
znmTn){oalOx_ExE)03^gHm3|*=RTP+Yk&XX|3by@ldV5Dr{>L|r`+IMVqaZz)~$a2
z%Bs0g&=pVR3ju$^e@JQ1j%G5WXIWa=Ij2V=nMmZ7qOCW(Pq3x8cp%nZ)G9<7KNb=7
z)*~@;f6X(fh+*>!?`gM4iL@9NN6eqSGcISjR$H!_na&}<wo)&Z$}1~Mz3McUj9SGk
Lc4l3|y3_a<h^H{=

delta 1236
zcmb7@%TH556vn@~w-2B#eNtLpeG(BNwv`YPjj&)r42g<~l4yjclt*Z312o{mG%?1o
zAOSKP7sjX|(S-{Ymo8ZN2e=ehbz_XtohxIg-@S~98%XTU?|yU7oHKLIna-=^M#Q$^
z2EI1$*aj`($%EmYk#hA^ci$EuhREvWYiBdppN{we?InQeTrpdo2rfJVbc4;g!kyXD
z`NcDUeHF0G%;&Q+IqxX_Q6q!%G}tTpF30aka=y5_e)@a8&R8eEw+p3QHufp{knuhI
zzEsSv_m@Qm7rA+ehUikZnBRTiSOgp&X*(>JR#tzuzIYC}jBk&;B@(VA1bxZy!DLu&
zinN|YM(&GzwGB4-5Jd)8FpVYpSWH}KhT9xj=;22IEeN6&8oxr&(ZDFzKXwOaoTk49
zE4-Zj8{fzk{fzO^?nEEPQNSk0ZhD2Qe6?}djt(yGLnlXFv_!a#>2S<^6!sJ6V@&X*
z_&A!(`Tp=R8zfkZjrkgV@UZR>ETUI#>%+n+Kj;^l^+TS}U1F;IY|YCpODY|pv(ADC
zFogw_QNdcxR%@y`jT1$R)*KeGOe<;)hE=}S{Wk^M+rg)Y$1uca6l2EGvI{Z9kzhXp
zOd*Ic`_sjQTbP!I-SRWR4%X4mBtuMCGxxSKaXag8WQ`7a+d62CMq=@VOj~-xZCp3d
z8Vq-KaTS-x=jQ_Mc1E*;`*L5mR*ioh#9QOdUxK6*QEFNdp=J~@>N!Q6I-oFOrxeD%
zIYodvqiCh(6+!B3)p(IGnNxI9=M`Pl1%;Q&|Gh~IwV-fOiwX~QN#UcG6vhQCD~ytt
z73mHRRusJX;H@=jr&bir)HOv&KC$1ZHt;$Vb{)0GBiMh`nvUQ}pvG+s;2^yDn80Iv
z69F+H?uj?ziv}(8zYo_D^?H4O?^#1#lUJR;<qy})o^VGsk(6=om|XUb%lF=HU8|Jk
JFK<c%{s1z>r7{2j

diff --git a/src_data/fonts/iconly.svg b/src_data/fonts/iconly.svg
index 8eed6c2..5768718 100644
--- a/src_data/fonts/iconly.svg
+++ b/src_data/fonts/iconly.svg
@@ -49,6 +49,12 @@
     <glyph glyph-name="wifi-strength-2-1"
       unicode="&#x77;&#x69;&#x66;&#x69;&#x5F;&#x73;&#x74;&#x72;&#x65;&#x6E;&#x67;&#x74;&#x68;&#x5F;&#x32;"
       horiz-adv-x="1022.9733303792667" d="M511.4866651896334 768.1283337025917C332.0397604864727 768.1283337025917 157.7087214326013 708.0286505428097 16.1967447318741 597.6324456402496C187.9713494571903 381.9559014844185 336.3024823621839 198.2472739029395 511.4866651896334 -20.4132754656288C685.3921313541088 196.1154134663874 862.7071756207173 416.9078232715078 1008.0553023103668 597.6324456402497C866.1177527202434 708.0286505428097 691.3591427821901 768.1283337025917 511.4866651896334 768.1283337025917M511.4866651896334 682.8808891701171C642.3423366997788 682.8808891701171 771.0661477733722 646.2236788332648 882.7410693389065 578.4516956956384L745.9183864006797 408.8089514068742C693.0644313319532 438.2194346552781 612.505281564586 469.7607793428413 511.4866651896334 469.7607793428413C410.0414769278917 469.7607793428413 329.9088990473136 437.7928627684892 277.0549439785871 408.8089514068743L139.3801162641751 578.8782675824273C251.9071826058945 646.6502507200537 380.6309936794878 682.8808891701171 511.4866651896334 682.8808891701171z" />
+    <glyph glyph-name="error"
+      unicode="&#xE007;"
+      horiz-adv-x="1024" d="M512 810.667C747.605 810.667 938.667 619.605 938.667 384C938.667 148.395 747.6049999999999 -42.6669999999999 511.9999999999999 -42.6669999999999C276.395 -42.6669999999999 85.333 148.3950000000001 85.333 384.0000000000001C85.333 619.605 276.395 810.667 512 810.667zM512 725.333C323.7970000000001 725.333 170.667 572.203 170.667 384C170.667 195.797 323.797 42.6669999999999 512 42.6669999999999C700.203 42.6669999999999 853.3330000000001 195.7969999999999 853.3330000000001 384C853.3330000000001 572.203 700.2030000000001 725.3330000000001 512 725.3330000000001zM609.835 542.165L670.1650000000001 481.835L572.33 384L670.1650000000001 286.165L609.835 225.8349999999999L512 323.67L414.165 225.8349999999999L353.8350000000001 286.165L451.67 384L353.8350000000001 481.835L414.165 542.165L512 444.33L609.835 542.165z" />
+    <glyph glyph-name="error-1"
+      unicode="&#x65;&#x72;&#x72;&#x6F;&#x72;"
+      horiz-adv-x="1024" d="M512 810.667C747.605 810.667 938.667 619.605 938.667 384C938.667 148.395 747.6049999999999 -42.6669999999999 511.9999999999999 -42.6669999999999C276.395 -42.6669999999999 85.333 148.3950000000001 85.333 384.0000000000001C85.333 619.605 276.395 810.667 512 810.667zM512 725.333C323.7970000000001 725.333 170.667 572.203 170.667 384C170.667 195.797 323.797 42.6669999999999 512 42.6669999999999C700.203 42.6669999999999 853.3330000000001 195.7969999999999 853.3330000000001 384C853.3330000000001 572.203 700.2030000000001 725.3330000000001 512 725.3330000000001zM609.835 542.165L670.1650000000001 481.835L572.33 384L670.1650000000001 286.165L609.835 225.8349999999999L512 323.67L414.165 225.8349999999999L353.8350000000001 286.165L451.67 384L353.8350000000001 481.835L414.165 542.165L512 444.33L609.835 542.165z" />
     <glyph glyph-name="wifi-strength-3"
       unicode="&#xE008;"
       horiz-adv-x="1022.9733303792667" d="M511.4866651896334 768.1283337025917C332.0397604864727 768.1283337025917 157.7087214326013 708.0286505428097 16.1967447318741 597.6324456402496C187.9713494571903 381.9559014844185 336.3024823621839 198.2472739029395 511.4866651896334 -20.4132754656288C685.3921313541088 196.1154134663874 862.7071756207173 416.9078232715078 1008.0553023103668 597.6324456402497C866.1177527202434 708.0286505428097 691.3591427821901 768.1283337025917 511.4866651896334 768.1283337025917M511.4866651896334 682.8808891701171C642.3423366997788 682.8808891701171 771.0661477733722 646.2236788332648 882.7410693389065 578.4516956956384L800.0500591349871 474.8756459947375C735.688653096887 512.385001107775 634.2434648351453 555.0092228727087 511.4866651896334 555.0092228727087C383.614998892225 555.0092228727087 284.7272439564316 512.385001107775 222.0701274707015 476.5809345445006L139.3801162641751 578.8782675824273C251.9071826058945 646.6502507200537 380.6309936794878 682.8808891701171 511.4866651896334 682.8808891701171z" />
@@ -67,12 +73,24 @@
     <glyph glyph-name="wifi-strength-4-1"
       unicode="&#x77;&#x69;&#x66;&#x69;&#x5F;&#x73;&#x74;&#x72;&#x65;&#x6E;&#x67;&#x74;&#x68;&#x5F;&#x34;"
       horiz-adv-x="1022.9733303792667" d="M511.4866651896334 768.1283337025917C332.0397604864727 768.1283337025917 157.7087214326013 708.0286505428097 16.1967447318741 597.6324456402496C187.9713494571903 381.9559014844185 336.3024823621839 198.2472739029395 511.4866651896334 -20.4132754656288C685.3921313541088 196.1154134663874 862.7071756207173 416.9078232715078 1008.0553023103668 597.6324456402497C866.1177527202434 708.0286505428097 691.3591427821901 768.1283337025917 511.4866651896334 768.1283337025917z" />
+    <glyph glyph-name="success"
+      unicode="&#xE00B;"
+      horiz-adv-x="1024" d="M512 810.667C276.36 810.667 85.333 619.64 85.333 384C85.333 148.36 276.3590000000001 -42.6669999999999 512 -42.6669999999999C747.64 -42.6669999999999 938.667 148.3590000000002 938.667 384.0000000000001C938.667 619.64 747.64 810.667 512 810.667zM512 42.667C323.79 42.667 170.667 195.789 170.667 384.0000000000001C170.667 572.21 323.789 725.3330000000001 512 725.3330000000001C700.21 725.3330000000001 853.3330000000001 572.211 853.3330000000001 384.0000000000001C853.3330000000001 195.7900000000001 700.211 42.667 512 42.667zM672.672 536.437L733.005 476.104L469.333 211.328L311.167 369.495L371.5 429.828L469.333 331.995L672.673 536.438z" />
+    <glyph glyph-name="success-1"
+      unicode="&#x73;&#x75;&#x63;&#x63;&#x65;&#x73;&#x73;"
+      horiz-adv-x="1024" d="M512 810.667C276.36 810.667 85.333 619.64 85.333 384C85.333 148.36 276.3590000000001 -42.6669999999999 512 -42.6669999999999C747.64 -42.6669999999999 938.667 148.3590000000002 938.667 384.0000000000001C938.667 619.64 747.64 810.667 512 810.667zM512 42.667C323.79 42.667 170.667 195.789 170.667 384.0000000000001C170.667 572.21 323.789 725.3330000000001 512 725.3330000000001C700.21 725.3330000000001 853.3330000000001 572.211 853.3330000000001 384.0000000000001C853.3330000000001 195.7900000000001 700.211 42.667 512 42.667zM672.672 536.437L733.005 476.104L469.333 211.328L311.167 369.495L371.5 429.828L469.333 331.995L672.673 536.438z" />
     <glyph glyph-name="up"
       unicode="&#xE00C;"
       horiz-adv-x="893.7641930109211" d="M69.6258266430383 317.8562626928574L25.3366188643721 362.1454704715236C6.5835308860179 380.8985584498777 6.5835308860179 411.2227007127483 25.3366188643721 429.7762877551625L412.9669373956711 817.6021172036826C431.7200253740253 836.3552051820368 462.0441676368958 836.3552051820368 480.59775467931 817.6021172036826L868.2280732106092 429.9717986723836C886.9811611889633 411.2187106940295 886.9811611889633 380.894568431159 868.2280732106092 362.3409813887447L823.938865431943 318.0517736100786C804.9862765176489 299.0991846957845 774.0636314469585 299.4981865676644 755.5100444045443 318.8497773538383L526.6824708814356 559.0528942442421V-14.3127956471388C526.6824708814356 -40.8464201271506 505.3358707358623 -62.1930202727239 478.8022462558506 -62.1930202727239H414.9619467550705C388.4283222750588 -62.1930202727239 367.0817221294855 -40.8464201271506 367.0817221294855 -14.3127956471388V559.0528942442422L138.0546476704369 318.6542664366173C119.5010606280227 299.1031747145034 88.5784155573324 298.7041728426234 69.6258266430383 317.8562626928575z" />
     <glyph glyph-name="up-1"
       unicode="&#x75;&#x70;"
       horiz-adv-x="893.7641930109211" d="M69.6258266430383 317.8562626928574L25.3366188643721 362.1454704715236C6.5835308860179 380.8985584498777 6.5835308860179 411.2227007127483 25.3366188643721 429.7762877551625L412.9669373956711 817.6021172036826C431.7200253740253 836.3552051820368 462.0441676368958 836.3552051820368 480.59775467931 817.6021172036826L868.2280732106092 429.9717986723836C886.9811611889633 411.2187106940295 886.9811611889633 380.894568431159 868.2280732106092 362.3409813887447L823.938865431943 318.0517736100786C804.9862765176489 299.0991846957845 774.0636314469585 299.4981865676644 755.5100444045443 318.8497773538383L526.6824708814356 559.0528942442421V-14.3127956471388C526.6824708814356 -40.8464201271506 505.3358707358623 -62.1930202727239 478.8022462558506 -62.1930202727239H414.9619467550705C388.4283222750588 -62.1930202727239 367.0817221294855 -40.8464201271506 367.0817221294855 -14.3127956471388V559.0528942442422L138.0546476704369 318.6542664366173C119.5010606280227 299.1031747145034 88.5784155573324 298.7041728426234 69.6258266430383 317.8562626928575z" />
+    <glyph glyph-name="alarm"
+      unicode="&#xE00D;"
+      horiz-adv-x="1024" d="M512 810.667C747.22 810.667 938.667 619.22 938.667 384C938.667 148.78 747.2199999999999 -42.6669999999999 511.9999999999999 -42.6669999999999C276.78 -42.667 85.333 148.78 85.333 384C85.333 619.22 276.78 810.667 512 810.667zM512 725.333C323.082 725.333 170.667 572.918 170.667 384C170.667 195.082 323.082 42.6669999999999 512 42.6669999999999C700.918 42.6669999999999 853.3330000000001 195.0819999999999 853.3330000000001 384C853.3330000000001 572.918 700.9180000000001 725.3330000000001 512 725.3330000000001zM512 266.581C542.476 266.581 565.333 244.054 565.333 213.3340000000001S542.476 160.085 512 160.085C480.83 160.085 458.667 182.6130000000001 458.667 214.015C458.667 244.053 481.524 266.581 512 266.581zM554.667 640V341.3330000000001H469.333V640H554.667z" />
+    <glyph glyph-name="alarm-1"
+      unicode="&#x61;&#x6C;&#x61;&#x72;&#x6D;"
+      horiz-adv-x="1024" d="M512 810.667C747.22 810.667 938.667 619.22 938.667 384C938.667 148.78 747.2199999999999 -42.6669999999999 511.9999999999999 -42.6669999999999C276.78 -42.667 85.333 148.78 85.333 384C85.333 619.22 276.78 810.667 512 810.667zM512 725.333C323.082 725.333 170.667 572.918 170.667 384C170.667 195.082 323.082 42.6669999999999 512 42.6669999999999C700.918 42.6669999999999 853.3330000000001 195.0819999999999 853.3330000000001 384C853.3330000000001 572.918 700.9180000000001 725.3330000000001 512 725.3330000000001zM512 266.581C542.476 266.581 565.333 244.054 565.333 213.3340000000001S542.476 160.085 512 160.085C480.83 160.085 458.667 182.6130000000001 458.667 214.015C458.667 244.053 481.524 266.581 512 266.581zM554.667 640V341.3330000000001H469.333V640H554.667z" />
   </font>
 </defs>
 </svg>
diff --git a/src_data/fonts/iconly.ttf b/src_data/fonts/iconly.ttf
index 967cc78d7aa0735b3c18ed8913f99b87828a30e9..736915bed93fe3fed6c1087461d89bbf84ad9b2a 100644
GIT binary patch
delta 1917
zcma)+-%nd*7{|ZwIc-k`T3T9qD9|6Y&@vgNt6d=(_ybAwf{lbJ>cz4hN;kGqsHJst
ziK#J06Jw0aNt{>cl3gtEMl++)aP5DvWZ6{{y;uwyz0w#he$U}0fR1H7{q%XC_kG^y
zeBbBkIS(QqCmRp|+VM72WM4S_^7PU6(Hnr6AYad&9?LD<eD--j*<#eWV%ey?|DFB=
zpwd@2FRZ+I{>M+kHv#Q$z_qkoGM0+|nE+#(q_E5ht*+kYc#{k+mupv#Z*6aL?=1b#
zSJsMCMn0Rn#{^c;eA&2K5e4vuqKAHb)hL&4z1Myj@SfvbtFpFU8@u)^Z{V~1%=OKr
zXV^XgPm#ItmFN1_F?AT@W?YmSFX0LFAcYAm;1aIk1AHoG80@g|!H+I`<bVqy=!^}c
z7Ye-|7Q>Bh`1Z|vxYB9IcR=G_omZF{c5*0iBFG)PIo)tJ5aSgh)-Bse2z?B3q60@U
zixqsxaVNL+lL!+<85?FqoTCBGBq-%k>q!bZe7zjOAS-ZqKm<c<{G--WwsbFL`jDo$
z0DUXtPVEAAz52M~5U-hED$fXy`I|BscCd45i@ddCZJ%R@`Mcwi`I(w+bTNa<dggH!
z1}>t4I<7Q5)*k~|d#;GfsB#YW9H;kv1WVOxUnxcxcmYWkYmnzjv21B}rkC3KS;zsF
zwug5Mu&f~}k6C4ovrT<Gib4?%9?r!&x_PiRmZJk6c+FKu!I?}94yDZJ)F;Ds%HD8)
ze1OS(f$k9VbVZqi2YT0RD$YiSB~Sb$MW$)9k|gahNrE;f8KiwmGDMq~q-f7dBD99Y
z%2|}?v`dm++ET;%Az^Y}(ocIq5~p334A5Sb1Znwf*;vopio{1-mRJw-s-&BCO%kH5
zNTxbDs7hkA>yj?onj}hFm-uO~NczlMu2&iwUm1jbKvTkwpebQ*(3G%CXiC^GG$rgD
zni6=Ki*F#zV*@{npqLl$i2F*L^0e}*a$C8t<_=!TgYHAUJFjbQwV?vrchxV{5&pA|
z;5gf!(?fbFsJS#(BArU7^5cc^f}XJaptX{-{Jgai6Pm82we)y;Tvt#l8WSf@Oc=!n
zyMx-9xsw@wPR@P5J8(`eF7AHS5k_bB!tH$v2g2=r-|lYUPV<en?f*y~qvVIFQ}@*G
zohYD-#}_*@+4^&1%CL3rlNq<p_YeLrRQxj8`eS2i(X6$X8hlIat831Bsvp0yYAzIX
zB~tl9z@PLVQrc6anat=ZmR1hV=+S5<8l7IS^=9`8w)8F>h_yGh3NglyMMb@JSB%`b
z*FK<#Ve>D~i*At;X)!F0nA6@_m$Ou@u2s#CyhDC%y<RMq*4LGK#c8Y<)w21GH|rAC
HGmU=%YUwfO

delta 1231
zcmb7^%WD%+6vn@qNt(2IKblAL=;TqXwPF%WDfp<0V3CT_qJl2kkfcp%(u6jlbs>==
zt_rr!#)Sw%K^JbcE{pg#xKdYHiAX^gE~W9C=@s0x;0(X{?mhS1d(Sy{W;RpbVl7Aj
zY<K_#nJd#bFC7~gehf%sq;Y-vRPNS`3qC-8O|RKPHD8|!EIb1gosId*y}8<%#S?&~
z0ho&AQodO5T&6$TWVB3!rKxPQy-U*NYGdvAUZ=ykcJ?<bwZgf4;*0u}3k=e5wVGe6
zOF5k9<{|dgrF^xt{m8b+2tU!bU$3n+eg$8>1RQ$by|tTiq>T)i#rWs!z}8+?Nh7DJ
zQmNI4E_k6LhZ~s165UJ&4mja5S|)n<;72b42tsBr#4=bp%khuh#u2;WFT)HENB_?6
z=88Vf@zQR`FeXvK2HP%rg<E{|u^B;>%X<-HD^5#4w=o<J8CPLBay-ERkD8xEk1>8S
ze8>hV=F-J@^*XqjcL*kFNc$;|OLi@zoOLSuJfHi-Q0=0*r2SAbSwEc>COm=}ETE1i
zR@+_ep0-^-Ph@B<U=ho-qHWc!nn&^7l~~>=??E2J81KuN&<~bXNFa$6>)~ez0fbqf
zI0NowSZ-F!#{i?uBf=m<3|KbyHZyPw^Y3PkHtoG>)U5U=k|}LV84CAtU4JkTj>Wl(
z!|nBP0at{xnZZL%Rm?5@orCmFfAUI^j6kJk1^v{VAVEDXNK!`x`rH|TzHdR`rxpc4
zYDo~F&b9Oh36pt2j9M1NsS5%Rm2bU4FSR0YP^$trbxGi*)&%<JR~P6hFAK6!HdX{K
zD!*BS2(>A2Qdb3`CzjhSE5BvJqNCk?0Lzbd&jCCLw7H88e<S)eiYYwDcgZhJN$b*E
z>8lJm_rEvSkvg5uhaK74k+nCr-`X`taVPIoWht$#yC<}d?ny1}8BpYAUAyDS$iN>1
CC!Y5J

diff --git a/src_data/fonts/iconly.woff b/src_data/fonts/iconly.woff
index 412a1ce26f781586822366b0a86620967f7f913c..37e595dc3d3969793b9b20c606b9e2d51219babd 100644
GIT binary patch
delta 2108
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

delta 1847
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

diff --git a/src_data/fonts/iconly.woff2 b/src_data/fonts/iconly.woff2
index 724540a219446a713289dd03a4e07f573c13716d..45ae36ede1e3a7150a7cf19c2c795cf3aadf8c28 100644
GIT binary patch
literal 1912
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

literal 1664
zcmV-`27mc?Pew8T0RR9100w{n3jhEB01oH?00u7r0RR9100000000000000000000
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
K)Hg6p0ssIlW+5>E

diff --git a/src_data/locales/en.json b/src_data/locales/en.json
index a267ec4..876b156 100644
--- a/src_data/locales/en.json
+++ b/src_data/locales/en.json
@@ -117,6 +117,15 @@
         "mDhwTargetTemp": "DHW target temp",
         "mDhwCurrTemp": "DHW current temp",
         "mDhwRetTemp": "DHW return temp"
+      },
+
+      "sensors": {
+        "values": {
+          "temp": "Temperature",
+          "humidity": "Humidity",
+          "battery": "Battery",
+          "rssi": "RSSI"
+        }
       }
     },
 
diff --git a/src_data/locales/ru.json b/src_data/locales/ru.json
index b5a7320..64c1ec8 100644
--- a/src_data/locales/ru.json
+++ b/src_data/locales/ru.json
@@ -117,6 +117,15 @@
         "mDhwTargetTemp": "ГВС, целевая температура",
         "mDhwCurrTemp": "ГВС, текущая температура",
         "mDhwRetTemp": "ГВС, температура обратки"
+      },
+      
+      "sensors": {
+        "values": {
+          "temp": "Температура",
+          "humidity": "Влажность",
+          "battery": "Уровень заряда",
+          "rssi": "RSSI"
+        }
       }
     },
 
diff --git a/src_data/pages/dashboard.html b/src_data/pages/dashboard.html
index 3584c72..8fd7897 100644
--- a/src_data/pages/dashboard.html
+++ b/src_data/pages/dashboard.html
@@ -11,12 +11,13 @@
     <header class="container">
       <nav>
         <ul>
-          <li><a href="/">
+          <li>
+            <a href="/">
               <div class="logo" data-i18n>logo</div>
-            </a></li>
+            </a>
+          </li>
         </ul>
         <ul>
-          <!--<li><a href="https://github.com/Laxilef/OTGateway/wiki" role="button" class="secondary" target="_blank">Help</a></li>-->
           <li>
             <select id="lang" aria-label="Lang">
               <option value="en" selected>EN</option>
@@ -80,43 +81,43 @@
               <tbody>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mNetworkConnected</th>
-                  <td><input type="radio" class="mNetworkConnected" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mNetworkConnected"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mMqttConnected</th>
-                  <td><input type="radio" class="mMqttConnected" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mMqttConnected"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mEmergencyState</th>
-                  <td><input type="radio" class="mEmergencyState" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mEmergencyState"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mExtPumpState</th>
-                  <td><input type="radio" class="mExtPumpState" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mExtPumpState"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mCascadeControlInput</th>
-                  <td><input type="radio" id="mCascadeControlInput" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mCascadeControlInput"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mCascadeControlOutput</th>
-                  <td><input type="radio" id="mCascadeControlOutput" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mCascadeControlOutput"></i></td>
                 </tr>
 
 
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sConnected</th>
-                  <td><input type="radio" class="sConnected" aria-invalid="false" checked disabled /></td>
+                  <td><i class="sConnected"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sFlame</th>
-                  <td><input type="radio" class="sFlame" aria-invalid="false" checked disabled /></td>
+                  <td><i class="sFlame"></i></td>
                 </tr>
 
 
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sFaultActive</th>
-                  <td><input type="radio" class="sFaultActive" aria-invalid="false" checked disabled /></td>
+                  <td><i class="sFaultActive"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sFaultCode</th>
@@ -124,7 +125,7 @@
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sDiagActive</th>
-                  <td><input type="radio" class="sDiagActive" aria-invalid="false" checked disabled /></td>
+                  <td><i class="sDiagActive"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sDiagCode</th>
@@ -134,15 +135,15 @@
 
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mHeatEnabled</th>
-                  <td><input type="radio" class="mHeatEnabled" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mHeatEnabled"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mHeatBlocking</th>
-                  <td><input type="radio" class="mHeatBlocking" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mHeatBlocking"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sHeatActive</th>
-                  <td><input type="radio" class="sHeatActive" aria-invalid="false" checked disabled /></td>
+                  <td><i class="sHeatActive"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mHeatTargetTemp</th>
@@ -172,11 +173,11 @@
 
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mDhwEnabled</th>
-                  <td><input type="radio" class="mDhwEnabled" aria-invalid="false" checked disabled /></td>
+                  <td><i class="mDhwEnabled"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.sDhwActive</th>
-                  <td><input type="radio" class="sDhwActive" aria-invalid="false" checked disabled /></td>
+                  <td><i class="sDhwActive"></i></td>
                 </tr>
                 <tr>
                   <th scope="row" data-i18n>dashboard.states.mDhwTargetTemp</th>
@@ -196,6 +197,25 @@
 
           <hr />
 
+          <details>
+            <summary><b data-i18n>dashboard.section.sensors</b></summary>
+            <table>
+              <tbody class="sensors">
+                <tr class="sensor template hidden">
+                  <td style="width: 1.35rem">
+                    <span class="sStatusContainer">
+                      <i class="sStatus"></i>
+                    </span>
+                  </td>
+                  <th scope="row" class="sName"></th>
+                  <td class="sValue"></td>
+                </tr>
+              </tbody>
+            </table>
+          </details>
+
+          <hr />
+
           <details>
             <summary><b data-i18n>dashboard.section.diag</b></summary>
             <pre><b>Vendor:</b>             <span class="sVendor"></span>
@@ -335,6 +355,8 @@
         });
 
         setTimeout(async function onLoadPage() {
+          let unitSystem = null;
+
           if (modifiedTime) {
             if ((Date.now() - modifiedTime) < 5000) {
               setTimeout(onLoadPage, 1000);
@@ -372,6 +394,7 @@
             const result = await response.json();
             noRegulators = !result.opentherm.nativeHeatingControl && !result.equitherm.enabled && !result.pid.enabled;
             prevSettings = result;
+            unitSystem = result.system.unitSystem;
             newSettings.heating.enabled = result.heating.enabled;
             newSettings.heating.turbo = result.heating.turbo;
             newSettings.heating.target = result.heating.target;
@@ -391,9 +414,9 @@
             setCheckboxValue('#tDhwEnabled', result.dhw.enabled);
             setValue('#tDhwTargetTemp', result.dhw.target);
 
-            setValue('.tempUnit', temperatureUnit(result.system.unitSystem));
-            setValue('.pressureUnit', pressureUnit(result.system.unitSystem));
-            setValue('.volumeUnit', volumeUnit(result.system.unitSystem));
+            setValue('.tempUnit', temperatureUnit(unitSystem));
+            setValue('.pressureUnit', pressureUnit(unitSystem));
+            setValue('.volumeUnit', volumeUnit(unitSystem));
 
           } catch (error) {
             console.log(error);
@@ -424,7 +447,11 @@
             setValue('.sAppVersion', result.slave.appVersion);
             setValue('.sProtocolVersion', result.slave.protocolVersion);
 
-            setState('.sConnected', result.slave.connected);
+            setStatus(
+              '.sConnected',
+              result.slave.connected ? "success" : "error",
+              result.slave.connected ? "green" : "red"
+            );
             setState('.sFlame', result.slave.flame);
 
             setValue('.sModMin', result.slave.modulation.min);
@@ -441,26 +468,38 @@
             setValue('.sDhwMinTemp', result.slave.dhw.minTemp);
             setValue('.sDhwMaxTemp', result.slave.dhw.maxTemp);
 
-            setState('.sFaultActive', result.slave.fault.active);
+            setStatus(
+              '.sFaultActive',
+              result.slave.fault.active ? "success" : "error",
+              result.slave.fault.active ? "red" : "green"
+            );
             setValue(
               '.sFaultCode',
               result.slave.fault.active
-                ? (result.slave.fault.code + " (0x" + dec2hex(result.slave.fault.code) + ")")
+                ? `${result.slave.fault.code} (0x${dec2hex(result.slave.fault.code)})`
                 : "-"
             );
 
-            setState('.sDiagActive', result.slave.diag.active);
+            setStatus(
+              '.sDiagActive',
+              result.slave.diag.active ? "success" : "error",
+              result.slave.diag.active ? "red" : "green"
+            );
             setValue(
               '.sDiagCode',
               result.slave.diag.active
-                ? (result.slave.diag.code + " (0x" + dec2hex(result.slave.diag.code) + ")")
+                ? `${result.slave.diag.code} (0x${dec2hex(result.slave.diag.code)})`
                 : "-"
             );
 
 
             // MASTER
             setState('.mHeatEnabled', result.master.heating.enabled);
-            setState('.mHeatBlocking', result.master.heating.blocking);
+            setStatus(
+              '.mHeatBlocking',
+              result.master.heating.blocking ? "success" : "error",
+              result.master.heating.blocking ? "red" : "green"
+            );
             setState('.mHeatIndoorTempControl', result.master.heating.indoorTempControl);
             setValue('.mHeatSetpointTemp', result.master.heating.setpointTemp);
             setValue('.mHeatTargetTemp', result.master.heating.targetTemp);
@@ -478,9 +517,17 @@
             setValue('.mDhwMinTemp', result.master.dhw.minTemp);
             setValue('.mDhwMaxTemp', result.master.dhw.maxTemp);
 
-            setState('.mNetworkConnected', result.master.network.connected);
+            setStatus(
+              '.mNetworkConnected',
+              result.master.network.connected ? "success" : "error",
+              result.master.network.connected ? "green" : "red"
+            );
             setState('.mMqttConnected', result.master.mqtt.connected);
-            setState('.mEmergencyState', result.master.emergency.state);
+            setStatus(
+              '.mEmergencyState',
+              result.master.emergency.state ? "success" : "error",
+              result.master.emergency.state ? "red" : "green"
+            );
             setState('.mExtPumpState', result.master.externalPump.state);
             setState('.mCascadeControlInput', result.master.cascadeControl.input);
             setState('.mCascadeControlOutput', result.master.cascadeControl.output);
@@ -491,6 +538,84 @@
             console.log(error);
           }
 
+          // sensors
+          try {
+            const response = await fetch("/api/sensors?detailed=1", { cache: "no-cache" });
+            if (!response.ok) {
+              throw new Error("Response not valid");
+            }
+
+            const container = document.querySelector(".sensors");
+            const templateNode = container.querySelector(".template");
+            const result = await response.json();
+
+            for (const sensorId in result) {
+              let sensorNode = container.querySelector(`.sensor[data-id='${sensorId}']`);
+              if (sensorNode) {
+                continue;
+              }
+
+              sensorNode = templateNode.cloneNode(true);
+              sensorNode.dataset.id = sensorId;
+              sensorNode.classList.remove("template");
+              container.appendChild(sensorNode);
+            }
+
+            for (const sensorId in result) {
+              const sensorNode = container.querySelector(`.sensor[data-id='${sensorId}']`);
+              if (!sensorNode) {
+                continue;
+              }
+              
+              const sData = result[sensorId];
+              if (sData.purpose == 255) {
+                sensorNode.classList.add("hidden");
+                continue;
+              }
+
+              sensorNode.classList.remove("hidden");
+
+              setStatus(
+                ".sStatus",
+                sData.connected ? "success" : "error",
+                sData.connected ? "green" : "red",
+                sensorNode
+              );
+              setValue(".sName", sData.name, sensorNode);
+              setValue(".sValue", "", sensorNode);
+
+              const statusNode = sensorNode.querySelector(`.sStatusContainer`);
+              if (statusNode) {
+                statusNode.dataset.tooltip = `${sData.signalQuality}%`;
+              }
+
+              if (sData.value !== undefined) {
+                const sUnit = purposeUnit(sData.purpose, unitSystem);
+                appendValue(".sValue", `<b>${sData.value.toFixed(2)}</b> ${sUnit !== null ? sUnit : ``}`, `<br />`, sensorNode);
+              }
+
+              if (sData.temperature !== undefined) {
+                const sUnit = temperatureUnit(unitSystem);
+                appendValue(".sValue", `${i18n('dashboard.sensors.values.temp')}: <b>${sData.temperature.toFixed(2)}</b> ${sUnit !== null ? sUnit : ``}`, `<br />`, sensorNode);
+              }
+
+              if (sData.humidity !== undefined) {
+                appendValue(".sValue", `${i18n('dashboard.sensors.values.humidity')}: <b>${sData.humidity.toFixed(2)}</b> %`, `<br />`, sensorNode);
+              }
+
+              if (sData.battery !== undefined) {
+                appendValue(".sValue", `${i18n('dashboard.sensors.values.battery')}: <b>${sData.battery.toFixed(2)}</b> %`, `<br />`, sensorNode);
+              }
+
+              if (sData.rssi !== undefined) {
+                appendValue(".sValue", `${i18n('dashboard.sensors.values.rssi')}: <b>${sData.rssi.toFixed(0)}</b> ${i18n('dbm')}`, `<br />`, sensorNode);
+              }
+            }
+
+          } catch (error) {
+            console.log(error);
+          }
+
           setTimeout(onLoadPage, 10000);
         }, 1000);
       });
diff --git a/src_data/pages/index.html b/src_data/pages/index.html
index 132eaac..88f0585 100644
--- a/src_data/pages/index.html
+++ b/src_data/pages/index.html
@@ -11,12 +11,13 @@
     <header class="container">
       <nav>
         <ul>
-          <li><a href="/">
+          <li>
+            <a href="/">
               <div class="logo" data-i18n>logo</div>
-            </a></li>
+            </a>
+          </li>
         </ul>
         <ul>
-          <!--<li><a href="https://github.com/Laxilef/OTGateway/wiki" role="button" class="secondary" target="_blank">Help</a></li>-->
           <li>
             <select id="lang" aria-label="Lang">
               <option value="en" selected>EN</option>
@@ -48,7 +49,7 @@
               </tr>
               <tr>
                 <th scope="row" data-i18n>network.wifi.connected</th>
-                <td><input type="radio" id="network-connected" aria-invalid="false" checked disabled /></td>
+                <td><i id="network-connected"></i></td>
               </tr>
               <tr>
                 <th scope="row" data-i18n>network.wifi.ssid</th>
@@ -184,7 +185,11 @@
 
             setValue('#network-hostname', result.network.hostname);
             setValue('#network-mac', result.network.mac);
-            setState('#network-connected', result.network.connected);
+            setStatus(
+              '#network-connected',
+              result.network.connected ? "success" : "error",
+              result.network.connected ? "green" : "red"
+            );
             setValue('#network-ssid', result.network.ssid);
             setValue('#network-signal', result.network.signalQuality);
             setValue('#network-ip', result.network.ip);
diff --git a/src_data/pages/network.html b/src_data/pages/network.html
index aa6945d..88e2c66 100644
--- a/src_data/pages/network.html
+++ b/src_data/pages/network.html
@@ -11,12 +11,13 @@
     <header class="container">
       <nav>
         <ul>
-          <li><a href="/">
+          <li>
+            <a href="/">
               <div class="logo" data-i18n>logo</div>
-            </a></li>
+            </a>
+          </li>
         </ul>
         <ul>
-          <!--<li><a href="https://github.com/Laxilef/OTGateway/wiki" role="button" class="secondary" target="_blank">Help</a></li>-->
           <li>
             <select id="lang" aria-label="Lang">
               <option value="en" selected>EN</option>
diff --git a/src_data/pages/sensors.html b/src_data/pages/sensors.html
index 7bb012a..1626e08 100644
--- a/src_data/pages/sensors.html
+++ b/src_data/pages/sensors.html
@@ -11,12 +11,13 @@
     <header class="container">
       <nav>
         <ul>
-          <li><a href="/">
+          <li>
+            <a href="/">
               <div class="logo" data-i18n>logo</div>
-            </a></li>
+            </a>
+          </li>
         </ul>
         <ul>
-          <!--<li><a href="https://github.com/Laxilef/OTGateway/wiki" role="button" class="secondary" target="_blank">Help</a></li>-->
           <li>
             <select id="lang" aria-label="Lang">
               <option value="en" selected>EN</option>
@@ -300,7 +301,7 @@
               }
             });
             
-            setupForm(".sensor[data-id='" + sensorId + "'] form", fillData, ['address']);
+            setupForm(`.sensor[data-id='${sensorId}'] form`, fillData, ['address']);
           }
 
         } catch (error) {
diff --git a/src_data/pages/settings.html b/src_data/pages/settings.html
index 807ec9b..fe65ce9 100644
--- a/src_data/pages/settings.html
+++ b/src_data/pages/settings.html
@@ -11,12 +11,13 @@
     <header class="container">
       <nav>
         <ul>
-          <li><a href="/">
+          <li>
+            <a href="/">
               <div class="logo" data-i18n>logo</div>
-            </a></li>
+            </a>
+          </li>
         </ul>
         <ul>
-          <!--<li><a href="https://github.com/Laxilef/OTGateway/wiki" role="button" class="secondary" target="_blank">Help</a></li>-->
           <li>
             <select id="lang" aria-label="Lang">
               <option value="en" selected>EN</option>
diff --git a/src_data/pages/upgrade.html b/src_data/pages/upgrade.html
index 86521e2..d18702a 100644
--- a/src_data/pages/upgrade.html
+++ b/src_data/pages/upgrade.html
@@ -11,12 +11,13 @@
     <header class="container">
       <nav>
         <ul>
-          <li><a href="/">
+          <li>
+            <a href="/">
               <div class="logo" data-i18n>logo</div>
-            </a></li>
+            </a>
+          </li>
         </ul>
         <ul>
-          <!--<li><a href="https://github.com/Laxilef/OTGateway/wiki" role="button" class="secondary" target="_blank">Help</a></li>-->
           <li>
             <select id="lang" aria-label="Lang">
               <option value="en" selected>EN</option>
diff --git a/src_data/scripts/utils.js b/src_data/scripts/utils.js
index 122d273..b0bf1ef 100644
--- a/src_data/scripts/utils.js
+++ b/src_data/scripts/utils.js
@@ -143,8 +143,8 @@ const setupNetworkScanForm = (formSelector, tableSelector) => {
           input.focus();
         };
 
-        row.insertCell().textContent = "#" + (i + 1);
-        row.insertCell().innerHTML = result[i].hidden ? ("<i>" + result[i].bssid + "</i>") : result[i].ssid;
+        row.insertCell().textContent = `#${i + 1}`;
+        row.insertCell().innerHTML = result[i].hidden ? `<i>${result[i].bssid}</i>` : result[i].ssid;
 
         // info cell
         let infoCell = row.insertCell();
@@ -164,7 +164,7 @@ const setupNetworkScanForm = (formSelector, tableSelector) => {
         }
         
         let signalQualityContainer = document.createElement("span");
-        signalQualityContainer.setAttribute('data-tooltip', result[i].signalQuality + "%");
+        signalQualityContainer.setAttribute('data-tooltip', `${result[i].signalQuality}%`);
         signalQualityContainer.appendChild(signalQualityIcon);
         infoCell.appendChild(signalQualityContainer);
 
@@ -427,7 +427,7 @@ const setupUpgradeForm = (formSelector) => {
         resItem.classList.add('failed');
 
         if (result.firmware.error != "") {
-          resItem.textContent += ": " + result.firmware.error;
+          resItem.textContent += `: ${result.firmware.error}`;
         }
       }
     }
@@ -445,7 +445,7 @@ const setupUpgradeForm = (formSelector) => {
         resItem.classList.add('failed');
 
         if (result.filesystem.error != "") {
-          resItem.textContent += ": " + result.filesystem.error;
+          resItem.textContent += `: ${result.filesystem.error}`;
         }
       }
     }
@@ -526,8 +526,8 @@ const setBusy = (busySelector, contentSelector, value, parent = undefined) => {
   }
 }
 
-const setState = (selector, value, parent = undefined) => {
-  if (parent == undefined) {
+const setAriaState = (selector, value, parent = undefined) => {
+  if (parent === undefined) {
     parent = document;
   }
 
@@ -539,8 +539,40 @@ const setState = (selector, value, parent = undefined) => {
   item.setAttribute('aria-invalid', !value);
 }
 
+const setStatus = (selector, state, color = undefined, parent = undefined) => {
+  if (parent === undefined) {
+    parent = document;
+  }
+
+  let item = parent.querySelector(selector);
+  if (!item) {
+    return;
+  }
+
+  item.classList.forEach(cName => {
+    if (cName.indexOf("icons-") === 0) {
+      item.classList.remove(cName);
+    }
+  });
+
+  item.classList.add(`icons-${state}`);
+  
+  if (color !== undefined) {
+    item.classList.add(`icons-color-${color}`);
+  }
+}
+
+const setState = (selector, state, parent = undefined) => {
+  return setStatus(
+    selector,
+    state ? "success" : "error",
+    state ? "green" : "gray",
+    parent
+  );
+}
+
 const setValue = (selector, value, parent = undefined) => {
-  if (parent == undefined) {
+  if (parent === undefined) {
     parent = document;
   }
 
@@ -554,8 +586,32 @@ const setValue = (selector, value, parent = undefined) => {
   }
 }
 
+const appendValue = (selector, value, nl = null, parent = undefined) => {
+  if (parent === undefined) {
+    parent = document;
+  }
+
+  let items = parent.querySelectorAll(selector);
+  if (!items.length) {
+    return;
+  }
+
+  for (let item of items) {
+    if (item.innerHTML.trim().length > 0) {
+      if (nl !== null) {
+        item.innerHTML += nl;
+      }
+
+      item.innerHTML += value;
+
+    } else {
+      item.innerHTML = value;
+    }
+  }
+}
+
 const setCheckboxValue = (selector, value, parent = undefined) => {
-  if (parent == undefined) {
+  if (parent === undefined) {
     parent = document;
   }
 
@@ -568,7 +624,7 @@ const setCheckboxValue = (selector, value, parent = undefined) => {
 }
 
 const setRadioValue = (selector, value, parent = undefined) => {
-  if (parent == undefined) {
+  if (parent === undefined) {
     parent = document;
   }
 
@@ -583,7 +639,7 @@ const setRadioValue = (selector, value, parent = undefined) => {
 }
 
 const setInputValue = (selector, value, attrs = {}, parent = undefined) => {
-  if (parent == undefined) {
+  if (parent === undefined) {
     parent = document;
   }
 
@@ -604,7 +660,7 @@ const setInputValue = (selector, value, attrs = {}, parent = undefined) => {
 }
 
 const setSelectValue = (selector, value, parent = undefined) => {
-  if (parent == undefined) {
+  if (parent === undefined) {
     parent = document;
   }
   
@@ -619,7 +675,7 @@ const setSelectValue = (selector, value, parent = undefined) => {
 }
 
 const show = (selector, parent = undefined) => {
-  if (parent == undefined) {
+  if (parent === undefined) {
     parent = document;
   }
 
@@ -636,7 +692,7 @@ const show = (selector, parent = undefined) => {
 }
 
 const hide = (selector, parent = undefined) => {
-  if (parent == undefined) {
+  if (parent === undefined) {
     parent = document;
   }
 
@@ -679,6 +735,29 @@ const volumeUnit = (unitSystem) => {
   });
 }
 
+const purposeUnit = (purpose, unitSystem) => {
+  const tUnit = temperatureUnit(unitSystem);
+
+  return unit2str(purpose, {
+    0:    tUnit,
+    1:    tUnit,
+    2:    tUnit,
+    3:    tUnit,
+    4:    tUnit,
+    5:    tUnit,
+    6:    `${volumeUnit(unitSystem)}/${i18n('time.min')}`,
+    7:    tUnit,
+    8:    "%",
+    248:  "%",
+    249:  i18n('kw'),
+    250:  "RPM",
+    251:  "ppm",
+    252:  pressureUnit(unitSystem),
+    253:  "%",
+    254:  tUnit
+  }, null);
+}
+
 const memberIdToVendor = (memberId) => {
   // https://github.com/Jeroen88/EasyOpenTherm/blob/main/src/EasyOpenTherm.h
   // https://github.com/Evgen2/SmartTherm/blob/v0.7/src/Web.cpp
@@ -757,7 +836,7 @@ function form2json(data, noCastItems = []) {
 function dec2hex(i) {
   let hex = parseInt(i).toString(16);
   if (hex.length % 2 != 0) {
-    hex = "0" + hex;
+    hex = `0${hex}`;
   }
   
   return hex.toUpperCase();
diff --git a/src_data/styles/app.css b/src_data/styles/app.css
index 38d290b..4959394 100644
--- a/src_data/styles/app.css
+++ b/src_data/styles/app.css
@@ -59,7 +59,7 @@ footer {
 /*nav li a:has(> div.logo) {
   margin-bottom: 0;
 }*/
-nav li :where(a,[role=link]) {
+nav li :where(a, [role=link]) {
   margin: 0;
 }
 
@@ -71,6 +71,11 @@ pre {
   padding: 0.5rem;
 }
 
+:nth-last-child(1 of table tr:not(.hidden)) th,
+:nth-last-child(1 of table tr:not(.hidden)) td {
+  border-bottom: 0 !important;
+}
+
 
 .hidden {
   display: none !important;
@@ -200,4 +205,20 @@ tr.network:hover {
 
 [data-tooltip]:has(> [class*=" icons-"], > [class=icons], > [class^=icons-]) {
   border: 0 !important;
+}
+
+.icons-color-green {
+  color: var(--pico-form-element-valid-active-border-color);
+}
+
+.icons-color-yellow {
+  color: #c89048;
+}
+
+.icons-color-gray {
+  color: var(--pico-form-element-placeholder-color);
+}
+
+.icons-color-red {
+  color: var(--pico-form-element-invalid-active-border-color);
 }
\ No newline at end of file
diff --git a/src_data/styles/iconly.css b/src_data/styles/iconly.css
index 08f9389..5af6d94 100644
--- a/src_data/styles/iconly.css
+++ b/src_data/styles/iconly.css
@@ -7,8 +7,8 @@
   font-family: "Icons";
   font-style: normal;
   font-weight: 400;
-  src: url("/static/fonts/iconly.eot?1718563596894");
-  src: url("/static/fonts/iconly.eot?#iefix") format("embedded-opentype"), url("/static/fonts/iconly.woff2?1718563596894") format("woff2"), url("/static/fonts/iconly.woff?1718563596894") format("woff"), url("/static/fonts/iconly.ttf?1718563596894") format("truetype"), url("/static/fonts/iconly.svg?1718563596894#Icons") format("svg");
+  src: url("/static/fonts/iconly.eot?1732913937966");
+  src: url("/static/fonts/iconly.eot?#iefix") format("embedded-opentype"), url("/static/fonts/iconly.woff2?1732913937966") format("woff2"), url("/static/fonts/iconly.woff?1732913937966") format("woff"), url("/static/fonts/iconly.ttf?1732913937966") format("truetype"), url("/static/fonts/iconly.svg?1732913937966#Icons") format("svg");
 }
 
 [class="icons"], [class^="icons-"], [class*=" icons-"] {
@@ -51,6 +51,10 @@
   content: "\e006";
 }
 
+.icons-error:before {
+  content: "\e007";
+}
+
 .icons-wifi-strength-3:before {
   content: "\e008";
 }
@@ -63,6 +67,14 @@
   content: "\e00a";
 }
 
+.icons-success:before {
+  content: "\e00b";
+}
+
 .icons-up:before {
   content: "\e00c";
 }
+
+.icons-alarm:before {
+  content: "\e00d";
+}