You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.7 KiB
HTML
39 lines
1.7 KiB
HTML
<ion-header>
|
|
<ion-toolbar class="header-toolbar">
|
|
<ion-buttons slot="start">
|
|
<ion-back-button color="light" class="btnBack" ></ion-back-button>
|
|
</ion-buttons>
|
|
<ion-title color="light" > {{'verificationcode,verificationcode' | translate}}</ion-title>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content padding>
|
|
<ion-grid>
|
|
<ion-row>
|
|
<ion-col class="colPad">
|
|
<ion-img class="centerDiv" src="../assets/imgs/CS.png"></ion-img>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row>
|
|
<ion-col>
|
|
<p class="centerDiv">{{'verificationcode,title' | translate}}<span class="boldTxtNav">{{'verificationcode,verificationcode' | translate}}</span> {{'verificationcode,by' | translate}}<span class="boldTxtNav">{{'verificationcode,sms' | translate}}</span>{{'verificationcode,instruct' | translate}}<span class="boldTxtNav">{{'general,submit' | translate}}</span></p>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
<br/><br/>
|
|
<!-- <p style="color: #c0c0c0; margin-left: 32%">{{'verificationcode.verificationcode' | translate}}</p> -->
|
|
<div>
|
|
<h1 text-center>{{displayTime}}</h1>
|
|
<br/><br/>
|
|
<ion-item>
|
|
<!-- <ion-label>{{'verificationcode,verificationcode' | translate}}</ion-label> -->
|
|
<!-- <img class="item-icon" src="assets/imgs/password.png" item-start /> -->
|
|
<ion-input required type="tel" maxlength="4" (keyup)="checkOTPLength()" placeholder="{{translate.trPK('verificationcode','verificationcode')}}" [(ngModel)]="activationCode"></ion-input>
|
|
</ion-item>
|
|
</div>
|
|
</ion-content>
|
|
<ion-footer>
|
|
<div class="centerDiv">
|
|
<ion-button color="customnavy" ion-button (click)="checkVerificationCode()">{{'general,submit' | translate}}</ion-button>
|
|
</div>
|
|
</ion-footer> |