1
This commit is contained in:
ZuoZuo
parent
f1643dc3af
commit
224e4c6ad2
@ -1,12 +1,11 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="zh-CN">
|
<html lang="zh-CN">
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel="icon" href="/favicon.ico">
|
<link rel="icon" href="/favicon.ico">
|
||||||
<meta
|
<meta name="viewport"
|
||||||
name="viewport"
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||||
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="format-detection" content="telephone=no">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
@ -15,147 +14,152 @@
|
|||||||
<meta http-equiv="Expires" content="0">
|
<meta http-equiv="Expires" content="0">
|
||||||
<title>Agency Center</title>
|
<title>Agency Center</title>
|
||||||
<link rel="stylesheet" href="./agency-center.css">
|
<link rel="stylesheet" href="./agency-center.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
<body>
|
||||||
<main class="agency-center">
|
<main class="agency-center">
|
||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<button class="icon-button" type="button" data-action="back" aria-label="Back">
|
<button class="icon-button" type="button" data-action="back" aria-label="Back">
|
||||||
<span aria-hidden="true">‹</span>
|
<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>
|
</button>
|
||||||
</div>
|
<h1 data-i18n="agency_center">Agency Center</h1>
|
||||||
<div class="salary-amount" id="currentSalary">$0.00</div>
|
<div class="header-actions">
|
||||||
</article>
|
<button class="message-button" type="button" data-action="message" aria-label="Message">
|
||||||
|
<span aria-hidden="true">!</span>
|
||||||
<article class="surface-card task-card">
|
</button>
|
||||||
<div class="task-title" data-i18n="today_host_task">My task as a host today is:</div>
|
<button class="language-button" type="button" data-action="language" aria-label="Language">
|
||||||
<div class="task-grid">
|
EN
|
||||||
<div class="task-cell">
|
</button>
|
||||||
<div class="task-label" data-i18n="host_type">Host type</div>
|
|
||||||
<div class="task-value" id="anchorType">Chat</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="task-cell">
|
</header>
|
||||||
<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">
|
<section class="content">
|
||||||
<button type="button" class="menu-row" data-action="platformPolicy">
|
<article class="surface-card salary-card">
|
||||||
<span class="menu-label">
|
<div class="salary-title">
|
||||||
<img data-icon="policy" alt="">
|
<span data-i18n="my_available_salary">My available salary</span>
|
||||||
<span data-i18n="platform_policy">Platform policy</span>
|
<button type="button" data-action="salaryDetails" data-i18n="my_salary_details">
|
||||||
</span>
|
Salary details
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
</button>
|
||||||
</button>
|
</div>
|
||||||
|
<div class="salary-amount" id="currentSalary">$0.00</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
<div class="divider"></div>
|
<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>
|
||||||
|
|
||||||
<button type="button" class="menu-row" data-action="exchangeCoins">
|
<article class="surface-card menu-card">
|
||||||
<span class="menu-label">
|
<button type="button" class="menu-row" data-action="platformPolicy">
|
||||||
<img data-icon="coins" alt="">
|
<span class="menu-label">
|
||||||
<span data-i18n="exchange_coins">Exchange coins</span>
|
<img data-icon="policy" alt="">
|
||||||
</span>
|
<span data-i18n="platform_policy">Platform policy</span>
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
</span>
|
||||||
</button>
|
<img data-icon="arrow" class="flip-img" alt="">
|
||||||
|
</button>
|
||||||
|
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
<button type="button" class="menu-row" data-action="transfer">
|
<button type="button" class="menu-row" data-action="exchangeCoins">
|
||||||
<span class="menu-label">
|
<span class="menu-label">
|
||||||
<img data-icon="transfer" alt="">
|
<img data-icon="coins" alt="">
|
||||||
<span data-i18n="transfer">Transfer</span>
|
<span data-i18n="exchange_coins">Exchange coins</span>
|
||||||
</span>
|
</span>
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
<img data-icon="arrow" class="flip-img" alt="">
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="divider cash-withdraw-row" hidden></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
<button type="button" class="menu-row cash-withdraw-row" data-action="cashWithdraw" hidden>
|
<button type="button" class="menu-row" data-action="transfer">
|
||||||
<span class="menu-label">
|
<span class="menu-label">
|
||||||
<img data-icon="cash" alt="">
|
<img data-icon="transfer" alt="">
|
||||||
<span data-i18n="cash_withdraw">Cash withdraw</span>
|
<span data-i18n="transfer">Transfer</span>
|
||||||
</span>
|
</span>
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
<img data-icon="arrow" class="flip-img" alt="">
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="divider"></div>
|
<div class="divider cash-withdraw-row" hidden></div>
|
||||||
|
|
||||||
<button type="button" class="menu-row" data-action="bankAccounts">
|
<button type="button" class="menu-row cash-withdraw-row" data-action="cashWithdraw" hidden>
|
||||||
<span class="menu-label">
|
<span class="menu-label">
|
||||||
<img data-icon="bank" alt="">
|
<img data-icon="cash" alt="">
|
||||||
<span data-i18n="bank_accounts">Bank Accounts</span>
|
<span data-i18n="cash_withdraw">Cash withdraw</span>
|
||||||
</span>
|
</span>
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
<img data-icon="arrow" class="flip-img" alt="">
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
<button type="button" class="menu-row" data-action="teamMember">
|
<button type="button" class="menu-row" data-action="bankAccounts">
|
||||||
<span class="menu-label">
|
<span class="menu-label">
|
||||||
<span class="menu-symbol">T</span>
|
<img data-icon="bank" alt="">
|
||||||
<span data-i18n="team_member">Team Member</span>
|
<span data-i18n="bank_accounts">Bank Accounts</span>
|
||||||
</span>
|
</span>
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
<img data-icon="arrow" class="flip-img" alt="">
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
<button type="button" class="menu-row" data-action="teamBill">
|
<button type="button" class="menu-row" data-action="teamMember">
|
||||||
<span class="menu-label">
|
<span class="menu-label">
|
||||||
<span class="menu-symbol">B</span>
|
<span class="menu-symbol">T</span>
|
||||||
<span data-i18n="team_bill">Team Bill</span>
|
<span data-i18n="team_member">Team Member</span>
|
||||||
</span>
|
</span>
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
<img data-icon="arrow" class="flip-img" alt="">
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
||||||
<button type="button" class="menu-row" data-action="inviteMembers">
|
<button type="button" class="menu-row" data-action="teamBill">
|
||||||
<span class="menu-label">
|
<span class="menu-label">
|
||||||
<img data-icon="help" alt="">
|
<span class="menu-symbol">B</span>
|
||||||
<span data-i18n="invite_members">Invite Members</span>
|
<span data-i18n="team_bill">Team Bill</span>
|
||||||
</span>
|
</span>
|
||||||
<img data-icon="arrow" class="flip-img" alt="">
|
<img data-icon="arrow" class="flip-img" alt="">
|
||||||
</button>
|
</button>
|
||||||
</article>
|
|
||||||
</section>
|
<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>
|
</main>
|
||||||
|
|
||||||
<div class="modal-mask" id="fillInfoModal" hidden>
|
<div class="modal-mask" id="fillInfoModal" hidden>
|
||||||
<div class="modal-dialog" role="dialog" aria-modal="true" aria-labelledby="fillInfoTitle">
|
<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-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-message" data-i18n="fill_info_tips">Please complete your withdrawal information first.
|
||||||
<div class="modal-hint" data-i18n="card_issue_tips">Make sure the bank card and identity information are valid.</div>
|
</div>
|
||||||
<button type="button" class="modal-action" data-action="completeInfo" data-i18n="to_improve">
|
<div class="modal-hint" data-i18n="card_issue_tips">Make sure the bank card and identity information are
|
||||||
To improve
|
valid.</div>
|
||||||
</button>
|
<button type="button" class="modal-action" data-action="completeInfo" data-i18n="to_improve">
|
||||||
</div>
|
To improve
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
|
<div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
|
||||||
<script type="module" src="./agency-center.js"></script>
|
<script type="module" src="./agency-center.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
|
||||||
|
</html>
|
||||||
@ -8,7 +8,7 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
welecome2
|
welecome3
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user