165 lines
7.2 KiB
HTML
165 lines
7.2 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="icon" href="/favicon.ico">
|
||
<meta name="viewport"
|
||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||
<meta name="format-detection" content="telephone=no">
|
||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Expires" content="0">
|
||
<title>Agency Center</title>
|
||
<link rel="stylesheet" href="./agency-center.css">
|
||
</head>
|
||
|
||
<body>
|
||
<main class="agency-center">
|
||
<header class="page-header">
|
||
<button class="icon-button" type="button" data-action="back" aria-label="Back">
|
||
<span aria-hidden="true">‹</span>
|
||
</button>
|
||
<h1 data-i18n="agency_center">Agency Center</h1>
|
||
<div class="header-actions">
|
||
<button class="message-button" type="button" data-action="message" aria-label="Message">
|
||
<span aria-hidden="true">!</span>
|
||
</button>
|
||
<button class="language-button" type="button" data-action="language" aria-label="Language">
|
||
EN
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="content">
|
||
<article class="surface-card salary-card">
|
||
<div class="salary-title">
|
||
<span data-i18n="my_available_salary">My available salary</span>
|
||
<button type="button" data-action="salaryDetails" data-i18n="my_salary_details">
|
||
Salary details
|
||
</button>
|
||
</div>
|
||
<div class="salary-amount" id="currentSalary">$0.00</div>
|
||
</article>
|
||
|
||
<article class="surface-card task-card">
|
||
<div class="task-title" data-i18n="today_host_task">My task as a host today is:</div>
|
||
<div class="task-grid">
|
||
<!-- <div class="task-cell">
|
||
<div class="task-label" data-i18n="host_type">Host type</div>
|
||
<div class="task-value" id="anchorType">Chat</div>
|
||
</div> -->
|
||
<div class="task-cell">
|
||
<div class="task-label" data-i18n="minutes">Minutes</div>
|
||
<div class="task-value"><span id="minutesProgress">0</span>/<span id="minutesTotal">120</span>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="task-cell">
|
||
<div class="task-label" data-i18n="gift_task">Gift Task</div>
|
||
<div class="task-value" id="giftTask">0</div>
|
||
</div> -->
|
||
</div>
|
||
</article>
|
||
|
||
<article class="surface-card menu-card">
|
||
<button type="button" class="menu-row" data-action="platformPolicy">
|
||
<span class="menu-label">
|
||
<img data-icon="policy" alt="">
|
||
<span data-i18n="platform_policy">Platform policy</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-action="exchangeCoins">
|
||
<span class="menu-label">
|
||
<img data-icon="coins" alt="">
|
||
<span data-i18n="exchange_coins">Exchange coins</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-action="transfer">
|
||
<span class="menu-label">
|
||
<img data-icon="transfer" alt="">
|
||
<span data-i18n="transfer">Transfer</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
|
||
<div class="divider cash-withdraw-row" hidden></div>
|
||
|
||
<button type="button" class="menu-row cash-withdraw-row" data-action="cashWithdraw" hidden>
|
||
<span class="menu-label">
|
||
<img data-icon="cash" alt="">
|
||
<span data-i18n="cash_withdraw">Cash withdraw</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-action="bankAccounts">
|
||
<span class="menu-label">
|
||
<img data-icon="bank" alt="">
|
||
<span data-i18n="bank_accounts">Bank Accounts</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-action="teamMember">
|
||
<span class="menu-label">
|
||
<span class="menu-symbol">T</span>
|
||
<span data-i18n="team_member">Team Member</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-action="teamBill">
|
||
<span class="menu-label">
|
||
<span class="menu-symbol">B</span>
|
||
<span data-i18n="team_bill">Team Bill</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-action="inviteMembers">
|
||
<span class="menu-label">
|
||
<img data-icon="help" alt="">
|
||
<span data-i18n="invite_members">Invite Members</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img" alt="">
|
||
</button>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
|
||
<div class="modal-mask" id="fillInfoModal" hidden>
|
||
<div class="modal-dialog" role="dialog" aria-modal="true" aria-labelledby="fillInfoTitle">
|
||
<div class="modal-title" id="fillInfoTitle" data-i18n="prompt">Prompt</div>
|
||
<div class="modal-message" data-i18n="fill_info_tips">Please complete your withdrawal information first.
|
||
</div>
|
||
<div class="modal-hint" data-i18n="card_issue_tips">Make sure the bank card and identity information are
|
||
valid.</div>
|
||
<button type="button" class="modal-action" data-action="completeInfo" data-i18n="to_improve">
|
||
To improve
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
|
||
<script type="module" src="./agency-center.js"></script>
|
||
</body>
|
||
|
||
</html> |