68 lines
2.8 KiB
HTML
68 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
<title>Transfer</title>
|
|
<link rel="stylesheet" href="./transfer.css" />
|
|
</head>
|
|
<body>
|
|
<div class="transfer">
|
|
<header class="page-header">
|
|
<button class="header-icon" type="button" data-action="back" aria-label="Back"><img id="backIcon" alt="" /></button>
|
|
<h1 data-i18n="transfer">Transfer</h1>
|
|
<button class="lang-button" type="button" data-action="language">EN</button>
|
|
</header>
|
|
|
|
<main class="content">
|
|
<section>
|
|
<div class="section-row">
|
|
<div class="section-title" data-i18n="information">Information</div>
|
|
<button class="details-link" type="button" data-route="/information-details">
|
|
<span data-i18n="details">Details</span>
|
|
<img id="detailsArrow" alt="" />
|
|
</button>
|
|
</div>
|
|
<div class="surface-card info-card">
|
|
<span class="info-label" data-i18n="available_salaries">Available salaries</span>
|
|
<span class="loading-text" id="balanceLoading" hidden><span data-i18n="loading">Loading</span>...</span>
|
|
<span class="balance-value" id="balanceValue">0.00</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="section-title" data-i18n="transfer_to_others">Transfer to others</div>
|
|
<div class="surface-card payee-card">
|
|
<div id="payeeSelected" class="payee-selected" hidden>
|
|
<div class="payee-row">
|
|
<div class="avatar-wrap"><img id="payeeAvatar" alt="" /></div>
|
|
<div class="payee-info">
|
|
<div id="payeeName" class="payee-name"></div>
|
|
<div class="payee-id"><span data-i18n="user_id_prefix">ID:</span> <span id="payeeAccount"></span></div>
|
|
</div>
|
|
<button class="change-button" type="button" data-action="search-payee" data-i18n="change">Change</button>
|
|
</div>
|
|
</div>
|
|
<div id="payeeEmpty" class="payee-empty">
|
|
<button class="search-button" type="button" data-action="search-payee" data-i18n="search">Search</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="surface-card amount-card">
|
|
<div class="amount-grid" id="amountGrid"></div>
|
|
</div>
|
|
<div class="button-wrap">
|
|
<button class="transfer-button" id="transferButton" type="button" disabled data-i18n="transfer">Transfer</button>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="toast" id="toast" hidden></div>
|
|
</div>
|
|
|
|
<script type="module" src="./transfer.js"></script>
|
|
</body>
|
|
</html>
|