fix: Password visibility toggle

This commit is contained in:
mrv777 2024-09-27 15:58:25 -05:00
parent e30bbcad50
commit f56653791d
3 changed files with 16 additions and 2 deletions

View File

@ -45,8 +45,11 @@
</div>
<div class="field grid p-fluid">
<label htmlFor="stratumPassword" class="col-12 mb-2 md:col-2 md:mb-0">Stratum Password:</label>
<div class="col-12 md:col-10">
<input pInputText id="stratumPassword" formControlName="stratumPassword" type="password" />
<div class="col-12 md:col-10 p-input-icon-right">
<i class="pi" [ngClass]="{'pi-eye': !showStratumPassword, 'pi-eye-slash': showStratumPassword}"
(click)="toggleStratumPasswordVisibility()" style="cursor: pointer;"></i>
<input pInputText id="stratumPassword" formControlName="stratumPassword"
[type]="showStratumPassword ? 'text' : 'password'" />
</div>
</div>

View File

@ -0,0 +1,5 @@
.pi {
right: 1rem;
font-size: 1.5rem;
top: 1rem;
}

View File

@ -211,4 +211,10 @@ export class EditComponent implements OnInit {
});
}
showStratumPassword: boolean = false;
toggleStratumPasswordVisibility() {
this.showStratumPassword = !this.showStratumPassword;
}
}