64 lines
2.7 KiB
HTML
64 lines
2.7 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>Apply</title>
|
|
<link rel="stylesheet" href="./apply.css">
|
|
</head>
|
|
<body>
|
|
<main class="apply-view">
|
|
<header class="page-header">
|
|
<div></div>
|
|
<h1 data-i18n="apply_join_team">Apply to join the team</h1>
|
|
<button class="help-button" type="button" data-action="help" aria-label="Help">
|
|
<img id="helpIcon" alt="">
|
|
</button>
|
|
</header>
|
|
|
|
<section class="content">
|
|
<section class="reminder-section">
|
|
<h3 data-i18n="apply_reminder">Reminder before application:</h3>
|
|
<p data-i18n="apply_reminder_detail">
|
|
Enter the ID of your agent, and you will become the host after the host apply is approved. After becoming an hoster,your income will be entrusted to your agent
|
|
</p>
|
|
</section>
|
|
|
|
<section class="apply-row">
|
|
<div class="surface-card input-card">
|
|
<label for="agencyInput" data-i18n="apply_id">Apply ID:</label>
|
|
<input id="agencyInput" type="text" data-i18n-placeholder="enter_agent_id" placeholder="Please enter the agent ID" autocomplete="off">
|
|
</div>
|
|
<button class="apply-button" type="button" data-action="apply" data-i18n="apply">Apply</button>
|
|
</section>
|
|
|
|
<section class="records-section" id="recordsSection" hidden>
|
|
<h3 data-i18n="application_records">Application records</h3>
|
|
<div class="record-list" id="recordList"></div>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="modal-layer" id="helpModal" hidden>
|
|
<div class="modal-card" role="dialog" aria-modal="true" aria-labelledby="helpTitle">
|
|
<h3 id="helpTitle" data-i18n="application_help">Application help</h3>
|
|
<p data-i18n="application_help_detail">Enter your agent ID and wait for approval.</p>
|
|
<button class="modal-primary" type="button" data-action="close-help" data-i18n="got_it">Got it</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
|
|
<script type="module" src="./apply.js"></script>
|
|
</body>
|
|
</html>
|