141 lines
5.8 KiB
HTML
141 lines
5.8 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>BD Leader Center</title>
|
||
<link rel="stylesheet" href="./bd-leader-center.css?v=bdleader-static-1">
|
||
</head>
|
||
<body>
|
||
<main class="bd-center">
|
||
<header class="general-header">
|
||
<button class="header-button" type="button" data-action="back" aria-label="Back">
|
||
<span aria-hidden="true">‹</span>
|
||
</button>
|
||
<h1 data-i18n="bd_leader_center">BD Leader Center</h1>
|
||
<button class="language-button" type="button" data-action="language" aria-label="Language">EN</button>
|
||
</header>
|
||
|
||
<section class="content">
|
||
<article class="gradient-border salary-card">
|
||
<div class="salary-inner">
|
||
<div class="salary-row">
|
||
<div class="salary-title" data-i18n="my_available_salary">My available salary</div>
|
||
<button class="salary-link" type="button" data-route="/available-income" data-i18n="my_salary_link">
|
||
Details
|
||
</button>
|
||
</div>
|
||
<div class="salary-amount">
|
||
<img data-icon="salary" class="salary-icon" alt="">
|
||
<span id="availableBalance">$0</span>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="gradient-border menu-card">
|
||
<div class="menu-inner">
|
||
<button type="button" class="menu-row" data-route="/policy?from=BDLead">
|
||
<span class="menu-label">
|
||
<img data-icon="policy" alt="">
|
||
<span data-i18n="bd_policy_link">BD policy</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img arrow" alt="">
|
||
</button>
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-route="/agency-list">
|
||
<span class="menu-label">
|
||
<img data-icon="policy" alt="">
|
||
<span data-i18n="agency_list_link">Agency list</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img arrow" alt="">
|
||
</button>
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-route="/bd-list">
|
||
<span class="menu-label">
|
||
<img data-icon="policy" alt="">
|
||
<span data-i18n="bd_list_link">BD List</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img arrow" alt="">
|
||
</button>
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-route="/invite-agency">
|
||
<span class="menu-label">
|
||
<img data-icon="invite" alt="">
|
||
<span data-i18n="invite_become_agent">Invite to become agent</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img arrow" alt="">
|
||
</button>
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-route="/invite-bd">
|
||
<span class="menu-label">
|
||
<img data-icon="invite" alt="">
|
||
<span data-i18n="invite_become_BD">Invite to become BD</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img arrow" alt="">
|
||
</button>
|
||
<div class="divider"></div>
|
||
|
||
<button type="button" class="menu-row" data-route="/bank-cards">
|
||
<span class="menu-label">
|
||
<img data-icon="bank" alt="">
|
||
<span data-i18n="bank_cards_link">Bank cards</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img arrow" alt="">
|
||
</button>
|
||
|
||
<div class="divider send-row" hidden></div>
|
||
<button type="button" class="menu-row send-row" data-action="sendGift" hidden>
|
||
<span class="menu-label">
|
||
<img data-icon="gift" alt="">
|
||
<span data-i18n="send_welcome_gift">Send welcome gift</span>
|
||
</span>
|
||
<img data-icon="arrow" class="flip-img arrow" alt="">
|
||
</button>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
|
||
<div class="mask-layer" id="maskLayer" hidden>
|
||
<div class="mask-hit" data-action="closeModal"></div>
|
||
<section class="sheet history-sheet" id="historySheet" hidden>
|
||
<div class="sheet-title" id="historyTitle">BD salary</div>
|
||
<div class="summary-box">
|
||
<div>
|
||
<span data-i18n="total_income">Total income</span>
|
||
<span> $</span><span id="historyTotalIncome">0</span>
|
||
</div>
|
||
<div>
|
||
<span data-i18n="previous_period_income">Previous period income</span>
|
||
<span>: $</span><span id="historyPreviousIncome">0</span>
|
||
</div>
|
||
</div>
|
||
<div class="salary-list" id="historyList"></div>
|
||
</section>
|
||
|
||
<section class="sheet details-sheet" id="detailsSheet" hidden>
|
||
<div class="sheet-title" id="detailsPeriod"></div>
|
||
<div class="details-summary" id="detailsSummary"></div>
|
||
<div class="member-list" id="memberDetails"></div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
|
||
<script type="module" src="./bd-leader-center.js?v=bdleader-static-3"></script>
|
||
</body>
|
||
</html>
|