From 55072064e1034f3774a010cda1de572f5fec490a Mon Sep 17 00:00:00 2001 From: zain_arif Date: Wed, 22 Apr 2026 12:03:40 +0700 Subject: [PATCH 1/2] fix(svg): airdryer A change direction --- src/assets/svg/overview-airdryer.svg | 100 +++++++++++------------ src/assets/svg/overview-compressor.svg | 100 +++++++++++------------ src/components/Global/MqttConnection.jsx | 5 ++ 3 files changed, 105 insertions(+), 100 deletions(-) diff --git a/src/assets/svg/overview-airdryer.svg b/src/assets/svg/overview-airdryer.svg index 698f30b..fbc8c28 100644 --- a/src/assets/svg/overview-airdryer.svg +++ b/src/assets/svg/overview-airdryer.svg @@ -3,12 +3,12 @@ - - - - - - + + + + + + @@ -53,31 +53,31 @@ - AirDryer A - - On/Off - H - #### - - - - AirDryer B - - On/Off - H - #### - - - - AirDryer C - - On/Off - H - #### - - - - + AirDryer A + + On/Off + H + #### + + + + AirDryer B + + On/Off + H + #### + + + + AirDryer C + + On/Off + H + #### + + + + @@ -96,17 +96,17 @@ - - - - - PLC AirDryer - IP : 192.168.0.3 - - - PC Station - IP : 192.168.0.2 - + + + + + PLC AirDryer + IP : 192.168.0.3 + + + PC Station + IP : 192.168.0.2 + @@ -125,13 +125,13 @@ - - - PC Server - IP : xxx.xxx.xx.xx​ + + + PC Server + IP : 192.168.0.99​ OVERVIEW AIR DRYER - - + + @@ -234,7 +234,7 @@ - + @@ -337,7 +337,7 @@ - + diff --git a/src/assets/svg/overview-compressor.svg b/src/assets/svg/overview-compressor.svg index 7741e04..c042f5d 100644 --- a/src/assets/svg/overview-compressor.svg +++ b/src/assets/svg/overview-compressor.svg @@ -3,12 +3,12 @@ - - - - - - + + + + + + @@ -47,7 +47,7 @@ - + @@ -92,28 +92,28 @@ - COMPRESSOR A - - On/Off - H - #### - - - - COMPRESSOR B - - On/Off - H - #### - - - - COMPRESSOR C - - On/Off - H - #### - + COMPRESSOR A + + On/Off + H + #### + + + + COMPRESSOR B + + On/Off + H + #### + + + + COMPRESSOR C + + On/Off + H + #### + @@ -152,7 +152,7 @@ - + @@ -191,10 +191,10 @@ - - - - + + + + @@ -213,17 +213,17 @@ - - - - - PLC Compressor - IP : 192.168.0.1 - - - PC Station - IP : 192.168.0.2 - + + + + + PLC Compressor + IP : 192.168.0.1 + + + PC Station + IP : 192.168.0.2 + @@ -242,10 +242,10 @@ - - - PC Server - IP : xxx.xxx.xx.xx​ + + + PC Server + IP : 192.168.0.99​ OVERVIEW COMPRESSOR - + \ No newline at end of file diff --git a/src/components/Global/MqttConnection.jsx b/src/components/Global/MqttConnection.jsx index cc401f2..9fab684 100644 --- a/src/components/Global/MqttConnection.jsx +++ b/src/components/Global/MqttConnection.jsx @@ -95,6 +95,11 @@ const handleBoolean = (svg, el, value) => { return; } + // balik arah khusus untuk airdryerA + if (dryerIds.slice(0, 2).includes(el.id)) { + value = !value; + } + const i = dryerIds.indexOf(el.id); const id1 = dryerIds[i - (i % 2)]; const id2 = dryerIds[i - (i % 2) + 1]; -- 2.49.1 From 0a8a76726195ff3f5cd75d14268923ffd4cc7089 Mon Sep 17 00:00:00 2001 From: zain_arif Date: Wed, 22 Apr 2026 15:48:08 +0700 Subject: [PATCH 2/2] fix(svg): airdryer condition color --- src/assets/svg/air_dryer_A_rev.svg | 8 ++++---- src/assets/svg/air_dryer_B_rev.svg | 8 ++++---- src/assets/svg/air_dryer_C_rev.svg | 8 ++++---- src/components/Global/MqttConnection.jsx | 21 +++++++++++---------- 4 files changed, 23 insertions(+), 22 deletions(-) diff --git a/src/assets/svg/air_dryer_A_rev.svg b/src/assets/svg/air_dryer_A_rev.svg index e852408..fc182c9 100644 --- a/src/assets/svg/air_dryer_A_rev.svg +++ b/src/assets/svg/air_dryer_A_rev.svg @@ -240,8 +240,8 @@ - - - - + + + + \ No newline at end of file diff --git a/src/assets/svg/air_dryer_B_rev.svg b/src/assets/svg/air_dryer_B_rev.svg index 564c3fa..fa1e895 100644 --- a/src/assets/svg/air_dryer_B_rev.svg +++ b/src/assets/svg/air_dryer_B_rev.svg @@ -232,7 +232,7 @@ ####.## ####.## ## - + @@ -241,7 +241,7 @@ - - - + + + \ No newline at end of file diff --git a/src/assets/svg/air_dryer_C_rev.svg b/src/assets/svg/air_dryer_C_rev.svg index 7431663..e408209 100644 --- a/src/assets/svg/air_dryer_C_rev.svg +++ b/src/assets/svg/air_dryer_C_rev.svg @@ -232,7 +232,7 @@ ####.## ####.## ## - + @@ -241,7 +241,7 @@ - - - + + + \ No newline at end of file diff --git a/src/components/Global/MqttConnection.jsx b/src/components/Global/MqttConnection.jsx index 9fab684..7da8781 100644 --- a/src/components/Global/MqttConnection.jsx +++ b/src/components/Global/MqttConnection.jsx @@ -95,22 +95,23 @@ const handleBoolean = (svg, el, value) => { return; } - // balik arah khusus untuk airdryerA - if (dryerIds.slice(0, 2).includes(el.id)) { - value = !value; - } - const i = dryerIds.indexOf(el.id); const id1 = dryerIds[i - (i % 2)]; const id2 = dryerIds[i - (i % 2) + 1]; - const el1 = svg.getElementById(id1); - const el2 = svg.getElementById(id2); + const els1 = svg.querySelectorAll(`#${id1}`); + const els2 = svg.querySelectorAll(`#${id2}`); - if (!el1 || !el2) return; + if (!els1 || !els2) return; + // balik arah khusus untuk airdryerA + if (dryerIds.slice(0, 2).includes(el.id)) value = !value; - el1.style.fill = value ? 'rgb(216,216,216)' : 'yellow'; - el2.style.fill = value ? 'yellow' : 'rgb(216,216,216)'; + els1.forEach(el => { + el.style.fill = value ? 'rgb(255, 204, 63)' : 'rgb(216,216,216)'; + }); + els2.forEach(el => { + el.style.fill = value ? 'rgb(216,216,216)' : 'rgb(255, 204, 63)'; + }); }; const handleNumber = (el, value) => { -- 2.49.1