81 lines
2.4 KiB
HTML
81 lines
2.4 KiB
HTML
<br>
|
|
<div align="center" class="text">
|
|
<mat-card class="coolcard">
|
|
<img src="/assets/logo-new-white.png" height="120px" />
|
|
<!--<h3>-->
|
|
<!--<pre>-->
|
|
<!--__||__ _____ _ -->
|
|
<!--|___ / / ____| | |-->
|
|
<!--/ / | | __ ___ | |-->
|
|
<!--/ / | | |_ |/ _ \| |-->
|
|
<!--/ /__ | |__| | (_) |_|-->
|
|
<!--/__ _| \_____|\___/(_)-->
|
|
<!--|| -->
|
|
<!--</pre>-->
|
|
<!--</h3>-->
|
|
<p class="text">Last block seen: <span class="numbers">{{ heightUpdate | async }}</span></p>
|
|
</mat-card>
|
|
</div>
|
|
<div align="center">
|
|
<mat-card>
|
|
<h3>The Zcash Register</h3>
|
|
<div width="75%" align="left" *ngIf="!confirmedMemo">
|
|
<ol>
|
|
<li>
|
|
Select your session length.
|
|
</li>
|
|
<li>
|
|
Confirm you've sent your shielded memo.
|
|
</li>
|
|
<li>
|
|
Wait for confirmation of your transaction on the Zcash blockchain (~10 minutes).
|
|
</li>
|
|
<li>
|
|
Enter the PIN provided by ZGo to your wallet to confirm ownership.
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
<div width="75%" *ngIf="confirmedMemo">
|
|
<p>Expecting confirmation around block {{targetBlock}}.</p>
|
|
</div>
|
|
</mat-card>
|
|
<mat-card [formGroup]="pinForm" *ngIf="prompt">
|
|
<h4>
|
|
Check your wallet
|
|
</h4>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>PIN</mat-label>
|
|
<input matInput formControlName="pinValue">
|
|
</mat-form-field>
|
|
<mat-card-actions>
|
|
<button mat-raised-button color="primary" [disabled]="!pinForm.valid" (click)="confirmPin()">
|
|
Confirm
|
|
</button>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
<mat-card class="alert-success" *ngIf = "txs.length > 0">
|
|
<h4>Login received!</h4>
|
|
<mat-list>
|
|
<mat-list-item *ngFor="let tx of txsUpdate | async">It needs {{6 - tx.confirmations}} more confirmations.</mat-list-item>
|
|
</mat-list>
|
|
</mat-card>
|
|
<mat-card [formGroup]="entryForm" *ngIf="!prompt && txs.length <=0">
|
|
<div align="center" id="info">
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Session length</mat-label>
|
|
<mat-select formControlName="selectedSession">
|
|
<mat-option *ngFor="let ticket of tickets" [value]="ticket.value">
|
|
{{ticket.viewValue}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<p *ngIf="pinError">Wrong pin!</p>
|
|
<mat-card-actions>
|
|
<button mat-raised-button color="primary" [disabled]="!entryForm.valid" (click)="login()">
|
|
<mat-icon class="icon">login</mat-icon><span class="bigbutton">Log in</span>
|
|
</button>
|
|
</mat-card-actions>
|
|
</div>
|
|
</mat-card>
|
|
</div>
|