75 lines
3.6 KiB
HTML
75 lines
3.6 KiB
HTML
<div class="example">
|
|
<form class="k-form" [formGroup]="forgotPasswordForm">
|
|
<fieldset class="k-form-fieldset">
|
|
<legend class="k-form-legend">Forgot your password?</legend>
|
|
|
|
<!--<kendo-avatar initials="EG"
|
|
width="80px"
|
|
height="80px"
|
|
shape="circle"></kendo-avatar>-->
|
|
<kendo-formfield>
|
|
<kendo-label [for]="employeeId" text="Employee Id"></kendo-label>
|
|
<!--<kendo-textbox formControlName="employeeId" [(ngModel)]="employeeId"
|
|
[clearButton]="true"
|
|
#employeeId
|
|
required></kendo-textbox>-->
|
|
<input type="text" formControlName="employeeId" [(ngModel)]="employeeId" style="width: 100%" pInputText required>
|
|
<!--<kendo-formhint>Employee Id</kendo-formhint>-->
|
|
<kendo-formerror>Error: Employee Id is required</kendo-formerror>
|
|
</kendo-formfield>
|
|
<kendo-formfield>
|
|
<kendo-label [for]="emailAddress" text="Email Address"> </kendo-label>
|
|
<!--<kendo-textbox formControlName="emailAddress" [(ngModel)]="emailAddress"
|
|
#emailAddress
|
|
required
|
|
[clearButton]="true">
|
|
</kendo-textbox>-->
|
|
<input type="text" formControlName="emailAddress" [(ngModel)]="emailAddress" style="width: 100%" pInputText required >
|
|
<!--<kendo-formhint>Email Address</kendo-formhint>-->
|
|
<kendo-formerror>Error: Email Address is required</kendo-formerror>
|
|
</kendo-formfield>
|
|
|
|
|
|
<div class="k-form-buttons">
|
|
<button class="k-button k-primary" (click)="onSubmit()">Submit</button>
|
|
<button class="k-button" (click)="onGoBack()">Go Back</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
<!--<form [formGroup]="forgotPasswordForm">
|
|
<div class="p-col-8 p-offset-2">
|
|
<div class="card">
|
|
<div class="p-grid">
|
|
<div class="p-col-12">
|
|
<h1 class="p1">Forgot your password?</h1>
|
|
<h4>*Please fill following information and click send button. If your information is valid, system will send your current
|
|
password to your email address</h4>
|
|
</div>
|
|
<div class="p-col-12">
|
|
<fieldset>
|
|
<legend>Account Information</legend>
|
|
<div class="p-grid">
|
|
<div class="p-col-2">
|
|
<label>Employee Id</label>
|
|
</div>
|
|
<div class="p-col-10">
|
|
<input type="text" formControlName="employeeId" [(ngModel)]="employeeId" style="width: 100%" pInputText>
|
|
</div>
|
|
<div class="p-col-2">
|
|
<Label>Email Address</Label>
|
|
</div>
|
|
<div class="p-col-10">
|
|
<input type="text" formControlName="emailAddress" [(ngModel)]="emailAddress" style="width: 100%" pInputText>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<button type="button" label="Submit" (click)="onSubmit()" style="margin-right: 10px;" icon="pi pi-angle-right" pButton></button>
|
|
<button type="button" label="Go Back" (click)="onGoBack()" icon="pi pi-step-backward" pButton></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>-->
|