yogiedigital/cod-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lavoce #42

Merged
bragaz_rexita merged 18 commits from lavoce into main 2026-04-10 05:35:38 +00:00
Conversation 0 Commits 18 Files Changed 15 +35 -47
2 changed files with 35 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit da1adce118 - Show all commits

76
src/assets/svg/compressorB_rev.svg
View File

@@ -3,7 +3,7 @@
<defs>
<bx:grid x="0" y="0" width="20" height="20"/>
</defs>
<rect y="8.994" width="982.515" height="460.551" style="stroke: rgb(0, 0, 0); fill: rgb(229, 229, 229); stroke-width: 0.693;" x="8.953"/>
<rect y="587.416" width="982.515" height="460.551" style="stroke: rgb(0, 0, 0); fill: rgb(229, 229, 229); stroke-width: 0.693;" x="-49.037"/>
<path style="fill: none; stroke: rgb(76, 76, 76); stroke-width: 1.386; transform-origin: 415.283px 142.624px;" d="M 323.412 74.25 L 323.412 81.822"/>
<path style="fill: rgb(255, 255, 255); stroke: rgb(76, 76, 76); stroke-width: 1.386; transform-box: fill-box; transform-origin: 50% 50%;" d="M 319.091 77.599 L 327.681 77.599 L 327.681 94.636 L 319.091 94.636 L 319.091 77.599 Z" transform="matrix(0, 1, -1, 0, 0.000008, 0.000003)"/>
<path style="fill: rgb(255, 255, 255); stroke: rgb(76, 76, 76); stroke-width: 1.386; transform-box: fill-box; transform-origin: 50% 50%;" d="M 338.499 70.582 L 338.765 65.878 L 339.567 61.653 L 340.853 58.943 L 342.285 58.144 L 343.692 58.943 L 344.979 61.653 L 345.804 65.878 L 346.07 70.582 L 342.285 97.928 L 338.499 70.582 Z" transform="matrix(0, 1, -1, 0, 0.000019, -0.000022)"/>
@@ -1868,7 +1868,7 @@
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 14px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 102.044106, 95.82489)">ALARM</text>
<rect x="109.089" y="166.7" width="70.551" height="29.825" style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(244, 248, 248);"/>
<ellipse style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0.693;" cx="146.919" cy="181.482" rx="14.791" ry="11.808"/>
<g transform="matrix(0.745268, 0, 0, 0.776241, -203.089244, -22.229242)" style="">
<g transform="matrix(1.242112, 0, 0, 1.006478, -323.815063, -85.728218)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
@@ -1880,23 +1880,23 @@
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, -5.955331, 154.974816)" x="38.471" y="128.844">CAPACITY CONTROL</text>
<g transform="matrix(0.745268, 0, 0, 0.776241, -203.089275, 19.909547)" style="">
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 12px; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 36.044662, 161.974823)" x="38.471" y="128.844">CAPACITY CONTROL</text>
<g transform="matrix(0.745268, 0, 0, 0.776241, -203.089264, 47.61132)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<g transform="matrix(0.745268, 0, 0, 0.776241, -203.089275, 61.373798)" style="">
<g transform="matrix(0.745268, 0, 0, 0.776241, -203.089264, 89.075577)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<g transform="matrix(0.745268, 0, 0, 0.776241, -203.089275, 104.013349)" style="">
<g transform="matrix(0.745268, 0, 0, 0.776241, -203.089264, 131.715118)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 10px;" x="24.591" y="237.734" id="c_2014">#########</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 14px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 1.467939, 198.277293)">CURRENT</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 0.653285, 238.113721)" x="38.471" y="128.844">LOAD RATIO</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, -2.228476, 281.700759)" x="38.471" y="128.844">LOAD NUMBER</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 10px;" x="57.359" y="249.23" id="c_2014">#########</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 14px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 1.467946, 225.97908)">CURRENT</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 0.653292, 265.815491)" x="38.471" y="128.844">LOAD RATIO</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, -2.228469, 309.402496)" x="38.471" y="128.844">LOAD NUMBER</text>
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; text-anchor: middle; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 225.350979, 117.907645)"><tspan x="38.471" y="128.844">2nd Discharge </tspan><tspan x="38.471" dy="1em">​</tspan><tspan>Temp.</tspan></text>
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; text-anchor: middle; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 226.401547, 151.150856)"><tspan x="38.471" y="128.844">2nd Suction </tspan><tspan x="38.47100067138672" dy="1em">​</tspan><tspan>Temp.</tspan></text>
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; text-anchor: middle; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 227.1022, 184.140574)"><tspan x="38.471" y="128.844">Interstage </tspan><tspan x="38.47100067138672" dy="1em">​</tspan><tspan>Press.</tspan></text>
@@ -1905,48 +1905,38 @@
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 602.751313, 226.503079)" x="38.471" y="128.844">Oil Temp.</text>
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 10px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 866.161361, 121.975875)" x="38.471" y="128.844">Motor Vibration</text>
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 865.228011, 160.110833)" x="38.471" y="128.844">Gearbox Vibration</text>
<g transform="matrix(0.745268, 0, 0, 0.776241, -122.465735, -22.184617)" style="">
<g transform="matrix(0.745268, 0, 0, 0.776241, -122.465736, 47.611324)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<g transform="matrix(0.745268, 0, 0, 0.776241, -122.385771, 19.92331)" style="">
<g transform="matrix(0.745268, 0, 0, 0.776241, -122.385773, 89.719246)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<g transform="matrix(0.745268, 0, 0, 0.776241, -123.040793, 61.519206)" style="">
<g transform="matrix(0.745268, 0, 0, 0.776241, -123.040794, 131.315155)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 85.624959, 155.029061)" x="38.471" y="128.844">Run Hour</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 77.362362, 196.632518)" x="38.471" y="128.844">Total Load Time</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 75.231106, 237.990308)" x="38.471" y="128.844">Reminder Maint.</text>
<g>
<g transform="matrix(0.745268, 0, 0, 0.776241, -123.597869, 104.400587)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 10px; font-weight: 700; white-space: pre; text-anchor: middle;" transform="matrix(0.705508, 0, 0, 0.49184, 102.888296, 279.101821)" x="38.471" y="128.844">Next Maint.<tspan x="38.47100067138672" dy="1em">​</tspan>Timing</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="113.79" y="363.775">5 YEAR</text>
</g>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 85.624962, 224.825027)" x="38.471" y="128.844">Run Hour</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 77.362366, 266.428467)" x="38.471" y="128.844">Total Load Time</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 75.23111, 307.786255)" x="38.471" y="128.844">Reminder Maint.</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 30px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 382.384206, -28.443786)">COMPRESSOR UNIT - B</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="104.705" y="279.732" id="c_2013">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.793" y="279.599">H</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="24.821" y="278.557" id="c_2009">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="70.284" y="279.078">A</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="67.763" y="319.77">%</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.885" y="236.427">H</text>
<g transform="matrix(1, 0, 0, 1, -59.423419, 119.888373)">
<g transform="matrix(0.745268, 0, 0, 0.776241, -64.617267, -14.972764)" style="">
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="104.705" y="349.528" id="c_2013">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.793" y="349.395">H</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="24.821" y="306.259" id="c_2009">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="70.284" y="306.78">A</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="67.763" y="347.472">%</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.885" y="306.223">H</text>
<g transform="matrix(1.229208, 0, 0, 1.083872, -319.028198, 95.513718)" style="">
<rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
<rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
</g>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="163.733" y="244.532">OVERHOUL</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 10px; font-weight: 700; white-space: pre; text-anchor: middle;" transform="matrix(0.705508, 0, 0, 0.49184, 162.525979, 159.600533)" x="38.471" y="128.844">Next Maint.<tspan x="38.47100067138672" dy="1em">​</tspan>Timing</text>
</g>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="26.134" y="319.332" id="c_2010">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="25.655" y="362.462" id="c_2015">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="106.04" y="236.031" id="c_2012">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="108.228" y="319.728" id="c_2011">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 12px; stroke-width: 1;" x="54.743" y="456.345" id="c_2024">####</text>
<text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 13px; white-space: pre; text-anchor: middle; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 73.535667, 364.414246)" x="38.471" y="128.844">Next Maint.<tspan x="38.47100067138672" dy="1em">​</tspan>Timing</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="26.134" y="347.034" id="c_2010">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="25.655" y="390.164" id="c_2015">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="106.04" y="305.827" id="c_2012">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="108.228" y="389.524" id="c_2011">####</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 12px; stroke-width: 1;" x="567.643" y="567.248" transform="matrix(0.826913, 0, 0, 0.698383, -201.267619, -197.422663)">°C</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 12px; stroke-width: 1;" x="567.643" y="567.248" transform="matrix(0.826913, 0, 0, 0.698383, -202.267802, -163.752725)">°C</text>
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="259.911" y="265.18">MPa</text>
@@ -1981,10 +1971,8 @@
<text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="893.661" y="239.324" id="c_2017">####</text>
<text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 796.826824, 48.14839)" x="38.471" y="128.844">Plant Air Reciever</text>
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(253, 0, 0);" cx="147.209" cy="181.854" rx="14.791" ry="11.808" id="c_2022"/>
<g id="c_2018" transform="matrix(1, 0, 0, 1, -4, 2)">
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(7, 250, 14);" cx="61.102" cy="63.39" rx="14.791" ry="11.808" id="c_2018"/>
</g>
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(252, 0, 0);" cx="57.388" cy="122.915" rx="14.791" ry="11.808" id="c_2019"/>
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(7, 250, 14);" cx="57.102" cy="65.832" rx="14.791" ry="11.808" id="c_2018"/>
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(7, 250, 14);" cx="57.388" cy="122.915" rx="14.791" ry="11.808" id="c_2019"/>
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(0, 248, 13);" cx="58.103" cy="180.738" rx="14.791" ry="11.808" id="c_2021"/>
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(255, 0, 0);" cx="146.325" cy="124.501" rx="14.791" ry="11.808" id="c_2020"/>
<ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(255, 145, 53);" cx="146.325" cy="124.501" rx="14.791" ry="11.808" id="c_2020"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 178 KiB

After

Width:  |  Height:  |  Size: 177 KiB

2
src/components/Global/MqttConnection.jsx
View File

@@ -81,7 +81,7 @@ const StatusColor = (el, num) => {
el.style.fill = 'orange';
break;
case 2:
el.style.fill = 'green';
el.style.fill = 'rgb(7,250,14)';
break;
default:
el.style.fill = 'rgb(216,216,216)';