47 lines
1.5 KiB
HTML
47 lines
1.5 KiB
HTML
<div align="center" class="text">
|
|
<mat-card class="coolcard">
|
|
<mat-card-content>
|
|
<img mat-card-image src="/assets/logo-new-white_01.png" height="120px" />
|
|
<p class="text">{{ vE.loginLastBlock }}<span class="numbers">{{ heightUpdate | async }}</span></p>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
<div align="center">
|
|
<mat-card class="centercard">
|
|
<h3>The Zcash Register</h3>
|
|
<mat-vertical-stepper #stepper linear>
|
|
<mat-step label= "{{ vE.loginConnectToZGo }}" editable="false">
|
|
<div align="center" id="info">
|
|
<button mat-raised-button color="primary" (click)="login(stepper)">
|
|
<mat-icon class="icon">login</mat-icon><span class="bigbutton">{{ vE.loginLinkWallet }}</span>
|
|
</button>
|
|
</div>
|
|
</mat-step>
|
|
<mat-step label="{{ vE.loginConfirmLogin }}" editable="false">
|
|
<p>{{barMessage}}</p>
|
|
<mat-progress-bar
|
|
[mode]="barMode"
|
|
[value]="barValue">
|
|
</mat-progress-bar>
|
|
</mat-step>
|
|
<mat-step label="{{ vE.loginEnterPin }}">
|
|
<mat-card [formGroup]="pinForm">
|
|
<h4>
|
|
{{ vE.loginCheckWallet}}
|
|
</h4>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>PIN</mat-label>
|
|
<input matInput formControlName="pinValue">
|
|
</mat-form-field>
|
|
<p *ngIf="pinError">{{ vE.loginWrongPin }}</p>
|
|
<mat-card-actions>
|
|
<button mat-raised-button color="primary" [disabled]="!pinForm.valid" (click)="confirmPin()">
|
|
{{ vE.loginConfirmPin }}
|
|
</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</mat-step>
|
|
</mat-vertical-stepper>
|
|
</mat-card>
|
|
</div>
|