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.
This commit is contained in:
_jiga 2024-10-09 10:16:56 -07:00 committed by GitHub
parent 7c4f8441f1
commit 7589e6ed53
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 26 additions and 5 deletions

View File

@ -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>

View File

@ -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;
}
}

View File

@ -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>

View File

@ -135,6 +135,10 @@
}
#restart {
padding: 2rem 1rem;
display: block;
display: inline-block;
}
#restart-container {
margin: 2rem 1rem;
display: flex;
}