admin/hyapp-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

房间奖励显示

Browse Source
This commit is contained in:
zhx 2026-06-29 15:01:41 +08:00
parent f508d1765a
commit 99592a6e52
2 changed files with 63 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
activity/room-reward/index.html
View File

@ -31,13 +31,29 @@
>
EN
</button>
<div class="language-menu" data-language-menu hidden>
<button type="button" data-lang-option="en">EN</button>
<button type="button" data-lang-option="ar">AR</button>
<button type="button" data-lang-option="tr">TR</button>
<button type="button" data-lang-option="es">ES</button>
<button type="button" data-lang-option="zh">ZH</button>
<button type="button" data-lang-option="id">ID</button>
<div
class="language-menu"
data-language-menu
hidden
>
<button type="button" data-lang-option="en">
EN
</button>
<button type="button" data-lang-option="ar">
AR
</button>
<button type="button" data-lang-option="tr">
TR
</button>
<button type="button" data-lang-option="es">
ES
</button>
<button type="button" data-lang-option="zh">
ZH
</button>
<button type="button" data-lang-option="id">
ID
</button>
</div>
</div>
<img
@ -96,7 +112,6 @@
<div class="table-divider" aria-hidden="true"></div>
<div class="table-content" id="tierTable"></div>
</section>
</section>
</div>
</main>
@ -106,13 +121,24 @@
aria-label="My room reward progress"
data-i18n-aria="roomReward.progressLabel"
>
<img class="user-avatar" id="userAvatar" src="./assets/294_8091.png" alt="" />
<img
class="user-avatar"
id="userAvatar"
src="./assets/294_8091.png"
alt=""
/>
<div class="user-name" id="userName">Namename...</div>
<div class="user-id" id="userId">ID: 123456789</div>
<div class="metric-label contribution-label" data-i18n="roomReward.contribution">
<div
class="metric-label contribution-label"
data-i18n="roomReward.contribution"
>
This week's contribution:
</div>
<div class="metric-label rewards-label" data-i18n="roomReward.rewards">
<div
class="metric-label rewards-label"
data-i18n="roomReward.rewards"
>
This week's rewards:
</div>
<button
@ -151,7 +177,10 @@
!window.localStorage.getItem('room_reward_lang_ready')
) {
window.localStorage.setItem('hyapp_h5_lang', 'en');
window.localStorage.setItem('room_reward_lang_ready', '1');
window.localStorage.setItem(
'room_reward_lang_ready',
'1'
);
}
} catch (error) {
document.documentElement.lang = 'en';
@ -160,6 +189,6 @@
</script>
<script src="../../common/i18n.js?v=20260606c"></script>
<script src="../../common/api.js?v=20260606c"></script>
<script src="./script.js?v=20260608b"></script>
<script src="./script.js?v=20260629a"></script>
</body>
</html>

26
activity/room-reward/script.js
View File

@ -133,7 +133,9 @@
document.getElementById('userAvatar').src = data.user.avatar;
document.getElementById('userName').textContent =
data.user.name || t('roomReward.roomOwner', 'Room owner');
document.getElementById('userId').textContent = userIDText(data.user.id);
document.getElementById('userId').textContent = userIDText(
data.user.id
);
document.getElementById('contributionValue').textContent =
data.user.contributionReward;
document.getElementById('weeklyRewardValue').textContent =
@ -162,7 +164,10 @@
function updateBodyHeight() {
var scale = window.innerWidth / 375;
document.documentElement.style.setProperty('--app-scale', String(scale));
document.documentElement.style.setProperty(
'--app-scale',
String(scale)
);
document.body.style.minHeight =
Math.ceil(viewport.offsetHeight * scale) + 'px';
}
@ -193,6 +198,13 @@
return String(Math.floor(number));
}
function wholeNumberWithThousands(value) {
var number = Number(value || 0);
if (!Number.isFinite(number)) return '0';
// Bottom user progress must keep the real integer so compact rounding cannot make an unreached tier look reached.
return Math.floor(number).toLocaleString('en-US');
}
function trimFixed(value) {
var fixed = value >= 10 ? value.toFixed(0) : value.toFixed(1);
return fixed.replace(/\.0$/, '');
@ -244,8 +256,8 @@
valueFrom(user, 'avatar') ||
valueFrom(room, 'coverUrl', 'cover_url') ||
'./assets/294_8091.png',
contributionReward: compactNumber(currentCoinSpent),
weeklyReward: compactNumber(expectedReward),
contributionReward: wholeNumberWithThousands(currentCoinSpent),
weeklyReward: wholeNumberWithThousands(expectedReward),
canClaimContribution: currentCoinSpent > 0,
canClaimWeeklyReward: expectedReward > 0,
},
@ -259,7 +271,11 @@
)
),
reward: plainWholeNumber(
valueFrom(tier, 'rewardCoinAmount', 'reward_coin_amount')
valueFrom(
tier,
'rewardCoinAmount',
'reward_coin_amount'
)
),
};
}),