425 lines
17 KiB
HTML
425 lines
17 KiB
HTML
<!doctype html>
|
|
<html lang="en" dir="ltr" data-hy-app-code="huwaa">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
|
/>
|
|
<title data-i18n="huwaa_invite.page_title">Cash Wheel</title>
|
|
<link rel="icon" href="data:," />
|
|
<link rel="stylesheet" href="../../common/theme.css?v=20260716" />
|
|
<link rel="stylesheet" href="./huwaa/huwaa.css?v=20260716" />
|
|
</head>
|
|
<body>
|
|
<main
|
|
class="huwaa-page"
|
|
id="huwaaPage"
|
|
aria-label="Huwaa cash wheel invite activity"
|
|
data-i18n-aria="huwaa_invite.page_aria"
|
|
>
|
|
<section class="huwaa-stage" id="huwaaStage">
|
|
<div class="huwaa-palace" aria-hidden="true">
|
|
<img
|
|
src="./huwaa/assets/layers/bg-palace.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<img
|
|
src="./huwaa/assets/layers/bg-palace.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</div>
|
|
|
|
<div class="huwaa-status-bar" aria-hidden="true">
|
|
<span class="huwaa-status-time">9:41</span>
|
|
<img
|
|
class="huwaa-status-cellular"
|
|
src="./huwaa/assets/layers/status-cellular.svg"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="huwaa-status-wifi"
|
|
src="./huwaa/assets/layers/status-wifi.svg"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="huwaa-status-battery"
|
|
src="./huwaa/assets/layers/status-battery.svg"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
|
|
<header class="huwaa-nav">
|
|
<button
|
|
class="huwaa-nav-back"
|
|
id="huwaaBackButton"
|
|
type="button"
|
|
aria-label="Back"
|
|
data-i18n-aria="huwaa_invite.back"
|
|
>
|
|
<img src="./huwaa/assets/layers/nav-back.svg" alt="" />
|
|
</button>
|
|
<h1 data-i18n="huwaa_invite.page_title">Cash Wheel</h1>
|
|
</header>
|
|
|
|
<section
|
|
class="huwaa-wallet-card"
|
|
aria-label="Cash wheel points"
|
|
data-i18n-aria="huwaa_invite.wallet_aria"
|
|
>
|
|
<img
|
|
class="huwaa-wallet-skin"
|
|
src="./huwaa/assets/layers/panel-gold-emerald.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<div class="huwaa-wallet-texture" aria-hidden="true">
|
|
<img
|
|
src="./huwaa/assets/layers/wallet-inner-panel.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
</div>
|
|
|
|
<div class="huwaa-wallet-rate" aria-hidden="true">
|
|
<img src="./huwaa/assets/layers/points-a.webp" alt="" />
|
|
<strong id="huwaaRatePoints">90K</strong>
|
|
<img
|
|
class="huwaa-rate-exchange"
|
|
src="./huwaa/assets/layers/icon-convert.svg"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="huwaa-rate-finance"
|
|
src="./huwaa/assets/layers/icon-finance.svg"
|
|
alt=""
|
|
/>
|
|
<img
|
|
class="huwaa-rate-infinity"
|
|
src="./huwaa/assets/layers/icon-infinity.svg"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
|
|
<div class="huwaa-wallet-balance">
|
|
<img src="./huwaa/assets/layers/points-a.webp" alt="" />
|
|
<strong id="huwaaPointBalance">89,094</strong>
|
|
</div>
|
|
<strong class="huwaa-wallet-cash" id="huwaaCashValue"
|
|
>≈$8.9</strong
|
|
>
|
|
<p class="huwaa-wallet-remaining">
|
|
<span data-i18n="huwaa_invite.points_left"
|
|
>Points Left To Withdraw:</span
|
|
>
|
|
<strong id="huwaaPointsLeft">1,000</strong>
|
|
</p>
|
|
<button
|
|
class="huwaa-withdraw-button"
|
|
id="huwaaWithdrawButton"
|
|
type="button"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/button-withdraw.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<span data-i18n="huwaa_invite.withdraw"
|
|
>WITHDRAW TO WALLET</span
|
|
>
|
|
</button>
|
|
</section>
|
|
|
|
<section
|
|
class="huwaa-wheel-region"
|
|
aria-label="Cash wheel"
|
|
data-i18n-aria="huwaa_invite.wheel_aria"
|
|
>
|
|
<img
|
|
class="huwaa-wheel-base"
|
|
src="./huwaa/assets/layers/wheel-base.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
|
|
<button
|
|
class="huwaa-reward-entry"
|
|
id="huwaaRewardEntry"
|
|
type="button"
|
|
aria-label="Estimated rewards"
|
|
data-i18n-aria="huwaa_invite.estimated_rewards"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-red.webp"
|
|
alt=""
|
|
/>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-red.webp"
|
|
alt=""
|
|
/>
|
|
</button>
|
|
|
|
<div class="huwaa-wheel-prizes" id="huwaaWheelPrizes">
|
|
<button
|
|
class="huwaa-prize"
|
|
type="button"
|
|
data-index="0"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-orange.webp"
|
|
alt=""
|
|
/>
|
|
<span data-i18n="huwaa_invite.medium">Medium</span>
|
|
</button>
|
|
<button
|
|
class="huwaa-prize"
|
|
type="button"
|
|
data-index="1"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-green.webp"
|
|
alt=""
|
|
/>
|
|
<span data-i18n="huwaa_invite.medium">Medium</span>
|
|
</button>
|
|
<button
|
|
class="huwaa-prize"
|
|
type="button"
|
|
data-index="2"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-white-gold.webp"
|
|
alt=""
|
|
/>
|
|
<span data-i18n="huwaa_invite.medium">Medium</span>
|
|
</button>
|
|
<button
|
|
class="huwaa-prize"
|
|
type="button"
|
|
data-index="3"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-blue.webp"
|
|
alt=""
|
|
/>
|
|
<span data-i18n="huwaa_invite.medium">Medium</span>
|
|
</button>
|
|
<button
|
|
class="huwaa-prize"
|
|
type="button"
|
|
data-index="4"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-purple.webp"
|
|
alt=""
|
|
/>
|
|
<span data-i18n="huwaa_invite.medium">Medium</span>
|
|
</button>
|
|
<button
|
|
class="huwaa-prize"
|
|
type="button"
|
|
data-index="5"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-red.webp"
|
|
alt=""
|
|
/>
|
|
<span data-i18n="huwaa_invite.medium">Medium</span>
|
|
</button>
|
|
<button
|
|
class="huwaa-prize"
|
|
type="button"
|
|
data-index="6"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/chest-gold.webp"
|
|
alt=""
|
|
/>
|
|
<span data-i18n="huwaa_invite.medium">Medium</span>
|
|
</button>
|
|
</div>
|
|
|
|
<button
|
|
class="huwaa-spin-button"
|
|
id="huwaaSpinButton"
|
|
type="button"
|
|
aria-label="Spin"
|
|
data-i18n-aria="huwaa_invite.spin"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/wheel-spin-center.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<span
|
|
class="huwaa-spin-label"
|
|
data-i18n="huwaa_invite.spin"
|
|
>Spin</span
|
|
>
|
|
<span class="huwaa-spin-cost" id="huwaaSpinCost"
|
|
>*5</span
|
|
>
|
|
</button>
|
|
</section>
|
|
|
|
<button
|
|
class="huwaa-invite-button"
|
|
id="huwaaInviteButton"
|
|
type="button"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/button-invite.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<span data-i18n="huwaa_invite.invite_now"
|
|
>Invite Friends Now</span
|
|
>
|
|
</button>
|
|
|
|
<section
|
|
class="huwaa-task-panel huwaa-extendable-panel"
|
|
aria-label="Invitation tasks"
|
|
data-i18n-aria="huwaa_invite.tasks_aria"
|
|
>
|
|
<div class="huwaa-extendable-skin" aria-hidden="true">
|
|
<span class="huwaa-skin-top"></span>
|
|
<span class="huwaa-skin-middle"></span>
|
|
<span class="huwaa-skin-bottom"></span>
|
|
</div>
|
|
<div class="huwaa-task-list" id="huwaaTaskList"></div>
|
|
</section>
|
|
|
|
<section
|
|
class="huwaa-win-modal"
|
|
id="huwaaWinModal"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
aria-labelledby="huwaaWinTitle"
|
|
hidden
|
|
>
|
|
<button
|
|
class="huwaa-modal-scrim"
|
|
type="button"
|
|
aria-label="Close"
|
|
data-i18n-aria="huwaa_invite.close"
|
|
data-close-win
|
|
></button>
|
|
<article class="huwaa-win-dialog" aria-live="polite">
|
|
<img
|
|
class="huwaa-win-skin"
|
|
src="./huwaa/assets/layers/reward-modal-panel.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<div class="huwaa-win-media">
|
|
<img id="huwaaWinImage" alt="" />
|
|
</div>
|
|
<h2
|
|
id="huwaaWinTitle"
|
|
tabindex="-1"
|
|
data-i18n="huwaa_invite.congratulations"
|
|
>
|
|
CONGRATULATIONS!
|
|
</h2>
|
|
<p
|
|
class="huwaa-win-kicker"
|
|
data-i18n="huwaa_invite.you_won"
|
|
>
|
|
You have won
|
|
</p>
|
|
<p class="huwaa-win-reward">
|
|
<strong id="huwaaWinReward">Medium Reward</strong>
|
|
<span id="huwaaWinPoints">(500 Points)</span>
|
|
</p>
|
|
<button
|
|
class="huwaa-awesome-button"
|
|
id="huwaaAwesomeButton"
|
|
type="button"
|
|
>
|
|
<img
|
|
src="./huwaa/assets/layers/button-awesome.webp"
|
|
alt=""
|
|
draggable="false"
|
|
/>
|
|
<span data-i18n="huwaa_invite.awesome"
|
|
>AWESOME</span
|
|
>
|
|
</button>
|
|
</article>
|
|
</section>
|
|
|
|
<section
|
|
class="huwaa-reward-drawer"
|
|
id="huwaaRewardDrawer"
|
|
role="dialog"
|
|
aria-modal="true"
|
|
aria-labelledby="huwaaRewardTitle"
|
|
hidden
|
|
>
|
|
<button
|
|
class="huwaa-modal-scrim"
|
|
type="button"
|
|
aria-label="Close"
|
|
data-i18n-aria="huwaa_invite.close"
|
|
data-close-rewards
|
|
></button>
|
|
<article class="huwaa-reward-sheet huwaa-extendable-panel">
|
|
<div class="huwaa-extendable-skin" aria-hidden="true">
|
|
<span class="huwaa-skin-top"></span>
|
|
<span class="huwaa-skin-middle"></span>
|
|
</div>
|
|
<h2
|
|
id="huwaaRewardTitle"
|
|
tabindex="-1"
|
|
data-i18n="huwaa_invite.estimated_rewards"
|
|
>
|
|
ESTIMATED REWARDS
|
|
</h2>
|
|
<div
|
|
class="huwaa-estimated-grid"
|
|
id="huwaaEstimatedGrid"
|
|
></div>
|
|
</article>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
|
|
<template id="huwaaTaskTemplate">
|
|
<article class="huwaa-task-card">
|
|
<img
|
|
class="huwaa-task-icon"
|
|
src="./huwaa/assets/layers/reward-calendar-check.webp"
|
|
alt=""
|
|
/>
|
|
<div class="huwaa-task-copy">
|
|
<strong data-task-title></strong>
|
|
<span data-task-description></span>
|
|
</div>
|
|
<strong class="huwaa-task-reward" data-task-reward></strong>
|
|
<span class="huwaa-task-status" data-task-status></span>
|
|
</article>
|
|
</template>
|
|
|
|
<template id="huwaaEstimatedTemplate">
|
|
<article class="huwaa-estimated-item">
|
|
<span class="huwaa-estimated-icon">
|
|
<img alt="" />
|
|
</span>
|
|
<strong></strong>
|
|
</article>
|
|
</template>
|
|
|
|
<script>
|
|
window.HyAppDefaultAppCode = 'huwaa';
|
|
</script>
|
|
<script src="../../common/i18n.js?v=20260716"></script>
|
|
<script src="../../common/api.js?v=20260716"></script>
|
|
<script src="../../common/params.js?v=20260716"></script>
|
|
<script src="../../common/toast.js?v=20260716"></script>
|
|
<script src="./huwaa/huwaa.js?v=20260716"></script>
|
|
</body>
|
|
</html>
|