From bf85dc7aed3eba63fae4594fe77870878424a723 Mon Sep 17 00:00:00 2001
From: Maxim Prokhorov <prokhorov.max@outlook.com>
Date: Sat, 29 Jun 2024 07:41:32 +0300
Subject: [PATCH] webui: data attribute for pre= and post=

---
 code/html/src/settings.mjs |  8 ++++----
 code/html/src/status.html  | 14 +++++++-------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/code/html/src/settings.mjs b/code/html/src/settings.mjs
index 282496bf..4352bf5a 100644
--- a/code/html/src/settings.mjs
+++ b/code/html/src/settings.mjs
@@ -695,12 +695,12 @@ export function setSpanValue(span, value) {
         }
 
         let content = "";
-        if (span.attributes.pre) {
-            content += span.attributes.pre.value;
+        if (span.dataset["pre"]) {
+            content += span.dataset["pre"];
         }
         content += value;
-        if (span.attributes.post) {
-            content += span.attributes.post.value;
+        if (span.dataset["post"]) {
+            content += span.dataset["post"];
         }
         span.textContent = content;
     }
diff --git a/code/html/src/status.html b/code/html/src/status.html
index b9f05487..7a824eab 100644
--- a/code/html/src/status.html
+++ b/code/html/src/status.html
@@ -10,7 +10,7 @@
         <span data-key="channel"></span>
 
         <label>RSSI</label>
-        <span data-key="rssi" post="dBm"></span>
+        <span data-key="rssi" data-post="dBm"></span>
 
         <label>IP</label>
         <span data-key="staip"></span>
@@ -30,16 +30,16 @@
         <span data-key="app_build"></span>
 
         <label>Firmware size</label>
-        <span data-key="sketch_size" post=" bytes"></span>
+        <span data-key="sketch_size" data-post=" bytes"></span>
 
         <label>Free space</label>
-        <span data-key="free_size" post=" bytes"></span>
+        <span data-key="free_size" data-post=" bytes"></span>
 
         <label>Uptime</label>
         <span data-key="uptime"></span>
 
         <label>Last update</label>
-        <span data-key="app:ago" post=" seconds ago">?</span>
+        <span data-key="app:ago" data-post=" seconds ago">?</span>
     </div>
 
     <div class="pure-u-1-2 pure-u-lg-1-4">
@@ -61,13 +61,13 @@
 
     <div class="pure-u-1-2 pure-u-lg-1-4">
         <label>Free heap</label>
-        <span data-key="heap" post=" bytes"></span>
+        <span data-key="heap" data-post=" bytes"></span>
 
         <label>Load average</label>
-        <span data-key="loadaverage" post="%"></span>
+        <span data-key="loadaverage" data-post="%"></span>
 
         <label>VCC</label>
-        <span data-key="vcc" post="mV">? </span>
+        <span data-key="vcc" data-post="mV">? </span>
 
         <div class="pure-control-group module module-mqtt">
             <label>MQTT Status</label>