From b5d0ea56d2e0708a4e5f0b6cf9f7949a622df7aa Mon Sep 17 00:00:00 2001
From: mrv777 <mrv777@users.noreply.github.com>
Date: Sun, 3 Nov 2024 19:36:20 -0600
Subject: [PATCH] fix: Temp suffix & 5v marker (#448)

---
 .../src/app/components/home/home.component.html     | 13 +++++++++----
 .../src/app/components/home/home.component.ts       | 11 ++++++++---
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/main/http_server/axe-os/src/app/components/home/home.component.html b/main/http_server/axe-os/src/app/components/home/home.component.html
index f3c7d7d2..30a7d4d1 100644
--- a/main/http_server/axe-os/src/app/components/home/home.component.html
+++ b/main/http_server/axe-os/src/app/components/home/home.component.html
@@ -99,10 +99,15 @@ <h6>Power <span style="float: right;">{{info.power}} W</span></h6>
                     <div class="col-12">
 
                         <h6>Input Voltage <span style="float: right;">{{info.voltage}} V</span></h6>
-                        <p-progressBar [value]="(info.voltage / 5.5) * 100" [style]="{ height: '6px' }" >
-                            <ng-template pTemplate="content" let-value>
-                            </ng-template>
-                        </p-progressBar>
+                        <div class="relative">
+                            <p-progressBar [value]="(info.voltage / 5.5) * 100" [style]="{ height: '6px' }">
+                                <ng-template pTemplate="content" let-value></ng-template>
+                            </p-progressBar>
+                            <!-- Add marker at 5.0V (90.91% of 5.5V) -->
+                            <div class="absolute bg-white" style="left: 90.5%; top: 0; width: 3px; height: 6px;">
+                                <small class="absolute text-white" style="top: -1.25rem; transform: translateX(-50%)">5.0</small>
+                            </div>
+                        </div>
                         <span class="danger" *ngIf="info.voltage < 4.8">&nbsp; Danger: Low voltage</span>
                     </div>
 
diff --git a/main/http_server/axe-os/src/app/components/home/home.component.ts b/main/http_server/axe-os/src/app/components/home/home.component.ts
index 52d4781c..e37022a8 100644
--- a/main/http_server/axe-os/src/app/components/home/home.component.ts
+++ b/main/http_server/axe-os/src/app/components/home/home.component.ts
@@ -64,7 +64,7 @@ export class HomeComponent {
           data: [],
           fill: false,
           backgroundColor: primaryColor +  '30',
-          borderColor: primaryColor + '30',
+          borderColor: primaryColor + '60',
           tension: 0,
           pointRadius: 0,
           borderWidth: 2,
@@ -103,7 +103,11 @@ export class HomeComponent {
               if (label) {
                 label += ': ';
               }
-              label += HashSuffixPipe.transform(tooltipItem.raw);
+              if (tooltipItem.dataset.label === 'ASIC Temp') {
+                label += tooltipItem.raw + '°C';
+              } else {
+                label += HashSuffixPipe.transform(tooltipItem.raw);
+              }
               return label;
             }
           }
@@ -139,7 +143,8 @@ export class HomeComponent {
           display: true,
           position: 'right',
           ticks: {
-            color: textColorSecondary
+            color: textColorSecondary,
+            callback: (value: number) => value + '°C'
           },
           grid: {
             drawOnChartArea: false,