236 lines
12 KiB
HTML
236 lines
12 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<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>Agency Center</title>
|
|
<link rel="stylesheet" href="./style.css?v=20260428-2320" />
|
|
</head>
|
|
<body>
|
|
<div class="agency-center" aria-label="Agency Center" data-i18n-aria="page_label" data-loading="true" data-view="loading">
|
|
<div class="hero-bg" aria-hidden="true"></div>
|
|
|
|
<header class="status-bar" aria-hidden="true">
|
|
<span class="status-time">9:41</span>
|
|
<span class="status-icons">
|
|
<span class="cellular"><i></i><i></i><i></i><i></i></span>
|
|
<span class="wifi"><i></i><i></i><i></i></span>
|
|
<span class="battery"><i></i></span>
|
|
</span>
|
|
</header>
|
|
|
|
<nav class="title-bar">
|
|
<button class="back-button" type="button" aria-label="Back" data-i18n-aria="back">
|
|
<svg viewBox="0 0 32 32" aria-hidden="true">
|
|
<path d="M20 8 12 16l8 8" />
|
|
</svg>
|
|
</button>
|
|
<h1 data-i18n="title">Agency Center</h1>
|
|
<div class="language-switcher">
|
|
<button class="language-button" type="button" aria-label="Change language" data-i18n-aria="language_button_aria" aria-expanded="false">EN</button>
|
|
<div class="language-menu" hidden>
|
|
<button type="button" data-lang="en">EN</button>
|
|
<button type="button" data-lang="ar">AR</button>
|
|
<button type="button" data-lang="tr">TR</button>
|
|
<button type="button" data-lang="id">ID</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="content">
|
|
<section class="card profile-card agent-only">
|
|
<div class="avatar-shell">
|
|
<img class="avatar-image" id="profileAvatar" alt="" hidden />
|
|
<div class="avatar-fallback" id="profileAvatarFallback" aria-hidden="true">A</div>
|
|
</div>
|
|
<div class="profile-copy">
|
|
<div class="name" id="profileName">Agency</div>
|
|
<div class="meta" id="profileUid">UID: -</div>
|
|
<div class="agency-line" id="bdName">BD: -</div>
|
|
</div>
|
|
<button class="profile-message-button" type="button" aria-label="Open messages" data-i18n-aria="open_messages">
|
|
<svg viewBox="0 0 28 28" aria-hidden="true">
|
|
<path d="M5 8.5A3.5 3.5 0 0 1 8.5 5h11A3.5 3.5 0 0 1 23 8.5v7A3.5 3.5 0 0 1 19.5 19H12l-5 4v-4.5A3.5 3.5 0 0 1 5 15.3Z" />
|
|
<path d="M9 10h10M9 14h6" />
|
|
</svg>
|
|
<span class="message-unread-dot" id="messageUnreadDot" hidden></span>
|
|
</button>
|
|
</section>
|
|
|
|
<section class="card access-card" id="accessCard" hidden>
|
|
<div class="access-icon" aria-hidden="true">
|
|
<svg viewBox="0 0 32 32">
|
|
<path d="M8 14h16M10 14v12M22 14v12M13 14V9h6v5M6 26h20" />
|
|
</svg>
|
|
</div>
|
|
<div class="access-copy">
|
|
<div class="access-title" data-i18n="not_agency_title">Agency access unavailable</div>
|
|
<div class="access-text" id="accessText" data-i18n="not_agency_text">This account is not an agency account.</div>
|
|
</div>
|
|
<a class="access-action" href="/apply" data-route="/apply" data-i18n="apply_now">Apply</a>
|
|
</section>
|
|
|
|
<section class="card metrics-card agent-only">
|
|
<div class="metric">
|
|
<div class="label" data-i18n="streaming_duration">Work Time (min)</div>
|
|
<div class="value" id="streamingDuration">0</div>
|
|
</div>
|
|
<div class="vertical-line" aria-hidden="true"></div>
|
|
<div class="metric gift-metric">
|
|
<div class="label" data-i18n="target">Target</div>
|
|
<button class="gift-value" type="button" aria-live="polite" aria-label="Open daily data" data-i18n-aria="open_daily_data">
|
|
<span class="amount-text" id="currentGiftValue">0</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card salary-card agent-only">
|
|
<div class="salary-head">
|
|
<div class="salary-title">
|
|
<span data-i18n="salary">Salary</span>
|
|
<svg viewBox="0 0 20 20" aria-hidden="true">
|
|
<circle cx="10" cy="10" r="8" />
|
|
<path d="M10 9v5M10 6.3v.2" />
|
|
</svg>
|
|
</div>
|
|
<a class="salary-link" href="../withdraw-exchange/index.html" data-route="../withdraw-exchange/index.html" aria-label="Open withdraw and exchange page" data-i18n-aria="open_withdraw_exchange">
|
|
<span data-i18n="withdraw_exchange">Withdraw/Exchange</span>
|
|
<span class="chevron">›</span>
|
|
</a>
|
|
</div>
|
|
<a class="salary-value" href="../withdraw-exchange/index.html" data-route="../withdraw-exchange/index.html" aria-label="Open withdraw and exchange page" data-i18n-aria="open_withdraw_exchange">
|
|
<span class="salary-currency" aria-hidden="true">$</span>
|
|
<span class="amount-text" id="currentSalary">0.00</span>
|
|
<span class="chevron">›</span>
|
|
</a>
|
|
</section>
|
|
|
|
<section class="card policy-entry-card team-member-entry-card agent-only">
|
|
<a class="policy-entry-link" href="./host-list.html?source=agency-center" data-route="./host-list.html?source=agency-center" data-team-member="true" aria-label="Open host list" data-i18n-aria="open_host_list">
|
|
<span class="policy-entry-left">
|
|
<svg viewBox="0 0 28 28" aria-hidden="true">
|
|
<path d="M10.5 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" />
|
|
<path d="M3.5 23c.7-4.2 3.1-6.3 7-6.3s6.3 2.1 7 6.3" />
|
|
<path d="M20 13.5a3.2 3.2 0 1 0-1.3-6.1M19.7 17c2.6.4 4.2 2.2 4.8 5.3" />
|
|
</svg>
|
|
<span data-i18n="host_list">Host List</span>
|
|
</span>
|
|
<span class="team-member-entry-right">
|
|
<span id="teamMemberCount">-</span>
|
|
<span class="chevron">›</span>
|
|
</span>
|
|
</a>
|
|
</section>
|
|
|
|
<section class="card policy-entry-card agent-only">
|
|
<a class="policy-entry-link" href="../hosts-bill/index.html?source=agency-center" data-route="../hosts-bill/index.html?source=agency-center" data-team-bill="true" aria-label="Open salary bills" data-i18n-aria="open_team_bill">
|
|
<span class="policy-entry-left">
|
|
<svg viewBox="0 0 28 28" aria-hidden="true">
|
|
<path d="M7 5h14v18H7Z" />
|
|
<path d="M11 10h7M11 14h5M11 18h6" />
|
|
</svg>
|
|
<span data-i18n="team_bill">Salary Bills</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</a>
|
|
</section>
|
|
|
|
<section class="card policy-entry-card agent-only">
|
|
<a class="policy-entry-link" href="../host-center/policy.html?from=agencycenter" data-route="../host-center/policy.html?from=agencycenter" data-policy="team">
|
|
<span class="policy-entry-left">
|
|
<svg viewBox="0 0 28 28" aria-hidden="true">
|
|
<path d="M8 5h10l3 3v15H8Z" />
|
|
<path d="M18 5v5h4M11 14h7M11 18h6" />
|
|
</svg>
|
|
<span data-i18n="platform_policy">Agency Policy</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</a>
|
|
<div class="policy-entry-divider" aria-hidden="true"></div>
|
|
<button class="policy-entry-link invite-help-button" type="button" aria-label="How to invite host" data-i18n-aria="open_invite_help">
|
|
<span class="policy-entry-left">
|
|
<span class="question-icon" aria-hidden="true">?</span>
|
|
<span data-i18n="how_to_invite_member">How to invite host</span>
|
|
</span>
|
|
<span class="chevron">›</span>
|
|
</button>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="daily-modal" id="dailyModal" hidden>
|
|
<div class="daily-backdrop" data-close-daily></div>
|
|
<section class="daily-sheet" role="dialog" aria-modal="true" aria-labelledby="dailyTitle">
|
|
<div class="daily-sheet-head">
|
|
<h2 id="dailyTitle" data-i18n="daily_details">Daily data</h2>
|
|
<button class="daily-close" type="button" aria-label="Close" data-i18n-aria="close" data-close-daily>×</button>
|
|
</div>
|
|
<div class="daily-summary">
|
|
<span data-i18n="target">Target</span>
|
|
<strong id="dailyCurrentGift">0</strong>
|
|
</div>
|
|
<div class="daily-list" id="dailyList"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="daily-modal invite-modal" id="inviteModal" hidden>
|
|
<div class="daily-backdrop" data-close-invite></div>
|
|
<section class="daily-sheet invite-sheet" role="dialog" aria-modal="true" aria-labelledby="inviteTitle">
|
|
<div class="daily-sheet-head">
|
|
<h2 id="inviteTitle" data-i18n="how_to_invite_member">How to invite host</h2>
|
|
<button class="daily-close" type="button" aria-label="Close" data-i18n-aria="close" data-close-invite>×</button>
|
|
</div>
|
|
<div class="invite-steps">
|
|
<div class="invite-step">
|
|
<span class="invite-step-number">1</span>
|
|
<span data-i18n="invite_download_app">Invite users to download APP.</span>
|
|
</div>
|
|
<div class="invite-step">
|
|
<span class="invite-step-number">2</span>
|
|
<span data-i18n="invited_users_login">Invited users need to log in to the APP.</span>
|
|
</div>
|
|
<div class="invite-step">
|
|
<span class="invite-step-number">3</span>
|
|
<span data-i18n="join_team_steps">Me > Host Center > Apply to join the team.</span>
|
|
</div>
|
|
<div class="invite-step">
|
|
<span class="invite-step-number">4</span>
|
|
<span data-i18n="enter_team_id">Enter the team ID, click send to join.</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="message-modal" id="messageModal" hidden>
|
|
<div class="message-backdrop" data-close-messages></div>
|
|
<section class="message-dialog" role="dialog" aria-modal="true" aria-labelledby="messageTitle">
|
|
<div class="message-head">
|
|
<h2 id="messageTitle" data-i18n="users_message">Messages</h2>
|
|
<button class="daily-close" type="button" aria-label="Close" data-i18n-aria="close" data-close-messages>×</button>
|
|
</div>
|
|
<div class="message-list" id="messageList">
|
|
<div class="message-empty" data-i18n="messages_loading">Loading...</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div class="toast" id="toast" role="status" aria-live="polite" hidden></div>
|
|
<div class="home-indicator" aria-hidden="true"></div>
|
|
|
|
<div class="loading-mask" id="loadingMask" role="status" aria-live="polite" aria-busy="true">
|
|
<div class="runner-stick" aria-hidden="true">
|
|
<span class="runner-head"></span>
|
|
<span class="runner-body"></span>
|
|
<span class="runner-arm runner-arm-front"></span>
|
|
<span class="runner-arm runner-arm-back"></span>
|
|
<span class="runner-leg runner-leg-front"></span>
|
|
<span class="runner-leg runner-leg-back"></span>
|
|
<span class="runner-ground"></span>
|
|
</div>
|
|
<div class="loading-copy">loading....</div>
|
|
</div>
|
|
</div>
|
|
<script src="./script.js?v=20260428-2345" defer></script>
|
|
</body>
|
|
</html>
|