CHIEFSOFT\ameye
64 lines
2.1 KiB
HTML
64 lines
2.1 KiB
HTML
<ion-content class="ion-padding">
|
|
<div class="start-pages">
|
|
<div class="page_logo">
|
|
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
|
|
</div>
|
|
|
|
<div class="boxed_contents">
|
|
|
|
<div *ngIf="tab == 1" class="ion-padding">
|
|
|
|
<ion-label class="welcome_lbl">Forgot password</ion-label>
|
|
|
|
<ion-label class="simp_lbl">Select which contact details should we use to reset your password:</ion-label>
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="mail-outline"></ion-icon>
|
|
<ion-label (click)="tab = 2">Via email</ion-label>
|
|
<ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="phone-portrait-outline"></ion-icon>
|
|
<ion-label>Via sms</ion-label>
|
|
<ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
|
|
</ion-item>
|
|
</div>
|
|
|
|
<div *ngIf="tab == 2" class="ion-padding">
|
|
|
|
<ion-label class="welcome_lbl">Forgot password</ion-label>
|
|
|
|
<ion-label class="simp_lbl">Enter your registered email</ion-label>
|
|
|
|
<ion-item lines="none">
|
|
<ion-input type="email" placeholder="Your username" maxlength="35" [(ngModel)]='username'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-button (click)="onEnterEmail()" expand="block">
|
|
Continue
|
|
</ion-button>
|
|
</div>
|
|
|
|
|
|
<div *ngIf="tab == 3" class="ion-padding">
|
|
|
|
<ion-label class="welcome_lbl">Forgot password</ion-label>
|
|
|
|
<ion-label class="simp_lbl">Code has been sent to the your registered email</ion-label>
|
|
|
|
<ion-item lines="none">
|
|
<ion-input type="text" placeholder="Enter Code" maxlength="10" [(ngModel)]='reset_pin'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-button (click)="onCompleteReset()" expand="block">
|
|
Continue
|
|
</ion-button>
|
|
</div>
|
|
<div class="bottom">
|
|
<ion-label class="last_lbl">Already have an account? <span style="color: #4B5DFA;" (click)="onLogin()">Login</span></ion-label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|