From 7589e6ed5359d051069f6d19f1f2aa527e8e8369 Mon Sep 17 00:00:00 2001
From: _jiga <i.digg.tech@gmail.com>
Date: Wed, 9 Oct 2024 10:16:56 -0700
Subject: [PATCH] fix #374 Issue 1 : Fallback Stratum Password reveal, Fix
 Restart Button active area #388 (#379)

* fix #374 Issue 1 : Fallback Stratum Password
* fix #388 : Refactor restart button into a list item and update styles for proper spacing.
---
 .../axe-os/src/app/components/edit/edit.component.html |  9 +++++++--
 .../axe-os/src/app/components/edit/edit.component.ts   | 10 ++++++++++
 .../axe-os/src/app/layout/app.menu.component.html      |  4 +++-
 .../axe-os/src/app/layout/styles/layout/_menu.scss     |  8 ++++++--
 4 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/main/http_server/axe-os/src/app/components/edit/edit.component.html b/main/http_server/axe-os/src/app/components/edit/edit.component.html
index 68f0c7b0..071622c5 100644
--- a/main/http_server/axe-os/src/app/components/edit/edit.component.html
+++ b/main/http_server/axe-os/src/app/components/edit/edit.component.html
@@ -57,8 +57,13 @@
         </div>
         <div class="field grid p-fluid">
             <label htmlFor="fallbackStratumPassword" class="col-12 mb-2 md:col-2 md:mb-0">Fallback Stratum Password:</label>
-            <div class="col-12 md:col-10">
-                <input pInputText id="fallbackStratumPassword" formControlName="fallbackStratumPassword" type="password" />
+            <div class="col-12 md:col-10 p-input-icon-right">
+                <i *ngIf="form.get('fallbackStratumPassword')?.dirty" class="pi"
+                   [ngClass]="{'pi-eye': !showFallbackStratumPassword, 'pi-eye-slash': showFallbackStratumPassword}"
+                   (click)="toggleFallbackStratumPasswordVisibility()" style="cursor: pointer;"></i>
+                <input pInputText id="fallbackStratumPassword" formControlName="fallbackStratumPassword"
+                       [type]="showFallbackStratumPassword ? 'text' : 'password'"
+                       placeholder="Enter fallback stratum password" />
             </div>
         </div>
 
diff --git a/main/http_server/axe-os/src/app/components/edit/edit.component.ts b/main/http_server/axe-os/src/app/components/edit/edit.component.ts
index 87408dab..886690a9 100644
--- a/main/http_server/axe-os/src/app/components/edit/edit.component.ts
+++ b/main/http_server/axe-os/src/app/components/edit/edit.component.ts
@@ -218,4 +218,14 @@ export class EditComponent implements OnInit {
     this.showStratumPassword = !this.showStratumPassword;
   }
 
+  showWifiPassword: boolean = false;
+  toggleWifiPasswordVisibility() {
+    this.showWifiPassword = !this.showWifiPassword;
+  }
+
+  showFallbackStratumPassword: boolean = false;
+  toggleFallbackStratumPasswordVisibility() {
+    this.showFallbackStratumPassword = !this.showFallbackStratumPassword;
+  }
+
 }
diff --git a/main/http_server/axe-os/src/app/layout/app.menu.component.html b/main/http_server/axe-os/src/app/layout/app.menu.component.html
index cecd7137..69858eb9 100644
--- a/main/http_server/axe-os/src/app/layout/app.menu.component.html
+++ b/main/http_server/axe-os/src/app/layout/app.menu.component.html
@@ -5,6 +5,8 @@
     </ng-container>
 
 
-    <p-button (click)="restart()" id="restart" label="Restart" severity="danger"></p-button>
+    <li id="restart-container">
+        <p-button (click)="restart()" id="restart" label="Restart" severity="danger"></p-button>
+    </li>
 
 </ul>
\ No newline at end of file
diff --git a/main/http_server/axe-os/src/app/layout/styles/layout/_menu.scss b/main/http_server/axe-os/src/app/layout/styles/layout/_menu.scss
index 3b957ecd..a5479624 100644
--- a/main/http_server/axe-os/src/app/layout/styles/layout/_menu.scss
+++ b/main/http_server/axe-os/src/app/layout/styles/layout/_menu.scss
@@ -135,6 +135,10 @@
 }
 
 #restart {
-    padding: 2rem 1rem;
-    display: block;
+    display: inline-block;
+}
+
+#restart-container {
+    margin: 2rem 1rem;
+    display: flex;
 }
\ No newline at end of file