CHIEFSOFT\ameye
100 lines
3.9 KiB
HTML
100 lines
3.9 KiB
HTML
<ion-content>
|
|
<div class="start-pages">
|
|
<div class="page_logo">
|
|
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png"/>
|
|
</div>
|
|
<div class="center_contents">
|
|
<ion-label
|
|
style="padding-top: 2px; padding-bottom: 5px; font-size: 14px; font-weight: bolder"
|
|
class="simp_lbl"
|
|
>Forgot password
|
|
</ion-label>
|
|
</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">
|
|
<div class="login_box">
|
|
<!-- <ion-label-->
|
|
<!-- style="padding-top: 2px; padding-bottom: 10px"-->
|
|
<!-- class="simp_lbl"-->
|
|
<!-- >Forgot Password</ion-label>-->
|
|
<div lines="none" style="padding-bottom: 15px;">
|
|
<div>Enter your registered email</div>
|
|
</div>
|
|
<div lines="none" style="margin-bottom: 1px; display: flex; flex-direction: row">
|
|
<div style="padding: 5px;">
|
|
<ion-icon style="font-size: 24px;" slot="start" name="mail-outline"></ion-icon>
|
|
</div>
|
|
|
|
<ion-input
|
|
type="email"
|
|
class="login_entry"
|
|
placeholder="Your username"
|
|
maxlength="35"
|
|
[(ngModel)]="username"
|
|
></ion-input>
|
|
</div>
|
|
|
|
<ion-button (click)="onEnterEmail()" expand="block">
|
|
Continue
|
|
</ion-button>
|
|
</div>
|
|
</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"
|
|
style="padding: 5px 30px 5px 10px; font-weight: bolder"
|
|
>
|
|
<ion-label class="last_lbl"
|
|
>Already have an account?
|
|
<span style="color: #4b5dfa" (click)="onLogin()"
|
|
>Login</span
|
|
></ion-label
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|