fix #374 Issue 1 : Fallback Stratum Password reveal, Fix Restart Butt…

…on 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.
skot · Oct 9, 2024 · 7589e6e · 7589e6e
1 parent 7c4f844
commit 7589e6e
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 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
@@ -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
@@ -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
@@ -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>
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
@@ -135,6 +135,10 @@
 }
 
 #restart {
-    padding: 2rem 1rem;
-    display: block;
+    display: inline-block;
+}
+
+#restart-container {
+    margin: 2rem 1rem;
+    display: flex;
 }