<div class="p-fluid grid flex justify-content-center col-12"> <div class="pt-8 w-3" *ngIf="show"> <form [formGroup]="changeForm" #formDir="ngForm"> <div [hidden]="formDir.submitted"> <div class="field"> <span class="p-float-label"> <input type="password" id="password" pInputText formControlName="password"> <label for="password" i18n="@@{new_password}">Enter new password...</label> </span> </div> <div class="field"> <span class="p-float-label"> <input type="password" id="confirmedPassword" pInputText formControlName="confirmedPassword"> <label for="confirmedPassword" i18n="@@{retype_pass}">Retype password again...</label> </span> </div> <div *ngIf="changeForm.errors?.['notSame'] && (changeForm.touched || changeForm.dirty)" class="text-xs p-error " i18n="@@{pass_error}"> Passwords does not match! </div> </div> <div class="field flex justify-content-center pt-4"> <p-button class="pr-4" type="submit" [disabled]="changeForm.invalid" (click)="changePassword()" i18n="@@{change_password}">Change password</p-button> </div> </form> </div> </div>