frontend/src/app/wallet/wallet.component.html
<!--
~ Copyright (c) 2014-2024 Bjoern Kimminich & the OWASP Juice Shop contributors.
~ SPDX-License-Identifier: MIT
-->
<mat-card class="mat-elevation-z6">
<div class="header_container">
<h1>{{"DIGITAL_WALLET" | translate}}</h1>
<a href="/#/wallet-web3" translate>LINK_TRY_OUT_NEW_CRYPTO_WALLET</a>
</div>
<h3 translate>LABEL_ADD_MONEY</h3>
<p>
<b>
<span translate>LABEL_WALLET_BALANCE</span>
<span class="confirmation"> {{ balance }}</span>
</b>
</p>
<mat-form-field appearance="outline" color="accent">
<mat-label>{{'LABEL_AMOUNT' | translate}}</mat-label>
<input [formControl]="balanceControl" type="number" matInput aria-label="Enter an amount">
<mat-error *ngIf="balanceControl.invalid && balanceControl.errors.required" translate>
MANDATORY_AMOUNT
</mat-error>
<mat-error *ngIf="balanceControl.invalid && (balanceControl.errors.min || balanceControl.errors.max)" translate>
AMOUNT_LIMIT
</mat-error>
</mat-form-field>
<button type="submit" id="submitButton" (click)="continue()" [disabled]="balanceControl.invalid"
mat-raised-button color="primary" aria-label="Button to continue to payment">
<i class="material-icons">
monetization_on
</i>
{{'BTN_DEPOSIT' | translate}}
</button>
</mat-card>