346 lines
14 KiB
HTML
346 lines
14 KiB
HTML
<!doctype html>
|
||
<html lang="en" data-hy-app-code="fami">
|
||
<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>Withdrawal</title>
|
||
<link rel="stylesheet" href="../../../common/theme.css" />
|
||
<link rel="stylesheet" href="../../products/fami/centers/fami.css" />
|
||
<link rel="stylesheet" href="./style.css" />
|
||
</head>
|
||
<body>
|
||
<div class="fami-page withdraw-page" aria-label="Withdrawal">
|
||
<div class="fami-status-bar" aria-hidden="true">
|
||
<span class="fami-status-time">9:41</span>
|
||
<img
|
||
class="fami-status-icon fami-status-icon--cellular"
|
||
src="../../products/fami/centers/assets/fami/cellular.svg"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="fami-status-icon fami-status-icon--wifi"
|
||
src="../../products/fami/centers/assets/fami/wifi.svg"
|
||
alt=""
|
||
/>
|
||
<img
|
||
class="fami-status-icon fami-status-icon--battery"
|
||
src="../../products/fami/centers/assets/fami/battery.svg"
|
||
alt=""
|
||
/>
|
||
</div>
|
||
|
||
<nav class="fami-nav">
|
||
<button
|
||
class="fami-nav__back"
|
||
id="backButton"
|
||
type="button"
|
||
aria-label="Back"
|
||
data-i18n-aria="withdraw_exchange.back"
|
||
>
|
||
<img
|
||
src="../../products/fami/centers/assets/fami/back.svg"
|
||
alt=""
|
||
/>
|
||
</button>
|
||
<h1 class="fami-nav__title" data-i18n="fami.withdrawal">
|
||
Withdrawal
|
||
</h1>
|
||
</nav>
|
||
|
||
<main>
|
||
<div class="withdraw-tabs" role="tablist">
|
||
<button
|
||
class="withdraw-tab"
|
||
id="goldTab"
|
||
type="button"
|
||
role="tab"
|
||
aria-selected="false"
|
||
aria-disabled="true"
|
||
disabled
|
||
data-mode="gold"
|
||
data-i18n="fami.gold"
|
||
>
|
||
Gold
|
||
</button>
|
||
<button
|
||
class="withdraw-tab is-active"
|
||
id="usdtTab"
|
||
type="button"
|
||
role="tab"
|
||
aria-selected="true"
|
||
data-mode="usdt"
|
||
data-i18n="fami.usdt_withdrawal"
|
||
>
|
||
USDT Withdrawal
|
||
</button>
|
||
</div>
|
||
|
||
<section class="withdraw-amount-panel">
|
||
<div class="withdraw-balance-line">
|
||
<span data-i18n="fami.diamond_balance"
|
||
>Diamond Balance:</span
|
||
>
|
||
<span class="withdraw-balance-value">
|
||
<img
|
||
src="../../products/fami/centers/assets/fami/diamond.png"
|
||
alt=""
|
||
/>
|
||
<strong id="diamondBalance">0</strong>
|
||
</span>
|
||
</div>
|
||
<label class="withdraw-amount-input">
|
||
<img
|
||
src="../../products/fami/centers/assets/fami/dollar.svg"
|
||
alt=""
|
||
/>
|
||
<input
|
||
id="withdrawAmount"
|
||
type="text"
|
||
inputmode="decimal"
|
||
autocomplete="off"
|
||
placeholder="Please enter"
|
||
data-i18n-placeholder="fami.please_enter"
|
||
aria-label="Withdrawal amount"
|
||
data-i18n-aria="withdraw_exchange.withdraw_amount"
|
||
/>
|
||
</label>
|
||
<div class="withdraw-ratio-line">
|
||
<span data-i18n="fami.withdrawal_ratio"
|
||
>Withdrawal ratio:</span
|
||
>
|
||
<span class="withdraw-ratio-value">
|
||
<img
|
||
src="../../products/fami/centers/assets/fami/diamond.png"
|
||
alt=""
|
||
/>
|
||
<strong id="withdrawRatio">1000000=$1</strong>
|
||
</span>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="dealerView">
|
||
<h2
|
||
class="withdraw-section-title"
|
||
data-i18n="fami.select_currency_dealer"
|
||
>
|
||
Select a Currency Dealer
|
||
</h2>
|
||
<div class="dealer-list" id="dealerList"></div>
|
||
<button
|
||
class="fami-primary-button withdraw-submit"
|
||
id="dealerSubmitButton"
|
||
type="button"
|
||
data-i18n="fami.withdrawal"
|
||
>
|
||
Withdrawal
|
||
</button>
|
||
</section>
|
||
|
||
<section id="addressView" hidden>
|
||
<h2
|
||
class="withdraw-section-title"
|
||
data-i18n="withdraw_exchange.payment_method"
|
||
>
|
||
USDT TRC20 address
|
||
</h2>
|
||
<p
|
||
class="withdraw-section-copy"
|
||
data-i18n="withdraw_exchange.payment_method_subtitle"
|
||
>
|
||
Withdrawals are sent to your TRC20 USDT address.
|
||
</p>
|
||
<button
|
||
class="withdraw-address-card"
|
||
id="addressCard"
|
||
type="button"
|
||
>
|
||
<img
|
||
class="withdraw-address-card__avatar"
|
||
id="addressAvatar"
|
||
alt=""
|
||
/>
|
||
<span class="withdraw-address-card__copy">
|
||
<strong id="addressTitle">No USDT address</strong>
|
||
<span id="addressText"
|
||
>Fill in a TRC20 USDT address before
|
||
withdrawing.</span
|
||
>
|
||
</span>
|
||
</button>
|
||
<button
|
||
class="fami-primary-button address-add-button"
|
||
id="addressAddButton"
|
||
type="button"
|
||
data-i18n="fami.withdrawal"
|
||
>
|
||
Withdrawal
|
||
</button>
|
||
<button
|
||
class="fami-primary-button address-submit-button"
|
||
id="addressSubmitButton"
|
||
type="button"
|
||
disabled
|
||
data-i18n="fami.withdrawal"
|
||
>
|
||
Withdrawal
|
||
</button>
|
||
</section>
|
||
|
||
<section id="goldView" hidden>
|
||
<h2
|
||
class="withdraw-section-title"
|
||
data-i18n="fami.exchange_for_gold"
|
||
>
|
||
Exchange for Gold Coins
|
||
</h2>
|
||
<button
|
||
class="fami-primary-button gold-submit-button"
|
||
id="goldSubmitButton"
|
||
type="button"
|
||
data-i18n="withdraw_exchange.exchange_now"
|
||
>
|
||
Exchange now
|
||
</button>
|
||
</section>
|
||
</main>
|
||
|
||
<div class="fami-home-indicator" aria-hidden="true"></div>
|
||
|
||
<div class="fami-modal" id="addressModal" hidden aria-hidden="true">
|
||
<button
|
||
class="fami-modal__backdrop"
|
||
type="button"
|
||
data-address-close
|
||
aria-label="Close"
|
||
data-i18n-aria="withdraw_exchange.close"
|
||
></button>
|
||
<section
|
||
class="fami-sheet"
|
||
role="dialog"
|
||
aria-modal="true"
|
||
aria-labelledby="addressModalTitle"
|
||
>
|
||
<div class="fami-sheet__head">
|
||
<h2
|
||
id="addressModalTitle"
|
||
data-i18n="withdraw_exchange.payment_method"
|
||
>
|
||
USDT TRC20 address
|
||
</h2>
|
||
<button
|
||
class="fami-sheet__close"
|
||
type="button"
|
||
data-address-close
|
||
aria-label="Close"
|
||
data-i18n-aria="withdraw_exchange.close"
|
||
>
|
||
×
|
||
</button>
|
||
</div>
|
||
<form id="addressForm">
|
||
<label class="fami-field">
|
||
<span data-i18n="withdraw_exchange.trc20_address"
|
||
>TRC20 address</span
|
||
>
|
||
<input
|
||
id="addressInput"
|
||
type="text"
|
||
autocomplete="off"
|
||
placeholder="T..."
|
||
/>
|
||
</label>
|
||
<button
|
||
class="fami-sheet__action"
|
||
id="addressSaveButton"
|
||
type="submit"
|
||
data-i18n="withdraw_exchange.save_address"
|
||
>
|
||
Save address
|
||
</button>
|
||
<p
|
||
class="fami-sheet__status"
|
||
id="addressStatus"
|
||
hidden
|
||
></p>
|
||
</form>
|
||
</section>
|
||
</div>
|
||
|
||
<button id="contactCard" type="button" hidden></button>
|
||
<div class="fami-modal" id="contactModal" hidden aria-hidden="true">
|
||
<button
|
||
class="fami-modal__backdrop"
|
||
type="button"
|
||
data-contact-close
|
||
aria-label="Close"
|
||
data-i18n-aria="contact_card.close"
|
||
></button>
|
||
<section
|
||
class="fami-sheet"
|
||
role="dialog"
|
||
aria-modal="true"
|
||
aria-labelledby="contactModalTitle"
|
||
>
|
||
<div class="fami-sheet__head">
|
||
<h2
|
||
id="contactModalTitle"
|
||
data-i18n="contact_card.sheet_title"
|
||
>
|
||
WhatsApp Contact
|
||
</h2>
|
||
<button
|
||
class="fami-sheet__close"
|
||
type="button"
|
||
data-contact-close
|
||
aria-label="Close"
|
||
data-i18n-aria="contact_card.close"
|
||
>
|
||
×
|
||
</button>
|
||
</div>
|
||
<form id="contactForm">
|
||
<label class="fami-field">
|
||
<span data-i18n="contact_card.field_label"
|
||
>WhatsApp phone or link</span
|
||
>
|
||
<input
|
||
id="contactInput"
|
||
type="text"
|
||
autocomplete="off"
|
||
placeholder="+6512345678"
|
||
data-i18n-placeholder="contact_card.placeholder"
|
||
/>
|
||
</label>
|
||
<button
|
||
class="fami-sheet__action"
|
||
id="contactSaveButton"
|
||
type="submit"
|
||
data-i18n="contact_card.save"
|
||
>
|
||
Save
|
||
</button>
|
||
<p
|
||
class="fami-sheet__status"
|
||
id="contactStatus"
|
||
hidden
|
||
></p>
|
||
</form>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="../../packages/core/product-context.js"></script>
|
||
<script src="../../products/fami/product.js"></script>
|
||
<script src="../../../common/api.js?v=fami-20260716-3"></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="../../products/fami/centers/fami.js"></script>
|
||
<script src="./script.js"></script>
|
||
</body>
|
||
</html>
|