zgo/src/app/checkout/checkout.component.html

65 lines
1.6 KiB
HTML

<div class="askPayment">
{{ vE.checkoutScanPayment }}
</div>
<div class="container" style="font-family: 'Spartan', sans-serif;
padding: 15px;">
<pre></pre>
<table style="align-content: center;">
<tr>
<td width="10%"></td>
<td width="80%">
<div id="checkout-qr"></div>
</td>
<td width="10%"></td>
</tr>
</table>
<div style="margin-top: 10px;">
<table cellspacing="0"
width="100%">
<tr>
<td>
<button mat-raised-button color="primary" (click)="confirm()"><mat-icon>verified_user</mat-icon>
{{ vE.checkoutAcceptBtn }}
</button>
</td>
<td align="right">
<button mat-raised-button (click)="close()">
<mat-icon>close_btn</mat-icon>{{ vE.checkoutCloseBtn }}
</button>
</td>
</tr>
</table>
</div>
<div style="text-align: center;
margin-top: 10px;
line-height: 30px;">{{ vE.checkoutCantScan }}<br>
{{ vE.checkoutUseThis }}<a [href]="zcashUrl">{{ vE.checkoutWalletLink }}</a>{{ vE.checkoutWalletOr }}
<div style="display: flex;
justify-content: space-between;">
<button style="margin-top: 20px;
font-weight: 700;
background-color: lightgray;"
mat-raised-button
(click)="copyAddress()">{{ vE.checkoutCopyAddress }}</button>
<button style="margin-top: 20px;
font-weight: 700;
background-color: lightgray;"
mat-raised-button
(click)="copyAmount()">{{ vE.checkoutCopyAmount }}</button>
</div>
<button style="margin-top: 20px;
font-weight: 700;
background-color: lightgray;"
mat-raised-button
(click)="copyMemo()">{{ vE.checkoutCopyMemo }}</button>
</div>
</div>