208 lines
8.5 KiB
HTML
208 lines
8.5 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
||
/>
|
||
<title>Wallet</title>
|
||
<link rel="stylesheet" href="../../../common/theme.css" />
|
||
<link rel="stylesheet" href="../../packages/ui/center.css" />
|
||
<link rel="stylesheet" href="./style.css" />
|
||
<script src="../../packages/core/product-context.js"></script>
|
||
<script src="../../products/fami/product.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="guild-center fami-wallet">
|
||
<header class="center-header">
|
||
<button
|
||
class="icon-button"
|
||
id="backButton"
|
||
type="button"
|
||
aria-label="Back"
|
||
data-i18n-aria="fami_common.back"
|
||
>
|
||
<span aria-hidden="true">‹</span>
|
||
</button>
|
||
<h1 data-i18n="fami_wallet.title">Withdraw</h1>
|
||
<div class="language-switcher">
|
||
<button
|
||
class="language-button"
|
||
type="button"
|
||
data-language-toggle
|
||
data-current-lang
|
||
aria-expanded="false"
|
||
aria-label="Change language"
|
||
data-i18n-aria="fami_common.change_language"
|
||
>
|
||
EN
|
||
</button>
|
||
<div class="language-menu" data-language-menu hidden>
|
||
<button type="button" data-lang-option="en">EN</button>
|
||
<button type="button" data-lang-option="ar">AR</button>
|
||
<button type="button" data-lang-option="tr">TR</button>
|
||
<button type="button" data-lang-option="es">ES</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="guild-center__content wallet-content">
|
||
<div class="wallet-tabs" role="tablist">
|
||
<button
|
||
id="sellerTab"
|
||
type="button"
|
||
role="tab"
|
||
aria-selected="true"
|
||
data-mode="seller"
|
||
data-i18n="fami_wallet.seller_tab"
|
||
>
|
||
Coin seller
|
||
</button>
|
||
<button
|
||
id="usdtTab"
|
||
type="button"
|
||
role="tab"
|
||
aria-selected="false"
|
||
data-mode="usdt"
|
||
data-i18n="fami_wallet.usdt_tab"
|
||
>
|
||
USDT
|
||
</button>
|
||
</div>
|
||
|
||
<section class="guild-card wallet-balance-card">
|
||
<span data-i18n="fami_wallet.point_balance"
|
||
>POINT balance</span
|
||
>
|
||
<strong id="pointBalance">—</strong>
|
||
<small id="balanceUSD"></small>
|
||
</section>
|
||
|
||
<section class="guild-card amount-card">
|
||
<label for="pointAmount" data-i18n="fami_wallet.amount"
|
||
>Withdrawal amount</label
|
||
>
|
||
<div class="amount-input-row">
|
||
<span aria-hidden="true">◆</span>
|
||
<input
|
||
id="pointAmount"
|
||
type="number"
|
||
inputmode="numeric"
|
||
min="1"
|
||
step="1"
|
||
data-i18n-placeholder="fami_wallet.amount_placeholder"
|
||
placeholder="Enter POINT amount"
|
||
/>
|
||
<button
|
||
id="allButton"
|
||
type="button"
|
||
data-i18n="fami_wallet.all"
|
||
>
|
||
All
|
||
</button>
|
||
</div>
|
||
<div class="conversion-row">
|
||
<span data-i18n="fami_wallet.estimated_receive"
|
||
>Estimated receive</span
|
||
>
|
||
<strong id="estimatedReceive">—</strong>
|
||
</div>
|
||
<small id="policyCaption"></small>
|
||
</section>
|
||
|
||
<section id="sellerPanel" role="tabpanel">
|
||
<div class="section-heading">
|
||
<h2 data-i18n="fami_wallet.choose_seller">
|
||
Choose coin seller
|
||
</h2>
|
||
</div>
|
||
<div class="seller-list" id="sellerList"></div>
|
||
<div class="empty-state" id="sellerEmpty" hidden>
|
||
<strong data-i18n="fami_wallet.no_sellers"
|
||
>No eligible coin sellers</strong
|
||
>
|
||
<span data-i18n="fami_wallet.no_sellers_hint"
|
||
>Availability depends on your country and the Admin
|
||
whitelist.</span
|
||
>
|
||
</div>
|
||
<button
|
||
class="wallet-submit"
|
||
id="sellerSubmit"
|
||
type="button"
|
||
data-i18n="fami_wallet.withdraw_now"
|
||
>
|
||
Withdraw now
|
||
</button>
|
||
</section>
|
||
|
||
<section id="usdtPanel" role="tabpanel" hidden>
|
||
<div class="section-heading">
|
||
<h2 data-i18n="fami_wallet.usdt_address">
|
||
USDT TRC20 address
|
||
</h2>
|
||
<p data-i18n="fami_wallet.usdt_warning">
|
||
Withdrawals are sent only to your saved TRC20
|
||
address.
|
||
</p>
|
||
</div>
|
||
<div class="address-status" id="addressStatus"></div>
|
||
<label class="address-label">
|
||
<span data-i18n="fami_wallet.trc20_address"
|
||
>TRC20 address</span
|
||
>
|
||
<input
|
||
id="addressInput"
|
||
type="text"
|
||
maxlength="64"
|
||
autocomplete="off"
|
||
spellcheck="false"
|
||
data-i18n-placeholder="fami_wallet.address_placeholder"
|
||
placeholder="T..."
|
||
/>
|
||
</label>
|
||
<button
|
||
class="secondary-submit"
|
||
id="saveAddressButton"
|
||
type="button"
|
||
data-i18n="fami_wallet.save_address"
|
||
>
|
||
Save address
|
||
</button>
|
||
<button
|
||
class="wallet-submit"
|
||
id="usdtSubmit"
|
||
type="button"
|
||
data-i18n="fami_wallet.withdraw_now"
|
||
>
|
||
Withdraw now
|
||
</button>
|
||
</section>
|
||
|
||
<section class="history-section">
|
||
<div class="section-heading">
|
||
<h2 data-i18n="fami_wallet.history">
|
||
Withdrawal history
|
||
</h2>
|
||
</div>
|
||
<div class="history-list" id="historyList"></div>
|
||
<div class="empty-state" id="historyEmpty" hidden>
|
||
<span data-i18n="fami_wallet.no_history"
|
||
>No withdrawal records</span
|
||
>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="../../../common/api.js"></script>
|
||
<script src="../../../common/params.js"></script>
|
||
<script src="../../../common/i18n.js"></script>
|
||
<script src="../../../common/jsbridge.js"></script>
|
||
<script src="../../../common/toast.js"></script>
|
||
<script src="../../packages/wallet/wallet.js"></script>
|
||
<script src="./script.js"></script>
|
||
</body>
|
||
</html>
|