充值，新公会开业活动，CP活动
This commit is contained in:
zhx
parent
802bc1c686
commit
ce3725ae37
@ -7,7 +7,7 @@
|
|||||||
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
|
||||||
/>
|
/>
|
||||||
<title>New Agency Opening Event</title>
|
<title>New Agency Opening Event</title>
|
||||||
<link rel="stylesheet" href="./style.css?v=20260612-agency-opening" />
|
<link rel="stylesheet" href="./style.css?v=20260616-agency-opening-tabs" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="app-viewport" id="appViewport">
|
<div class="app-viewport" id="appViewport">
|
||||||
@ -366,6 +366,6 @@
|
|||||||
</script>
|
</script>
|
||||||
<script src="../../common/i18n.js?v=20260612-agency-opening"></script>
|
<script src="../../common/i18n.js?v=20260612-agency-opening"></script>
|
||||||
<script src="../../common/api.js?v=20260612-agency-opening"></script>
|
<script src="../../common/api.js?v=20260612-agency-opening"></script>
|
||||||
<script src="./script.js?v=20260612-agency-opening"></script>
|
<script src="./script.js?v=20260616-agency-opening-tiers"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -250,7 +250,13 @@
|
|||||||
.map(function (item) {
|
.map(function (item) {
|
||||||
var revenue = firstValue(
|
var revenue = firstValue(
|
||||||
item,
|
item,
|
||||||
['opening_revenue', 'openingRevenue', 'revenue'],
|
[
|
||||||
|
'opening_revenue',
|
||||||
|
'openingRevenue',
|
||||||
|
'threshold_coin_spent',
|
||||||
|
'thresholdCoinSpent',
|
||||||
|
'revenue',
|
||||||
|
],
|
||||||
'500K'
|
'500K'
|
||||||
);
|
);
|
||||||
var reward = firstValue(
|
var reward = firstValue(
|
||||||
@ -261,7 +267,7 @@
|
|||||||
return [
|
return [
|
||||||
'<div class="reward-row">',
|
'<div class="reward-row">',
|
||||||
'<span>',
|
'<span>',
|
||||||
escapeHTML(revenue),
|
escapeHTML(formatCoinLabel(revenue)),
|
||||||
'</span>',
|
'</span>',
|
||||||
'<span>',
|
'<span>',
|
||||||
escapeHTML(reward),
|
escapeHTML(reward),
|
||||||
@ -290,9 +296,8 @@
|
|||||||
state.qualification.identity;
|
state.qualification.identity;
|
||||||
document.getElementById('hostCountText').textContent =
|
document.getElementById('hostCountText').textContent =
|
||||||
state.qualification.hostCount +
|
state.qualification.hostCount +
|
||||||
' / ' +
|
' / > ' +
|
||||||
state.qualification.hostRequirement +
|
state.qualification.hostRequirement;
|
||||||
'+';
|
|
||||||
document.getElementById('openingStatusText').textContent =
|
document.getElementById('openingStatusText').textContent =
|
||||||
state.qualification.openingStatus;
|
state.qualification.openingStatus;
|
||||||
document.getElementById('eligibilityText').textContent = state
|
document.getElementById('eligibilityText').textContent = state
|
||||||
@ -419,6 +424,14 @@
|
|||||||
.replace(/'/g, ''');
|
.replace(/'/g, ''');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function formatCoinLabel(value) {
|
||||||
|
var amount = Number(value);
|
||||||
|
if (!Number.isFinite(amount) || amount <= 0) return value;
|
||||||
|
if (amount % 1000000 === 0) return amount / 1000000 + 'M';
|
||||||
|
if (amount % 1000 === 0) return amount / 1000 + 'K';
|
||||||
|
return String(amount);
|
||||||
|
}
|
||||||
|
|
||||||
function init() {
|
function init() {
|
||||||
document.title = t(
|
document.title = t(
|
||||||
'agencyOpening.pageTitle',
|
'agencyOpening.pageTitle',
|
||||||
|
|||||||
@ -130,8 +130,8 @@ button:focus-visible {
|
|||||||
left: 18px;
|
left: 18px;
|
||||||
top: 46px;
|
top: 46px;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 221px repeat(5, 141px);
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||||
gap: 0;
|
gap: 6px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 1026px;
|
width: 1026px;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
@ -141,7 +141,13 @@ button:focus-visible {
|
|||||||
|
|
||||||
.language-tab {
|
.language-tab {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
height: 57px;
|
height: 57px;
|
||||||
|
padding: 0 10px;
|
||||||
border: 2px solid #fde5cc;
|
border: 2px solid #fde5cc;
|
||||||
border-radius: 39px;
|
border-radius: 39px;
|
||||||
background: linear-gradient(180deg, #4d145a, #210a34);
|
background: linear-gradient(180deg, #4d145a, #210a34);
|
||||||
@ -153,47 +159,14 @@ button:focus-visible {
|
|||||||
text-shadow: 0 1px 7px rgba(87, 16, 110, 0.82);
|
text-shadow: 0 1px 7px rgba(87, 16, 110, 0.82);
|
||||||
}
|
}
|
||||||
|
|
||||||
.language-tab:first-child {
|
|
||||||
width: 221px;
|
|
||||||
height: 65px;
|
|
||||||
border: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
background: transparent;
|
|
||||||
isolation: isolate;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-tab span {
|
.language-tab span {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-tab:first-child::before,
|
|
||||||
.language-tab:first-child::after {
|
|
||||||
position: absolute;
|
|
||||||
content: '';
|
|
||||||
inset: 0 auto auto 0;
|
|
||||||
width: 221px;
|
|
||||||
height: 65px;
|
|
||||||
background-image: url('./assets/lang-sheen.png');
|
|
||||||
background-size: 221px 65px;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
-webkit-mask: url('./assets/lang-mask-left.svg') 0 0 / 100px 65px no-repeat;
|
|
||||||
mask: url('./assets/lang-mask-left.svg') 0 0 / 100px 65px no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.language-tab:first-child::after {
|
|
||||||
transform: rotate(180deg) scaleY(-1);
|
|
||||||
-webkit-mask: url('./assets/lang-mask-right.svg') 121px 0 / 100px 65px
|
|
||||||
no-repeat;
|
|
||||||
mask: url('./assets/lang-mask-right.svg') 121px 0 / 100px 65px no-repeat;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.language-tab.is-active {
|
.language-tab.is-active {
|
||||||
|
background: linear-gradient(180deg, #6b2a72, #2b0c46);
|
||||||
color: #fff8e4;
|
color: #fff8e4;
|
||||||
}
|
|
||||||
|
|
||||||
.language-tab:not(:first-child).is-active {
|
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 0 18px rgba(255, 222, 151, 0.2),
|
inset 0 0 18px rgba(255, 222, 151, 0.2),
|
||||||
0 0 14px rgba(255, 203, 116, 0.22);
|
0 0 14px rgba(255, 203, 116, 0.22);
|
||||||
@ -618,14 +591,14 @@ button:focus-visible {
|
|||||||
.rules-list {
|
.rules-list {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 119px;
|
left: 119px;
|
||||||
top: 306px;
|
top: 258px;
|
||||||
width: 842px;
|
width: 842px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 0 0 48px;
|
padding: 0 0 0 48px;
|
||||||
color: var(--gold);
|
color: var(--gold);
|
||||||
font-size: 32px;
|
font-size: 30px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 52px;
|
line-height: 48px;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -31,52 +31,116 @@
|
|||||||
>
|
>
|
||||||
EN
|
EN
|
||||||
</button>
|
</button>
|
||||||
<div class="language-menu" data-language-menu hidden>
|
<div
|
||||||
<button type="button" data-lang-option="en">EN</button>
|
class="language-menu"
|
||||||
<button type="button" data-lang-option="ar">AR</button>
|
data-language-menu
|
||||||
<button type="button" data-lang-option="tr">TR</button>
|
hidden
|
||||||
<button type="button" data-lang-option="es">ES</button>
|
>
|
||||||
<button type="button" data-lang-option="zh">ZH</button>
|
<button type="button" data-lang-option="en">
|
||||||
<button type="button" data-lang-option="id">ID</button>
|
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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img class="hero-bg" src="./assets/hero-bg.png" alt="" aria-hidden="true" />
|
<img
|
||||||
|
class="hero-bg"
|
||||||
|
src="./assets/hero-bg.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
|
|
||||||
<section class="countdown" aria-label="Activity countdown">
|
<section
|
||||||
|
class="countdown"
|
||||||
|
aria-label="Activity countdown"
|
||||||
|
>
|
||||||
<div class="time-unit">
|
<div class="time-unit">
|
||||||
<img src="./assets/countdown-heart.png" alt="" aria-hidden="true" />
|
<img
|
||||||
|
src="./assets/countdown-heart.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
<strong data-count="days">02</strong>
|
<strong data-count="days">02</strong>
|
||||||
<span data-i18n="cp.days">D</span>
|
<span data-i18n="cp.days">D</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="time-unit">
|
<div class="time-unit">
|
||||||
<img src="./assets/countdown-heart.png" alt="" aria-hidden="true" />
|
<img
|
||||||
|
src="./assets/countdown-heart.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
<strong data-count="hours">02</strong>
|
<strong data-count="hours">02</strong>
|
||||||
<span data-i18n="cp.hours">H</span>
|
<span data-i18n="cp.hours">H</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="time-unit">
|
<div class="time-unit">
|
||||||
<img src="./assets/countdown-heart.png" alt="" aria-hidden="true" />
|
<img
|
||||||
|
src="./assets/countdown-heart.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
<strong data-count="minutes">02</strong>
|
<strong data-count="minutes">02</strong>
|
||||||
<span data-i18n="cp.minutes">M</span>
|
<span data-i18n="cp.minutes">M</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="time-unit">
|
<div class="time-unit">
|
||||||
<img src="./assets/countdown-heart.png" alt="" aria-hidden="true" />
|
<img
|
||||||
|
src="./assets/countdown-heart.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
<strong data-count="seconds">02</strong>
|
<strong data-count="seconds">02</strong>
|
||||||
<span data-i18n="cp.seconds">S</span>
|
<span data-i18n="cp.seconds">S</span>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<nav class="tabs" aria-label="CP activity tabs" data-i18n-aria="cp.tabsLabel">
|
<nav
|
||||||
<button class="tab is-active" type="button" data-tab="plaza">
|
class="tabs"
|
||||||
<img src="./assets/tab-active.png" alt="" aria-hidden="true" />
|
aria-label="CP activity tabs"
|
||||||
|
data-i18n-aria="cp.tabsLabel"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="tab is-active"
|
||||||
|
type="button"
|
||||||
|
data-tab="plaza"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="./assets/tab-active.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
<span data-i18n="cp.tabPlaza">CP Plaza</span>
|
<span data-i18n="cp.tabPlaza">CP Plaza</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="tab" type="button" data-tab="rank">
|
<button class="tab" type="button" data-tab="rank">
|
||||||
<img src="./assets/tab-inactive.png" alt="" aria-hidden="true" />
|
<img
|
||||||
|
src="./assets/tab-inactive.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
<span data-i18n="cp.tabRank">CP Rank</span>
|
<span data-i18n="cp.tabRank">CP Rank</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="tab" type="button" data-tab="rewards">
|
<button
|
||||||
<img src="./assets/tab-inactive.png" alt="" aria-hidden="true" />
|
class="tab"
|
||||||
|
type="button"
|
||||||
|
data-tab="rewards"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="./assets/tab-inactive.png"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
<span data-i18n="cp.tabRewards">Rewards</span>
|
<span data-i18n="cp.tabRewards">Rewards</span>
|
||||||
</button>
|
</button>
|
||||||
</nav>
|
</nav>
|
||||||
@ -94,9 +158,15 @@
|
|||||||
(function () {
|
(function () {
|
||||||
try {
|
try {
|
||||||
var params = new URLSearchParams(window.location.search);
|
var params = new URLSearchParams(window.location.search);
|
||||||
if (!params.get('lang') && !window.localStorage.getItem('cp_activity_lang_ready')) {
|
if (
|
||||||
|
!params.get('lang') &&
|
||||||
|
!window.localStorage.getItem('cp_activity_lang_ready')
|
||||||
|
) {
|
||||||
window.localStorage.setItem('hyapp_h5_lang', 'en');
|
window.localStorage.setItem('hyapp_h5_lang', 'en');
|
||||||
window.localStorage.setItem('cp_activity_lang_ready', '1');
|
window.localStorage.setItem(
|
||||||
|
'cp_activity_lang_ready',
|
||||||
|
'1'
|
||||||
|
);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
document.documentElement.lang = 'en';
|
document.documentElement.lang = 'en';
|
||||||
@ -104,6 +174,7 @@
|
|||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
<script src="../../common/i18n.js?v=20260608-cp"></script>
|
<script src="../../common/i18n.js?v=20260608-cp"></script>
|
||||||
|
<script src="../../common/api.js?v=20260608-cp"></script>
|
||||||
<script src="./script.js?v=20260608-cp"></script>
|
<script src="./script.js?v=20260608-cp"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -10,6 +10,11 @@
|
|||||||
var activeTab = 'plaza';
|
var activeTab = 'plaza';
|
||||||
var countdownEndAt = 0;
|
var countdownEndAt = 0;
|
||||||
var countdownTimer = 0;
|
var countdownTimer = 0;
|
||||||
|
var activityData = {
|
||||||
|
rank: null,
|
||||||
|
rewards: null,
|
||||||
|
periodEndMS: 0,
|
||||||
|
};
|
||||||
|
|
||||||
var viewport = document.getElementById('appViewport');
|
var viewport = document.getElementById('appViewport');
|
||||||
var page = document.getElementById('page');
|
var page = document.getElementById('page');
|
||||||
@ -25,9 +30,24 @@
|
|||||||
previousRows: buildRows('score', 4),
|
previousRows: buildRows('score', 4),
|
||||||
},
|
},
|
||||||
rank: [
|
rank: [
|
||||||
{ place: 1, score: '1,234,567', leftName: 'Namename', rightName: 'Namename' },
|
{
|
||||||
{ place: 2, score: '987,654', leftName: 'Namename', rightName: 'Namename' },
|
place: 1,
|
||||||
{ place: 3, score: '876,543', leftName: 'Namename', rightName: 'Namename' },
|
score: '1,234,567',
|
||||||
|
leftName: 'Namename',
|
||||||
|
rightName: 'Namename',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
place: 2,
|
||||||
|
score: '987,654',
|
||||||
|
leftName: 'Namename',
|
||||||
|
rightName: 'Namename',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
place: 3,
|
||||||
|
score: '876,543',
|
||||||
|
leftName: 'Namename',
|
||||||
|
rightName: 'Namename',
|
||||||
|
},
|
||||||
],
|
],
|
||||||
rewards: [
|
rewards: [
|
||||||
{
|
{
|
||||||
@ -98,17 +118,31 @@
|
|||||||
|
|
||||||
function resolveFallbackEndAt() {
|
function resolveFallbackEndAt() {
|
||||||
var params = new URLSearchParams(window.location.search || '');
|
var params = new URLSearchParams(window.location.search || '');
|
||||||
var explicitEnd = Date.parse(params.get('end_at') || params.get('endAt') || '');
|
var explicitEnd = Date.parse(
|
||||||
if (Number.isFinite(explicitEnd) && explicitEnd > Date.now()) return explicitEnd;
|
params.get('end_at') || params.get('endAt') || ''
|
||||||
|
);
|
||||||
|
if (Number.isFinite(explicitEnd) && explicitEnd > Date.now())
|
||||||
|
return explicitEnd;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
var cached = Number(window.localStorage.getItem(STORAGE_KEY));
|
var cached = Number(window.localStorage.getItem(STORAGE_KEY));
|
||||||
if (Number.isFinite(cached) && cached > Date.now()) return cached;
|
if (Number.isFinite(cached) && cached > Date.now()) return cached;
|
||||||
var fallback = Date.now() + 2 * 86400 * 1000 + 2 * 3600 * 1000 + 2 * 60 * 1000 + 2 * 1000;
|
var fallback =
|
||||||
|
Date.now() +
|
||||||
|
2 * 86400 * 1000 +
|
||||||
|
2 * 3600 * 1000 +
|
||||||
|
2 * 60 * 1000 +
|
||||||
|
2 * 1000;
|
||||||
window.localStorage.setItem(STORAGE_KEY, String(fallback));
|
window.localStorage.setItem(STORAGE_KEY, String(fallback));
|
||||||
return fallback;
|
return fallback;
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
return Date.now() + 2 * 86400 * 1000 + 2 * 3600 * 1000 + 2 * 60 * 1000 + 2 * 1000;
|
return (
|
||||||
|
Date.now() +
|
||||||
|
2 * 86400 * 1000 +
|
||||||
|
2 * 3600 * 1000 +
|
||||||
|
2 * 60 * 1000 +
|
||||||
|
2 * 1000
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -126,9 +160,11 @@
|
|||||||
function updateCountdown() {
|
function updateCountdown() {
|
||||||
var parts = getTimeParts();
|
var parts = getTimeParts();
|
||||||
Object.keys(parts).forEach(function (key) {
|
Object.keys(parts).forEach(function (key) {
|
||||||
document.querySelectorAll('[data-count="' + key + '"]').forEach(function (node) {
|
document
|
||||||
node.textContent = twoDigits(parts[key]);
|
.querySelectorAll('[data-count="' + key + '"]')
|
||||||
});
|
.forEach(function (node) {
|
||||||
|
node.textContent = twoDigits(parts[key]);
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -152,23 +188,28 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function renderCPRow(row) {
|
function renderCPRow(row) {
|
||||||
var center = row.type === 'score'
|
var center =
|
||||||
? [
|
row.type === 'score'
|
||||||
'<img class="score-heart" src="./assets/score-heart.png" alt="" aria-hidden="true" />',
|
? [
|
||||||
'<strong class="score-value">',
|
'<img class="score-heart" src="./assets/score-heart.png" alt="" aria-hidden="true" />',
|
||||||
escapeHTML(row.score),
|
'<strong class="score-value">',
|
||||||
'</strong>',
|
escapeHTML(row.score),
|
||||||
].join('')
|
'</strong>',
|
||||||
: [
|
].join('')
|
||||||
'<div class="gift-center">',
|
: [
|
||||||
'<img src="./assets/gift-plane.png" alt="" aria-hidden="true" />',
|
'<div class="gift-center">',
|
||||||
'</div>',
|
'<img src="./assets/gift-plane.png" alt="" aria-hidden="true" />',
|
||||||
].join('');
|
'</div>',
|
||||||
|
].join('');
|
||||||
|
|
||||||
return [
|
return [
|
||||||
'<article class="cp-row">',
|
'<article class="cp-row">',
|
||||||
'<div class="avatar avatar-left"><img src="./assets/avatar-sample.png" alt="" /></div>',
|
'<div class="avatar avatar-left"><img src="',
|
||||||
'<div class="avatar avatar-right"><img src="./assets/avatar-sample.png" alt="" /></div>',
|
escapeHTML(row.leftAvatar || './assets/avatar-sample.png'),
|
||||||
|
'" alt="" /></div>',
|
||||||
|
'<div class="avatar avatar-right"><img src="',
|
||||||
|
escapeHTML(row.rightAvatar || './assets/avatar-sample.png'),
|
||||||
|
'" alt="" /></div>',
|
||||||
'<span class="name name-left">',
|
'<span class="name name-left">',
|
||||||
escapeHTML(row.leftName),
|
escapeHTML(row.leftName),
|
||||||
'</span>',
|
'</span>',
|
||||||
@ -185,10 +226,16 @@
|
|||||||
function renderPlaza() {
|
function renderPlaza() {
|
||||||
var firstBody = [
|
var firstBody = [
|
||||||
'<h2 class="panel-title">',
|
'<h2 class="panel-title">',
|
||||||
t('cp.plazaGiftTitle', 'Gifts exchanged between CPs ≥ 5000 gold will be displayed here'),
|
t(
|
||||||
|
'cp.plazaGiftTitle',
|
||||||
|
'Gifts exchanged between CPs ≥ 5000 gold will be displayed here'
|
||||||
|
),
|
||||||
'</h2>',
|
'</h2>',
|
||||||
'<p class="panel-subtitle">',
|
'<p class="panel-subtitle">',
|
||||||
t('cp.plazaGiftSubtitle', '(Display the last 10 records, sorted in ascending order.)'),
|
t(
|
||||||
|
'cp.plazaGiftSubtitle',
|
||||||
|
'(Display the last 10 records, sorted in ascending order.)'
|
||||||
|
),
|
||||||
'</p>',
|
'</p>',
|
||||||
'<div class="cp-list">',
|
'<div class="cp-list">',
|
||||||
mockData.plaza.exchangeRows.map(renderCPRow).join(''),
|
mockData.plaza.exchangeRows.map(renderCPRow).join(''),
|
||||||
@ -199,7 +246,10 @@
|
|||||||
t('cp.previousNo1Title', 'The previous number one position'),
|
t('cp.previousNo1Title', 'The previous number one position'),
|
||||||
'</h2>',
|
'</h2>',
|
||||||
'<p class="panel-subtitle">',
|
'<p class="panel-subtitle">',
|
||||||
t('cp.plazaGiftSubtitle', '(Display the last 10 records, sorted in ascending order.)'),
|
t(
|
||||||
|
'cp.plazaGiftSubtitle',
|
||||||
|
'(Display the last 10 records, sorted in ascending order.)'
|
||||||
|
),
|
||||||
'</p>',
|
'</p>',
|
||||||
'<div class="cp-list">',
|
'<div class="cp-list">',
|
||||||
mockData.plaza.previousRows.map(renderCPRow).join(''),
|
mockData.plaza.previousRows.map(renderCPRow).join(''),
|
||||||
@ -241,7 +291,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function renderPodiumCard(item) {
|
function renderPodiumCard(item) {
|
||||||
var crown = item.place === 1 ? 'rank-crown-gold.png' : item.place === 2 ? 'rank-crown-silver.png' : 'crown-bronze.png';
|
var crown =
|
||||||
|
item.place === 1
|
||||||
|
? 'rank-crown-gold.png'
|
||||||
|
: item.place === 2
|
||||||
|
? 'rank-crown-silver.png'
|
||||||
|
: 'crown-bronze.png';
|
||||||
return [
|
return [
|
||||||
'<article class="podium-card rank-',
|
'<article class="podium-card rank-',
|
||||||
item.place,
|
item.place,
|
||||||
@ -250,8 +305,12 @@
|
|||||||
'<img class="podium-crown" src="./assets/',
|
'<img class="podium-crown" src="./assets/',
|
||||||
crown,
|
crown,
|
||||||
'" alt="" aria-hidden="true" />',
|
'" alt="" aria-hidden="true" />',
|
||||||
'<div class="avatar podium-avatar left"><img src="./assets/avatar-sample.png" alt="" /></div>',
|
'<div class="avatar podium-avatar left"><img src="',
|
||||||
'<div class="avatar podium-avatar right"><img src="./assets/avatar-sample.png" alt="" /></div>',
|
escapeHTML(item.leftAvatar || './assets/avatar-sample.png'),
|
||||||
|
'" alt="" /></div>',
|
||||||
|
'<div class="avatar podium-avatar right"><img src="',
|
||||||
|
escapeHTML(item.rightAvatar || './assets/avatar-sample.png'),
|
||||||
|
'" alt="" /></div>',
|
||||||
'<div class="podium-names"><span>',
|
'<div class="podium-names"><span>',
|
||||||
escapeHTML(item.leftName),
|
escapeHTML(item.leftName),
|
||||||
'</span><span>',
|
'</span><span>',
|
||||||
@ -271,29 +330,46 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function renderRank() {
|
function renderRank() {
|
||||||
|
var rankRows = activityData.rank || mockData.rank;
|
||||||
var podium = [
|
var podium = [
|
||||||
'<section class="rank-podium">',
|
'<section class="rank-podium">',
|
||||||
mockData.rank.map(renderPodiumCard).join(''),
|
rankRows.slice(0, 3).map(renderPodiumCard).join(''),
|
||||||
'</section>',
|
'</section>',
|
||||||
].join('');
|
].join('');
|
||||||
var panelBody = [renderInlineCountdown(), '<div class="cp-list">', mockData.rank.concat(mockData.rank.slice(0, 1)).map(renderRankRow).join(''), '</div>'].join('');
|
var panelRows = rankRows.length ? rankRows : mockData.rank;
|
||||||
|
var panelBody = [
|
||||||
|
renderInlineCountdown(),
|
||||||
|
'<div class="cp-list">',
|
||||||
|
panelRows.map(renderRankRow).join(''),
|
||||||
|
'</div>',
|
||||||
|
].join('');
|
||||||
return podium + renderPanel('rank-panel', 2430, 1107, panelBody);
|
return podium + renderPanel('rank-panel', 2430, 1107, panelBody);
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderRewardItem(item) {
|
function renderRewardItem(item) {
|
||||||
|
var name = item.name || t(item.key, item.key);
|
||||||
|
var note = item.note || (item.noteKey ? t(item.noteKey, '') : '');
|
||||||
|
var cover = item.coverUrl || './assets/reward-frame.png';
|
||||||
return [
|
return [
|
||||||
'<article class="reward-card">',
|
'<article class="reward-card">',
|
||||||
'<div class="reward-icon-box"><img src="./assets/reward-frame.png" alt="" aria-hidden="true" /></div>',
|
'<div class="reward-icon-box"><img src="',
|
||||||
|
escapeHTML(cover),
|
||||||
|
'" alt="" aria-hidden="true" /></div>',
|
||||||
'<div class="reward-name">',
|
'<div class="reward-name">',
|
||||||
t(item.key, item.key),
|
escapeHTML(name),
|
||||||
'</div>',
|
'</div>',
|
||||||
item.noteKey ? '<div class="reward-note">' + t(item.noteKey, '') + '</div>' : '',
|
note
|
||||||
|
? '<div class="reward-note">' + escapeHTML(note) + '</div>'
|
||||||
|
: '',
|
||||||
'</article>',
|
'</article>',
|
||||||
].join('');
|
].join('');
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderRewardPanel(section, index) {
|
function renderRewardPanel(section, index) {
|
||||||
var className = ['reward-panel', 'reward-' + ['a', 'b', 'c'][index]].join(' ');
|
var className = [
|
||||||
|
'reward-panel',
|
||||||
|
'reward-' + ['a', 'b', 'c'][index],
|
||||||
|
].join(' ');
|
||||||
var top = [1816, 2784, 3752][index];
|
var top = [1816, 2784, 3752][index];
|
||||||
var body = [
|
var body = [
|
||||||
'<img class="reward-crown" src="./assets/',
|
'<img class="reward-crown" src="./assets/',
|
||||||
@ -307,12 +383,95 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function renderRewards() {
|
function renderRewards() {
|
||||||
return mockData.rewards.map(renderRewardPanel).join('');
|
return (activityData.rewards || mockData.rewards)
|
||||||
|
.map(renderRewardPanel)
|
||||||
|
.join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatScore(value) {
|
||||||
|
var number = Number(value || 0);
|
||||||
|
if (!Number.isFinite(number)) return '0';
|
||||||
|
return number.toLocaleString('en-US');
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeUser(user) {
|
||||||
|
return user || {};
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeRankEntry(entry) {
|
||||||
|
var userA = normalizeUser(entry.user_a);
|
||||||
|
var userB = normalizeUser(entry.user_b);
|
||||||
|
return {
|
||||||
|
place: Number(entry.rank || 0),
|
||||||
|
score: formatScore(entry.score),
|
||||||
|
leftName: userA.username || userA.display_user_id || 'Namename',
|
||||||
|
rightName: userB.username || userB.display_user_id || 'Namename',
|
||||||
|
leftAvatar: userA.avatar || '',
|
||||||
|
rightAvatar: userB.avatar || '',
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function rewardName(item) {
|
||||||
|
var type = item.resource_type || 'reward';
|
||||||
|
if (item.duration_days > 0)
|
||||||
|
return type + ' ' + item.duration_days + 'D';
|
||||||
|
if (item.quantity > 0) return type + ' x' + item.quantity;
|
||||||
|
return type;
|
||||||
|
}
|
||||||
|
|
||||||
|
function normalizeRewardSection(reward, index) {
|
||||||
|
var crowns = ['crown-gold.png', 'crown-silver.png', 'crown-bronze.png'];
|
||||||
|
return {
|
||||||
|
crown: crowns[index] || 'crown-bronze.png',
|
||||||
|
items: (reward.items || []).map(function (item) {
|
||||||
|
return {
|
||||||
|
name: rewardName(item),
|
||||||
|
note:
|
||||||
|
item.duration_days > 0
|
||||||
|
? item.duration_days + ' days'
|
||||||
|
: item.quantity > 0
|
||||||
|
? 'x' + item.quantity
|
||||||
|
: '',
|
||||||
|
coverUrl: item.cover_url || '',
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyActivityStatus(status) {
|
||||||
|
if (!status) return;
|
||||||
|
if (status.period && status.period.end_ms > Date.now()) {
|
||||||
|
activityData.periodEndMS = status.period.end_ms;
|
||||||
|
countdownEndAt = status.period.end_ms;
|
||||||
|
}
|
||||||
|
if (Array.isArray(status.entries) && status.entries.length) {
|
||||||
|
activityData.rank = status.entries.map(normalizeRankEntry);
|
||||||
|
}
|
||||||
|
if (Array.isArray(status.rewards) && status.rewards.length) {
|
||||||
|
activityData.rewards = status.rewards.map(normalizeRewardSection);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadActivityStatus() {
|
||||||
|
if (!window.HyAppAPI || !window.HyAppAPI.cpWeeklyRank) return;
|
||||||
|
// 周榜配置和奖励由后端控制；H5 只在接口成功时替换展示数据，失败保持静态兜底，避免活动页因为鉴权或网络问题白屏。
|
||||||
|
window.HyAppAPI.cpWeeklyRank
|
||||||
|
.status({ limit: 10 })
|
||||||
|
.then(function (status) {
|
||||||
|
applyActivityStatus(status);
|
||||||
|
render();
|
||||||
|
})
|
||||||
|
.catch(function () {});
|
||||||
}
|
}
|
||||||
|
|
||||||
function render() {
|
function render() {
|
||||||
document.title = t('cp.pageTitle', 'Last Weekly CP');
|
document.title = t('cp.pageTitle', 'Last Weekly CP');
|
||||||
tabContent.innerHTML = activeTab === 'rank' ? renderRank() : activeTab === 'rewards' ? renderRewards() : renderPlaza();
|
tabContent.innerHTML =
|
||||||
|
activeTab === 'rank'
|
||||||
|
? renderRank()
|
||||||
|
: activeTab === 'rewards'
|
||||||
|
? renderRewards()
|
||||||
|
: renderPlaza();
|
||||||
applyTabState();
|
applyTabState();
|
||||||
updateStageHeight();
|
updateStageHeight();
|
||||||
updateCountdown();
|
updateCountdown();
|
||||||
@ -322,7 +481,9 @@
|
|||||||
tabs.forEach(function (tab) {
|
tabs.forEach(function (tab) {
|
||||||
var isActive = tab.getAttribute('data-tab') === activeTab;
|
var isActive = tab.getAttribute('data-tab') === activeTab;
|
||||||
tab.classList.toggle('is-active', isActive);
|
tab.classList.toggle('is-active', isActive);
|
||||||
tab.querySelector('img').src = isActive ? './assets/tab-active.png' : './assets/tab-inactive.png';
|
tab.querySelector('img').src = isActive
|
||||||
|
? './assets/tab-active.png'
|
||||||
|
: './assets/tab-inactive.png';
|
||||||
});
|
});
|
||||||
page.setAttribute('data-tab', activeTab);
|
page.setAttribute('data-tab', activeTab);
|
||||||
}
|
}
|
||||||
@ -331,11 +492,16 @@
|
|||||||
var designHeight = stageHeights[activeTab] || stageHeights.plaza;
|
var designHeight = stageHeights[activeTab] || stageHeights.plaza;
|
||||||
stage.style.minHeight = designHeight + 'px';
|
stage.style.minHeight = designHeight + 'px';
|
||||||
stage.style.height = designHeight + 'px';
|
stage.style.height = designHeight + 'px';
|
||||||
stageWrap.style.height = Math.ceil(designHeight * (VIEWPORT_WIDTH / DESIGN_WIDTH)) + 'px';
|
stageWrap.style.height =
|
||||||
|
Math.ceil(designHeight * (VIEWPORT_WIDTH / DESIGN_WIDTH)) + 'px';
|
||||||
copyright.style.top = designHeight - 77 + 'px';
|
copyright.style.top = designHeight - 77 + 'px';
|
||||||
var scale = Math.min(window.innerWidth / VIEWPORT_WIDTH, 1);
|
var scale = Math.min(window.innerWidth / VIEWPORT_WIDTH, 1);
|
||||||
document.documentElement.style.setProperty('--app-scale', String(scale));
|
document.documentElement.style.setProperty(
|
||||||
document.body.style.minHeight = Math.ceil(stageWrap.offsetHeight * scale) + 'px';
|
'--app-scale',
|
||||||
|
String(scale)
|
||||||
|
);
|
||||||
|
document.body.style.minHeight =
|
||||||
|
Math.ceil(stageWrap.offsetHeight * scale) + 'px';
|
||||||
viewport.style.minHeight = stageWrap.style.height;
|
viewport.style.minHeight = stageWrap.style.height;
|
||||||
page.style.minHeight = stageWrap.style.height;
|
page.style.minHeight = stageWrap.style.height;
|
||||||
}
|
}
|
||||||
@ -353,6 +519,7 @@
|
|||||||
countdownEndAt = resolveFallbackEndAt();
|
countdownEndAt = resolveFallbackEndAt();
|
||||||
bindTabs();
|
bindTabs();
|
||||||
render();
|
render();
|
||||||
|
loadActivityStatus();
|
||||||
countdownTimer = window.setInterval(updateCountdown, 1000);
|
countdownTimer = window.setInterval(updateCountdown, 1000);
|
||||||
window.addEventListener('resize', updateStageHeight);
|
window.addEventListener('resize', updateStageHeight);
|
||||||
window.addEventListener('hyapp:i18n-ready', render);
|
window.addEventListener('hyapp:i18n-ready', render);
|
||||||
|
|||||||
@ -19,15 +19,11 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
background: #1d080d;
|
background: var(--cp-red);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family:
|
font-family:
|
||||||
"Source Han Sans SC",
|
'Source Han Sans SC', 'Noto Sans CJK SC', Arial, 'Helvetica Neue',
|
||||||
"Noto Sans CJK SC",
|
Helvetica, sans-serif;
|
||||||
Arial,
|
|
||||||
"Helvetica Neue",
|
|
||||||
Helvetica,
|
|
||||||
sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
@ -54,7 +50,7 @@ button {
|
|||||||
width: 375px;
|
width: 375px;
|
||||||
min-height: 1300px;
|
min-height: 1300px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: #1d080d;
|
background: var(--cp-red);
|
||||||
}
|
}
|
||||||
|
|
||||||
.stage-wrap {
|
.stage-wrap {
|
||||||
@ -89,6 +85,8 @@ button {
|
|||||||
height: 1919px;
|
height: 1919px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
transform: scale(1.04);
|
||||||
|
transform-origin: top center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.language-switcher {
|
.language-switcher {
|
||||||
@ -290,7 +288,12 @@ button {
|
|||||||
border: 8px solid #f62658;
|
border: 8px solid #f62658;
|
||||||
border-radius: 48px;
|
border-radius: 48px;
|
||||||
background:
|
background:
|
||||||
radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.98) 0, rgba(255, 255, 255, 0.86) 23%, rgba(255, 232, 236, 0.92) 100%),
|
radial-gradient(
|
||||||
|
circle at 50% 0%,
|
||||||
|
rgba(255, 255, 255, 0.98) 0,
|
||||||
|
rgba(255, 255, 255, 0.86) 23%,
|
||||||
|
rgba(255, 232, 236, 0.92) 100%
|
||||||
|
),
|
||||||
linear-gradient(180deg, #fff8f8 0%, #ffe6eb 100%);
|
linear-gradient(180deg, #fff8f8 0%, #ffe6eb 100%);
|
||||||
box-shadow:
|
box-shadow:
|
||||||
inset 0 0 0 4px rgba(255, 204, 119, 0.95),
|
inset 0 0 0 4px rgba(255, 204, 119, 0.95),
|
||||||
@ -303,7 +306,7 @@ button {
|
|||||||
|
|
||||||
.ornate-panel::after {
|
.ornate-panel::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: "";
|
content: '';
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -313,7 +316,12 @@ button {
|
|||||||
top: 0;
|
top: 0;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
height: 14px;
|
height: 14px;
|
||||||
background: linear-gradient(90deg, transparent, rgba(255, 241, 177, 0.95), transparent);
|
background: linear-gradient(
|
||||||
|
90deg,
|
||||||
|
transparent,
|
||||||
|
rgba(255, 241, 177, 0.95),
|
||||||
|
transparent
|
||||||
|
);
|
||||||
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
|
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -336,7 +344,7 @@ button {
|
|||||||
.panel-mid {
|
.panel-mid {
|
||||||
top: 89px;
|
top: 89px;
|
||||||
bottom: 85px;
|
bottom: 85px;
|
||||||
background-image: url("./assets/panel-mid.png");
|
background-image: url('./assets/panel-mid.png');
|
||||||
background-size: 960px 184px;
|
background-size: 960px 184px;
|
||||||
background-repeat: repeat-y;
|
background-repeat: repeat-y;
|
||||||
}
|
}
|
||||||
@ -693,15 +701,15 @@ button {
|
|||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[dir="rtl"] .tab span,
|
html[dir='rtl'] .tab span,
|
||||||
html[dir="rtl"] .panel-title,
|
html[dir='rtl'] .panel-title,
|
||||||
html[dir="rtl"] .panel-subtitle,
|
html[dir='rtl'] .panel-subtitle,
|
||||||
html[dir="rtl"] .copyright,
|
html[dir='rtl'] .copyright,
|
||||||
html[dir="rtl"] .reward-name,
|
html[dir='rtl'] .reward-name,
|
||||||
html[dir="rtl"] .reward-note {
|
html[dir='rtl'] .reward-note {
|
||||||
direction: rtl;
|
direction: rtl;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[dir="rtl"] .language-switcher {
|
html[dir='rtl'] .language-switcher {
|
||||||
direction: ltr;
|
direction: ltr;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -747,6 +747,15 @@ var default_api = 'https://api.global-interaction.com/';
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
var cpWeeklyRankAPI = {
|
||||||
|
status: function (params) {
|
||||||
|
return request('/api/v1/activities/cp-weekly-rank', {
|
||||||
|
method: 'GET',
|
||||||
|
query: params || {},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
// 邀请活动 H5 只关心当前用户本月状态和领取动作；有效人数、累计充值和最高档差额都以后端聚合事实为准。
|
// 邀请活动 H5 只关心当前用户本月状态和领取动作；有效人数、累计充值和最高档差额都以后端聚合事实为准。
|
||||||
// 领取时页面必须传入本次点击生成的 command_id，服务端按用户、周期、档位和 command_id 做幂等发奖。
|
// 领取时页面必须传入本次点击生成的 command_id，服务端按用户、周期、档位和 command_id 做幂等发奖。
|
||||||
var inviteActivityRewardAPI = {
|
var inviteActivityRewardAPI = {
|
||||||
@ -932,6 +941,7 @@ var default_api = 'https://api.global-interaction.com/';
|
|||||||
level: levelAPI,
|
level: levelAPI,
|
||||||
task: taskAPI,
|
task: taskAPI,
|
||||||
weeklyStar: weeklyStarAPI,
|
weeklyStar: weeklyStarAPI,
|
||||||
|
cpWeeklyRank: cpWeeklyRankAPI,
|
||||||
inviteActivityReward: inviteActivityRewardAPI,
|
inviteActivityReward: inviteActivityRewardAPI,
|
||||||
game: gameAPI,
|
game: gameAPI,
|
||||||
};
|
};
|
||||||
|
|||||||
@ -494,6 +494,7 @@
|
|||||||
"recharge.orderStatus": "الحالة",
|
"recharge.orderStatus": "الحالة",
|
||||||
"recharge.payRedirecting": "جار فتح صفحة الدفع...",
|
"recharge.payRedirecting": "جار فتح صفحة الدفع...",
|
||||||
"recharge.payOpenHint": "افتح صفحة الدفع وأكمل الدفع.",
|
"recharge.payOpenHint": "افتح صفحة الدفع وأكمل الدفع.",
|
||||||
|
"recharge.confirmingPayment": "جار تأكيد حالة الدفع...",
|
||||||
"recharge.openPayment": "فتح الدفع",
|
"recharge.openPayment": "فتح الدفع",
|
||||||
"recharge.usdtPayment": "دفع USDT",
|
"recharge.usdtPayment": "دفع USDT",
|
||||||
"recharge.usdtAddress": "عنوان USDT-TRC20",
|
"recharge.usdtAddress": "عنوان USDT-TRC20",
|
||||||
|
|||||||
@ -500,6 +500,7 @@
|
|||||||
"recharge.orderStatus": "Status",
|
"recharge.orderStatus": "Status",
|
||||||
"recharge.payRedirecting": "Opening payment page...",
|
"recharge.payRedirecting": "Opening payment page...",
|
||||||
"recharge.payOpenHint": "Open the payment page and finish the payment.",
|
"recharge.payOpenHint": "Open the payment page and finish the payment.",
|
||||||
|
"recharge.confirmingPayment": "Confirming payment status...",
|
||||||
"recharge.openPayment": "Open payment",
|
"recharge.openPayment": "Open payment",
|
||||||
"recharge.usdtPayment": "USDT payment",
|
"recharge.usdtPayment": "USDT payment",
|
||||||
"recharge.usdtAddress": "USDT-TRC20 address",
|
"recharge.usdtAddress": "USDT-TRC20 address",
|
||||||
|
|||||||
@ -494,6 +494,7 @@
|
|||||||
"recharge.orderStatus": "Estado",
|
"recharge.orderStatus": "Estado",
|
||||||
"recharge.payRedirecting": "Abriendo página de pago...",
|
"recharge.payRedirecting": "Abriendo página de pago...",
|
||||||
"recharge.payOpenHint": "Abre la página de pago y completa el pago.",
|
"recharge.payOpenHint": "Abre la página de pago y completa el pago.",
|
||||||
|
"recharge.confirmingPayment": "Confirmando el estado del pago...",
|
||||||
"recharge.openPayment": "Abrir pago",
|
"recharge.openPayment": "Abrir pago",
|
||||||
"recharge.usdtPayment": "Pago USDT",
|
"recharge.usdtPayment": "Pago USDT",
|
||||||
"recharge.usdtAddress": "Dirección USDT-TRC20",
|
"recharge.usdtAddress": "Dirección USDT-TRC20",
|
||||||
|
|||||||
@ -461,6 +461,7 @@
|
|||||||
"recharge.orderStatus": "Status",
|
"recharge.orderStatus": "Status",
|
||||||
"recharge.payRedirecting": "Membuka halaman pembayaran...",
|
"recharge.payRedirecting": "Membuka halaman pembayaran...",
|
||||||
"recharge.payOpenHint": "Buka halaman pembayaran dan selesaikan pembayaran.",
|
"recharge.payOpenHint": "Buka halaman pembayaran dan selesaikan pembayaran.",
|
||||||
|
"recharge.confirmingPayment": "Mengonfirmasi status pembayaran...",
|
||||||
"recharge.openPayment": "Buka pembayaran",
|
"recharge.openPayment": "Buka pembayaran",
|
||||||
"recharge.usdtPayment": "Pembayaran USDT",
|
"recharge.usdtPayment": "Pembayaran USDT",
|
||||||
"recharge.usdtAddress": "Alamat USDT-TRC20",
|
"recharge.usdtAddress": "Alamat USDT-TRC20",
|
||||||
|
|||||||
@ -461,6 +461,7 @@
|
|||||||
"recharge.orderStatus": "Durum",
|
"recharge.orderStatus": "Durum",
|
||||||
"recharge.payRedirecting": "Ödeme sayfası açılıyor...",
|
"recharge.payRedirecting": "Ödeme sayfası açılıyor...",
|
||||||
"recharge.payOpenHint": "Ödeme sayfasını açın ve ödemeyi tamamlayın.",
|
"recharge.payOpenHint": "Ödeme sayfasını açın ve ödemeyi tamamlayın.",
|
||||||
|
"recharge.confirmingPayment": "Ödeme durumu doğrulanıyor...",
|
||||||
"recharge.openPayment": "Ödemeyi aç",
|
"recharge.openPayment": "Ödemeyi aç",
|
||||||
"recharge.usdtPayment": "USDT ödeme",
|
"recharge.usdtPayment": "USDT ödeme",
|
||||||
"recharge.usdtAddress": "USDT-TRC20 adresi",
|
"recharge.usdtAddress": "USDT-TRC20 adresi",
|
||||||
|
|||||||
@ -467,6 +467,7 @@
|
|||||||
"recharge.orderStatus": "状态",
|
"recharge.orderStatus": "状态",
|
||||||
"recharge.payRedirecting": "正在打开支付页面...",
|
"recharge.payRedirecting": "正在打开支付页面...",
|
||||||
"recharge.payOpenHint": "打开支付页面并完成付款。",
|
"recharge.payOpenHint": "打开支付页面并完成付款。",
|
||||||
|
"recharge.confirmingPayment": "正在确认支付状态...",
|
||||||
"recharge.openPayment": "打开支付",
|
"recharge.openPayment": "打开支付",
|
||||||
"recharge.usdtPayment": "USDT 支付",
|
"recharge.usdtPayment": "USDT 支付",
|
||||||
"recharge.usdtAddress": "USDT-TRC20 收款地址",
|
"recharge.usdtAddress": "USDT-TRC20 收款地址",
|
||||||
|
|||||||
@ -1032,6 +1032,7 @@
|
|||||||
(function () {
|
(function () {
|
||||||
var PENDING_MIFAPAY_ORDER_KEY =
|
var PENDING_MIFAPAY_ORDER_KEY =
|
||||||
'hyapp_recharge_pending_mifapay_order';
|
'hyapp_recharge_pending_mifapay_order';
|
||||||
|
var RETURN_MIFAPAY_ORDER_QUERY_KEY = 'hyapp_order_id';
|
||||||
var PENDING_MIFAPAY_MAX_AGE_MS = 24 * 60 * 60 * 1000;
|
var PENDING_MIFAPAY_MAX_AGE_MS = 24 * 60 * 60 * 1000;
|
||||||
var state = {
|
var state = {
|
||||||
context: null,
|
context: null,
|
||||||
@ -1043,6 +1044,8 @@
|
|||||||
pollingTimer: 0,
|
pollingTimer: 0,
|
||||||
loading: false,
|
loading: false,
|
||||||
orderNoticeKey: '',
|
orderNoticeKey: '',
|
||||||
|
confirmingMifaPay: false,
|
||||||
|
lastMifaPayResumeAtMS: 0,
|
||||||
};
|
};
|
||||||
|
|
||||||
var nodes = {};
|
var nodes = {};
|
||||||
@ -1111,8 +1114,8 @@
|
|||||||
bindEvents();
|
bindEvents();
|
||||||
var current = window.HyAppParams
|
var current = window.HyAppParams
|
||||||
? window.HyAppParams.parse()
|
? window.HyAppParams.parse()
|
||||||
: { raw: new URLSearchParams(window.location.search) };
|
: { raw: currentRawParams() };
|
||||||
var raw = current.raw || new URLSearchParams();
|
var raw = current.raw || currentRawParams();
|
||||||
var pendingOrder = readPendingMifaPayOrder();
|
var pendingOrder = readPendingMifaPayOrder();
|
||||||
var displayUserID =
|
var displayUserID =
|
||||||
raw.get('display_user_id') ||
|
raw.get('display_user_id') ||
|
||||||
@ -1153,6 +1156,12 @@
|
|||||||
nodes.copyAddress.addEventListener('click', copyAddress);
|
nodes.copyAddress.addEventListener('click', copyAddress);
|
||||||
nodes.copyOrderID.addEventListener('click', copyOrderID);
|
nodes.copyOrderID.addEventListener('click', copyOrderID);
|
||||||
nodes.txForm.addEventListener('submit', submitTx);
|
nodes.txForm.addEventListener('submit', submitTx);
|
||||||
|
window.addEventListener('pageshow', resumeMifaPayOrder);
|
||||||
|
window.addEventListener('focus', resumeMifaPayOrder);
|
||||||
|
document.addEventListener(
|
||||||
|
'visibilitychange',
|
||||||
|
resumeVisibleMifaPayOrder
|
||||||
|
);
|
||||||
window.addEventListener('hyapp:i18n-ready', function () {
|
window.addEventListener('hyapp:i18n-ready', function () {
|
||||||
document.title = t(
|
document.title = t(
|
||||||
'recharge.pageTitle',
|
'recharge.pageTitle',
|
||||||
@ -1405,8 +1414,8 @@
|
|||||||
state.loading || !state.selectedMethodKey;
|
state.loading || !state.selectedMethodKey;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 订单弹窗是支付后的唯一操作入口；MiFaPay 展示打开支付按钮，USDT 展示地址和 txid 表单。
|
// 订单弹窗是支付中的操作入口；终态由服务端查询结果驱动，成功后关闭弹窗，避免继续展示打开支付按钮。
|
||||||
// 弹窗关闭只影响展示，不会取消轮询；订单终态仍由服务端查询结果驱动。
|
// 失败仍保留弹窗展示失败原因，方便用户看到三方拒单或本地校验失败的信息。
|
||||||
function renderOrder() {
|
function renderOrder() {
|
||||||
var order = state.order;
|
var order = state.order;
|
||||||
nodes.orderModal.classList.toggle(
|
nodes.orderModal.classList.toggle(
|
||||||
@ -1426,7 +1435,9 @@
|
|||||||
nodes.usdtPanel.classList.toggle('hidden', !isUSDT);
|
nodes.usdtPanel.classList.toggle('hidden', !isUSDT);
|
||||||
nodes.mifapayPanel.classList.toggle(
|
nodes.mifapayPanel.classList.toggle(
|
||||||
'hidden',
|
'hidden',
|
||||||
order.provider_code !== 'mifapay' || !order.pay_url
|
order.provider_code !== 'mifapay' ||
|
||||||
|
!order.pay_url ||
|
||||||
|
isTerminalOrder(order)
|
||||||
);
|
);
|
||||||
if (order.provider_code === 'usdt_trc20') {
|
if (order.provider_code === 'usdt_trc20') {
|
||||||
nodes.receiveAddress.textContent =
|
nodes.receiveAddress.textContent =
|
||||||
@ -1449,10 +1460,15 @@
|
|||||||
} else if (order.provider_code === 'mifapay') {
|
} else if (order.provider_code === 'mifapay') {
|
||||||
setStatus(
|
setStatus(
|
||||||
nodes.orderMessage,
|
nodes.orderMessage,
|
||||||
t(
|
state.confirmingMifaPay
|
||||||
'recharge.payOpenHint',
|
? t(
|
||||||
'Open the payment page and finish the payment.'
|
'recharge.confirmingPayment',
|
||||||
)
|
'Confirming payment status...'
|
||||||
|
)
|
||||||
|
: t(
|
||||||
|
'recharge.payOpenHint',
|
||||||
|
'Open the payment page and finish the payment.'
|
||||||
|
)
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
setStatus(nodes.orderMessage, '');
|
setStatus(nodes.orderMessage, '');
|
||||||
@ -1546,16 +1562,13 @@
|
|||||||
provider_code: method.providerCode,
|
provider_code: method.providerCode,
|
||||||
payment_method_id: method.methodID || 0,
|
payment_method_id: method.methodID || 0,
|
||||||
command_id: commandID(product, method),
|
command_id: commandID(product, method),
|
||||||
return_url: window.location.href,
|
return_url: mifaPayReturnURL(),
|
||||||
})
|
})
|
||||||
.then(function (payload) {
|
.then(function (payload) {
|
||||||
state.order = payload.order || payload;
|
state.order = payload.order || payload;
|
||||||
state.orderModalOpen = true;
|
state.orderModalOpen = true;
|
||||||
renderOrder();
|
renderOrder();
|
||||||
if (
|
if (isTerminalOrder(state.order)) {
|
||||||
state.order.status === 'credited' ||
|
|
||||||
state.order.status === 'failed'
|
|
||||||
) {
|
|
||||||
applyOrderTerminalSideEffects(state.order);
|
applyOrderTerminalSideEffects(state.order);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@ -1629,36 +1642,58 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 轮询只在订单存在时启动；credited/failed 是终态，终态后停止，避免 H5 后台持续打接口。
|
// 轮询只在订单存在时启动；credited/failed 是终态，终态后停止，避免 H5 后台持续打接口。
|
||||||
|
// 返回 H5 后必须立即查一次，不再等第一个 5 秒周期，否则用户会看到“已返回但无反馈”。
|
||||||
function startPolling() {
|
function startPolling() {
|
||||||
window.clearInterval(state.pollingTimer);
|
window.clearInterval(state.pollingTimer);
|
||||||
if (!state.order || !state.order.order_id) return;
|
if (!state.order || !state.order.order_id) return;
|
||||||
applyOrderTerminalSideEffects(state.order);
|
if (isTerminalOrder(state.order)) {
|
||||||
|
applyOrderTerminalSideEffects(state.order);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
refreshOrderStatus();
|
||||||
state.pollingTimer = window.setInterval(function () {
|
state.pollingTimer = window.setInterval(function () {
|
||||||
if (
|
if (!state.order || isTerminalOrder(state.order)) {
|
||||||
!state.order ||
|
|
||||||
state.order.status === 'credited' ||
|
|
||||||
state.order.status === 'failed'
|
|
||||||
) {
|
|
||||||
window.clearInterval(state.pollingTimer);
|
window.clearInterval(state.pollingTimer);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
window.HyAppAPI.recharge
|
refreshOrderStatus();
|
||||||
.getOrder(
|
|
||||||
state.order.order_id,
|
|
||||||
targetDisplayUserID()
|
|
||||||
)
|
|
||||||
.then(function (payload) {
|
|
||||||
state.order = payload.order || payload;
|
|
||||||
renderOrder();
|
|
||||||
applyOrderTerminalSideEffects(state.order);
|
|
||||||
})
|
|
||||||
.catch(function () {});
|
|
||||||
}, 5000);
|
}, 5000);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function refreshOrderStatus() {
|
||||||
|
if (!state.order || !state.order.order_id) {
|
||||||
|
return Promise.resolve();
|
||||||
|
}
|
||||||
|
if (isTerminalOrder(state.order)) {
|
||||||
|
applyOrderTerminalSideEffects(state.order);
|
||||||
|
return Promise.resolve(state.order);
|
||||||
|
}
|
||||||
|
if (state.order.provider_code === 'mifapay') {
|
||||||
|
state.confirmingMifaPay = true;
|
||||||
|
state.orderModalOpen = true;
|
||||||
|
renderOrder();
|
||||||
|
}
|
||||||
|
return window.HyAppAPI.recharge
|
||||||
|
.getOrder(state.order.order_id, targetDisplayUserID())
|
||||||
|
.then(function (payload) {
|
||||||
|
state.order = payload.order || payload;
|
||||||
|
renderOrder();
|
||||||
|
applyOrderTerminalSideEffects(state.order);
|
||||||
|
return state.order;
|
||||||
|
})
|
||||||
|
.catch(function () {});
|
||||||
|
}
|
||||||
|
|
||||||
function restorePendingMifaPayOrder() {
|
function restorePendingMifaPayOrder() {
|
||||||
var pending = readPendingMifaPayOrder();
|
var pending = readPendingMifaPayOrder();
|
||||||
if (!pending || state.order) return;
|
if (!pending) return;
|
||||||
|
if (
|
||||||
|
state.order &&
|
||||||
|
state.order.order_id &&
|
||||||
|
state.order.order_id !== pending.order_id
|
||||||
|
) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
var accountDisplayUserID = currentAccountDisplayUserID();
|
var accountDisplayUserID = currentAccountDisplayUserID();
|
||||||
if (
|
if (
|
||||||
pending.display_user_id &&
|
pending.display_user_id &&
|
||||||
@ -1667,6 +1702,17 @@
|
|||||||
) {
|
) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
if (
|
||||||
|
state.order &&
|
||||||
|
state.order.order_id === pending.order_id
|
||||||
|
) {
|
||||||
|
state.confirmingMifaPay = true;
|
||||||
|
state.orderModalOpen = true;
|
||||||
|
renderOrder();
|
||||||
|
startPolling();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
state.confirmingMifaPay = true;
|
||||||
window.HyAppAPI.recharge
|
window.HyAppAPI.recharge
|
||||||
.getOrder(
|
.getOrder(
|
||||||
pending.order_id,
|
pending.order_id,
|
||||||
@ -1677,10 +1723,7 @@
|
|||||||
state.orderModalOpen = true;
|
state.orderModalOpen = true;
|
||||||
renderOrder();
|
renderOrder();
|
||||||
applyOrderTerminalSideEffects(state.order);
|
applyOrderTerminalSideEffects(state.order);
|
||||||
if (
|
if (!isTerminalOrder(state.order)) {
|
||||||
state.order.status !== 'credited' &&
|
|
||||||
state.order.status !== 'failed'
|
|
||||||
) {
|
|
||||||
startPolling();
|
startPolling();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@ -1689,16 +1732,48 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function applyOrderTerminalSideEffects(order) {
|
function resumeVisibleMifaPayOrder() {
|
||||||
if (
|
if (
|
||||||
!order ||
|
document.visibilityState &&
|
||||||
(order.status !== 'credited' &&
|
document.visibilityState !== 'visible'
|
||||||
order.status !== 'failed')
|
|
||||||
) {
|
) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
resumeMifaPayOrder();
|
||||||
|
}
|
||||||
|
|
||||||
|
function resumeMifaPayOrder() {
|
||||||
|
if (!state.context) return;
|
||||||
|
if (Date.now() - state.lastMifaPayResumeAtMS < 800) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
state.lastMifaPayResumeAtMS = Date.now();
|
||||||
|
if (
|
||||||
|
state.order &&
|
||||||
|
state.order.provider_code === 'mifapay' &&
|
||||||
|
!isTerminalOrder(state.order)
|
||||||
|
) {
|
||||||
|
state.confirmingMifaPay = true;
|
||||||
|
state.orderModalOpen = true;
|
||||||
|
renderOrder();
|
||||||
|
startPolling();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
restorePendingMifaPayOrder();
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyOrderTerminalSideEffects(order) {
|
||||||
|
if (!isTerminalOrder(order)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
state.confirmingMifaPay = false;
|
||||||
clearPendingMifaPayOrder(order.order_id);
|
clearPendingMifaPayOrder(order.order_id);
|
||||||
|
clearReturnedMifaPayOrderQuery();
|
||||||
window.clearInterval(state.pollingTimer);
|
window.clearInterval(state.pollingTimer);
|
||||||
|
if (order.status === 'credited') {
|
||||||
|
state.orderModalOpen = false;
|
||||||
|
renderOrder();
|
||||||
|
}
|
||||||
var noticeKey = order.order_id + ':' + order.status;
|
var noticeKey = order.order_id + ':' + order.status;
|
||||||
if (state.orderNoticeKey === noticeKey) return;
|
if (state.orderNoticeKey === noticeKey) return;
|
||||||
state.orderNoticeKey = noticeKey;
|
state.orderNoticeKey = noticeKey;
|
||||||
@ -1725,6 +1800,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function readPendingMifaPayOrder() {
|
function readPendingMifaPayOrder() {
|
||||||
|
var returned = readReturnedMifaPayOrder();
|
||||||
|
if (returned) return returned;
|
||||||
try {
|
try {
|
||||||
var raw = storageGet(PENDING_MIFAPAY_ORDER_KEY);
|
var raw = storageGet(PENDING_MIFAPAY_ORDER_KEY);
|
||||||
if (!raw) return null;
|
if (!raw) return null;
|
||||||
@ -1745,6 +1822,21 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function readReturnedMifaPayOrder() {
|
||||||
|
var raw = currentRawParams();
|
||||||
|
var orderID = String(
|
||||||
|
raw.get(RETURN_MIFAPAY_ORDER_QUERY_KEY) || ''
|
||||||
|
).trim();
|
||||||
|
if (!orderID) return null;
|
||||||
|
return {
|
||||||
|
order_id: orderID,
|
||||||
|
display_user_id:
|
||||||
|
raw.get('display_user_id') ||
|
||||||
|
currentAccountDisplayUserID(),
|
||||||
|
created_at_ms: Date.now(),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
function clearPendingMifaPayOrder(orderID) {
|
function clearPendingMifaPayOrder(orderID) {
|
||||||
var pending = null;
|
var pending = null;
|
||||||
try {
|
try {
|
||||||
@ -1764,6 +1856,60 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function clearReturnedMifaPayOrderQuery() {
|
||||||
|
try {
|
||||||
|
var url = new URL(window.location.href);
|
||||||
|
var changed = false;
|
||||||
|
if (
|
||||||
|
url.searchParams.has(RETURN_MIFAPAY_ORDER_QUERY_KEY)
|
||||||
|
) {
|
||||||
|
url.searchParams.delete(
|
||||||
|
RETURN_MIFAPAY_ORDER_QUERY_KEY
|
||||||
|
);
|
||||||
|
changed = true;
|
||||||
|
}
|
||||||
|
var hash = url.hash || '';
|
||||||
|
var hashQueryIndex = hash.indexOf('?');
|
||||||
|
if (hashQueryIndex >= 0) {
|
||||||
|
var hashPath = hash.slice(0, hashQueryIndex);
|
||||||
|
var hashParams = new URLSearchParams(
|
||||||
|
hash.slice(hashQueryIndex + 1)
|
||||||
|
);
|
||||||
|
if (
|
||||||
|
hashParams.has(RETURN_MIFAPAY_ORDER_QUERY_KEY)
|
||||||
|
) {
|
||||||
|
hashParams.delete(
|
||||||
|
RETURN_MIFAPAY_ORDER_QUERY_KEY
|
||||||
|
);
|
||||||
|
url.hash = hashParams.toString()
|
||||||
|
? hashPath + '?' + hashParams.toString()
|
||||||
|
: hashPath;
|
||||||
|
changed = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
window.HyAppParams &&
|
||||||
|
window.HyAppParams.current &&
|
||||||
|
window.HyAppParams.current.raw
|
||||||
|
) {
|
||||||
|
window.HyAppParams.current.raw.delete(
|
||||||
|
RETURN_MIFAPAY_ORDER_QUERY_KEY
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
changed &&
|
||||||
|
window.history &&
|
||||||
|
window.history.replaceState
|
||||||
|
) {
|
||||||
|
window.history.replaceState(
|
||||||
|
window.history.state,
|
||||||
|
document.title,
|
||||||
|
url.toString()
|
||||||
|
);
|
||||||
|
}
|
||||||
|
} catch (error) {}
|
||||||
|
}
|
||||||
|
|
||||||
function storageGet(key) {
|
function storageGet(key) {
|
||||||
try {
|
try {
|
||||||
return window.localStorage
|
return window.localStorage
|
||||||
@ -1869,6 +2015,83 @@
|
|||||||
: '';
|
: '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function isTerminalOrder(order) {
|
||||||
|
return (
|
||||||
|
!!order &&
|
||||||
|
(order.status === 'credited' ||
|
||||||
|
order.status === 'failed')
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function mifaPayReturnURL() {
|
||||||
|
try {
|
||||||
|
var url = new URL(window.location.href);
|
||||||
|
var displayUserID =
|
||||||
|
targetDisplayUserID() ||
|
||||||
|
String(nodes.displayUserID.value || '').trim();
|
||||||
|
if (displayUserID) {
|
||||||
|
url.searchParams.set(
|
||||||
|
'display_user_id',
|
||||||
|
displayUserID
|
||||||
|
);
|
||||||
|
}
|
||||||
|
if (window.HyAppAPI && window.HyAppAPI.getAppCode) {
|
||||||
|
url.searchParams.set(
|
||||||
|
'app_code',
|
||||||
|
window.HyAppAPI.getAppCode()
|
||||||
|
);
|
||||||
|
}
|
||||||
|
url.searchParams.set(
|
||||||
|
'language',
|
||||||
|
currentLanguageForReturnURL()
|
||||||
|
);
|
||||||
|
url.searchParams.delete(RETURN_MIFAPAY_ORDER_QUERY_KEY);
|
||||||
|
return url.toString();
|
||||||
|
} catch (error) {
|
||||||
|
return window.location.href;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function currentLanguageForReturnURL() {
|
||||||
|
var raw = currentRawParams();
|
||||||
|
var keys = [
|
||||||
|
'language',
|
||||||
|
'lang',
|
||||||
|
'locale',
|
||||||
|
'app_lang',
|
||||||
|
'appLanguage',
|
||||||
|
];
|
||||||
|
for (var i = 0; i < keys.length; i += 1) {
|
||||||
|
var value = raw.get(keys[i]);
|
||||||
|
if (value) return value;
|
||||||
|
}
|
||||||
|
return document.documentElement.lang || 'en';
|
||||||
|
}
|
||||||
|
|
||||||
|
function currentRawParams() {
|
||||||
|
if (
|
||||||
|
window.HyAppParams &&
|
||||||
|
window.HyAppParams.current &&
|
||||||
|
window.HyAppParams.current.raw
|
||||||
|
) {
|
||||||
|
return window.HyAppParams.current.raw;
|
||||||
|
}
|
||||||
|
var params = new URLSearchParams(window.location.search);
|
||||||
|
var hash = window.location.hash || '';
|
||||||
|
var hashQueryIndex = hash.indexOf('?');
|
||||||
|
if (hashQueryIndex >= 0) {
|
||||||
|
var hashParams = new URLSearchParams(
|
||||||
|
hash.slice(hashQueryIndex + 1)
|
||||||
|
);
|
||||||
|
hashParams.forEach(function (value, key) {
|
||||||
|
if (!params.has(key)) {
|
||||||
|
params.set(key, value);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return params;
|
||||||
|
}
|
||||||
|
|
||||||
// command_id 给服务端幂等使用，包含时间、商品、方式和随机后缀；真实订单号仍由后端生成。
|
// command_id 给服务端幂等使用，包含时间、商品、方式和随机后缀；真实订单号仍由后端生成。
|
||||||
// 三方拒单会把本地订单置失败，后续重用同一 command_id 只会回放旧失败结果，所以每次点击都必须生成新命令。
|
// 三方拒单会把本地订单置失败，后续重用同一 command_id 只会回放旧失败结果，所以每次点击都必须生成新命令。
|
||||||
function commandID(product, method) {
|
function commandID(product, method) {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user