59 lines
1.8 KiB
HTML
59 lines
1.8 KiB
HTML
<ion-header mode="ios" class="ion-no-border">
|
|
<ion-toolbar>
|
|
<!-- <ion-buttons slot="start" (click)="onBack()">-->
|
|
<!-- <ion-button>-->
|
|
<!-- <ion-icon name="arrow-back-outline"></ion-icon>-->
|
|
<!-- </ion-button>-->
|
|
<!-- </ion-buttons>-->
|
|
<ion-title>Create New Password</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content class="ion-padding">
|
|
<div class="start-pages">
|
|
<div class="boxed_contents">
|
|
<div class="page_logo">
|
|
<img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
|
|
</div>
|
|
|
|
<ion-card>
|
|
<ion-card-header>
|
|
<ion-card-title>Password Reset</ion-card-title>
|
|
<ion-card-subtitle>Create Your New Password</ion-card-subtitle>
|
|
</ion-card-header>
|
|
|
|
<ion-card-content>
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="lock-closed-outline"></ion-icon>
|
|
<ion-input type="password" placeholder="New Password" maxlength="15" [(ngModel)]='new_password'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-item lines="none">
|
|
<ion-icon slot="start" name="lock-closed-outline"></ion-icon>
|
|
<ion-input type="password" placeholder="Confirm Password" maxlength="15" [(ngModel)]='confirm_new_password'></ion-input>
|
|
</ion-item>
|
|
|
|
<ion-button shape="round" color="danger" (click)="onCompleteNewReset()" expand="block">
|
|
Reset Password
|
|
</ion-button>
|
|
</ion-card-content>
|
|
</ion-card>
|
|
|
|
<!-- <ion-label class="create">Create Your New Password</ion-label>-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <ion-item lines="none">-->
|
|
<!-- </ion-item>-->
|
|
</div>
|
|
</ion-content>
|
|
<ion-footer>
|
|
<ion-toolbar>
|
|
<div class="button" (click)="onLogin()">
|
|
<ion-label class="text">Return to login</ion-label>
|
|
</div>
|
|
</ion-toolbar>
|
|
</ion-footer>
|