You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
2.6 KiB
51 lines
2.6 KiB
<div class="login-page">
|
|
<div class="form">
|
|
<h2>Update Account</h2>
|
|
<br><br>
|
|
|
|
<form [formGroup]='accountForm' (submit)='OnAccountFormSubmit()'>
|
|
|
|
Username: <input type="text" formControlName="username">
|
|
<div *ngIf="accountForm.controls['username'].invalid &&(accountForm.controls['username'].touched ||
|
|
accountForm.controls['username'].dirty)">Invalid username</div>
|
|
<br><br>
|
|
Name: <input type="text" formControlName="fullname">
|
|
<div *ngIf="accountForm.controls['fullname'].invalid &&(accountForm.controls['fullname'].touched ||
|
|
accountForm.controls['fullname'].dirty)">Invalid full name</div>
|
|
<br><br>
|
|
Gender: <input type="text" formControlName="gender">
|
|
<div *ngIf="accountForm.controls['gender'].invalid &&(accountForm.controls['gender'].touched ||
|
|
accountForm.controls['gender'].dirty)">Invalid gender</div>
|
|
<br><br>
|
|
Phone no: <input type="number" formControlName="phone">
|
|
<div *ngIf="accountForm.controls['phone'].invalid &&(accountForm.controls['phone'].touched ||
|
|
accountForm.controls['phone'].dirty)">Invalid phone number</div>
|
|
<br><br>
|
|
Email: <input type="text" formControlName="email">
|
|
<div *ngIf="accountForm.controls['email'].invalid &&(accountForm.controls['email'].touched ||
|
|
accountForm.controls['email'].dirty)">Invalid email</div>
|
|
<br><br>
|
|
Building Address: <input type="text" formControlName="address">
|
|
<div *ngIf="accountForm.controls['address'].invalid &&(accountForm.controls['address'].touched ||
|
|
accountForm.controls['address'].dirty)">Invalid building address</div>
|
|
<br><br>
|
|
City: <input type="text" formControlName="city">
|
|
<div *ngIf="accountForm.controls['city'].invalid &&(accountForm.controls['city'].touched ||
|
|
accountForm.controls['city'].dirty)">Invalid city</div>
|
|
<br><br>
|
|
State: <input type="text" formControlName="state">
|
|
<div *ngIf="accountForm.controls['state'].invalid &&(accountForm.controls['state'].touched ||
|
|
accountForm.controls['state'].dirty)">Invalid state</div>
|
|
<br><br>
|
|
Pincode: <input type="text" formControlName="pincode">
|
|
<div *ngIf="accountForm.controls['pincode'].invalid &&(accountForm.controls['pincode'].touched ||
|
|
accountForm.controls['pincode'].dirty)">Invalid pincode</div>
|
|
<br><br>
|
|
Apartments: <input type="text" formControlName="apartments">
|
|
<div *ngIf="accountForm.controls['apartments'].invalid &&(accountForm.controls['apartments'].touched ||
|
|
accountForm.controls['apartments'].dirty)">Invalid no. of apartments</div>
|
|
<br><br>
|
|
<button [disabled]="!accountForm.valid">Update</button>
|
|
</form>
|
|
</div>
|
|
</div>
|