Files
wordpress-theme-aksrt/assets/js/signin.js
T
kate522 4653128a18 feat(checkin): open reference-parity details modal from signed buttons
- Rebuild checkin details modal HTML 1:1 with reference theme:
  colorful header c-blue, user card (points/level), daily reward
  card and 7-day continuous mini cards
- Signed entry buttons (header dropdown, user-card badge, user
  center) become clickable checkin-details-link modal triggers
  instead of disabled buttons
- Swap data-signin-btn to details link in place after successful
  signin (reference .initiate-checkin replacement behavior)
- Add aksrt-checkin-details-modal runtime shell (modal-mini 400px)
- Remove dead code: legacy lite modal, admin-ajax details handler,
  /signin/history route, signin calendar; rebuild public bundles
- Update contract tests to the new checkin modal contract
2026-09-19 14:49:58 +08:00

200 lines
6.5 KiB
JavaScript

/**
* AKSRT global sign-in controller.
*
* All sign-in buttons share one REST request, captcha and toast flow.
*/
(function () {
'use strict';
if (!window.aksrtData) {
return;
}
var signinBusy = false;
function api(path, options) {
return window.AksrtRequest.request(path, options || {}).then(function (response) {
return {
ok: response.ok,
status: response.status,
json: response.json || {}
};
}).catch(function (error) {
var response = error && error.response ? error.response : {};
return {
ok: false,
status: error && error.status ? error.status : (response.status || 0),
json: error && error.json ? error.json : (response.json || { message: error && error.message })
};
});
}
function initSignin() {
var buttons = Array.prototype.slice.call(document.querySelectorAll('[data-signin-btn]'));
var freshButtons = buttons.filter(function (button) {
return button.dataset.aksrtSigninInitialized !== '1';
});
if (!freshButtons.length) return;
freshButtons.forEach(function (button) {
button.dataset.aksrtSigninInitialized = '1';
});
function statuses() {
return document.querySelectorAll('[data-signin-status]');
}
function currentButtons() {
return document.querySelectorAll('[data-signin-btn]');
}
function setStatus(text) {
statuses().forEach(function (status) {
status.textContent = text;
});
}
function setStatusHtml(html) {
statuses().forEach(function (status) {
status.innerHTML = html;
});
}
function setButtonState(state) {
currentButtons().forEach(function (button) {
var label = button.querySelector('[data-signin-label]');
var text = state === 'done'
? button.getAttribute('data-signin-done-label') || '已签到'
: (state === 'busy' ? '…' : button.getAttribute('data-signin-idle-label') || '签到');
if (label) label.textContent = text;
button.disabled = state !== 'idle';
button.classList.toggle('is-done', state === 'done');
});
}
// 签到成功后,入口按钮就地替换为「已签到」详情弹窗触发链接
// (参考主题:.initiate-checkin → details_link 的替换行为)。
function swapButtonsToDetailsLink() {
var url = window.aksrtData && window.aksrtData.signinDetailsUrl;
if (!url) return;
currentButtons().forEach(function (button) {
var link = document.createElement('a');
link.href = 'javascript:;';
link.className = (button.className || '') + ' checkin-details-link';
link.setAttribute('data-aksrt-modal', 'remote');
link.setAttribute('data-aksrt-modal-url', url);
link.setAttribute('data-aksrt-modal-class', 'aksrt-checkin-details-modal modal-mini');
link.setAttribute('data-aksrt-modal-height', '240');
link.setAttribute('data-aksrt-modal-mobile-bottom', 'true');
link.setAttribute('data-aksrt-modal-cache', 'false');
link.innerHTML = button.innerHTML;
button.replaceWith(link);
});
}
function refresh() {
api('/signin/today').then(function (result) {
if (!result.ok) {
var message = (result.json && result.json.message) || '签到状态加载失败 (HTTP ' + result.status + ')';
setStatus(message);
notyf(message, 'danger');
return;
}
var data = result.json;
if (!data.enabled) {
setStatus('签到功能未启用');
setButtonState('done');
return;
}
if (data.signed) {
setStatusHtml('已签到 <strong>' + data.streak + '</strong> 天 +' + data.reward_today);
setButtonState('done');
swapButtonsToDetailsLink();
return;
}
setStatusHtml('连续 <strong>' + data.streak + '</strong> 天,+' + data.reward_if_signin);
setButtonState('idle');
});
}
function captchaMount() {
return document.querySelector('[data-signin-captcha]');
}
function doSignin(captchaPayload) {
notyf('正在签到…', 'load', '', 'aksrt-balance-signin-toast');
api('/signin', {
method: 'POST',
body: JSON.stringify({ captcha: captchaPayload || {} })
}).then(function (result) {
signinBusy = false;
if (!result.ok) {
notyf((result.json && result.json.message) || '签到失败', 'danger', 5, 'aksrt-balance-signin-toast');
setButtonState('idle');
return;
}
notyf(result.json.message || '签到成功', 'success', 5, 'aksrt-balance-signin-toast');
document.querySelectorAll('[data-credits-value]').forEach(function (element) {
element.textContent = Number(result.json.balance || 0).toLocaleString();
element.title = element.textContent;
});
setButtonState('done');
swapButtonsToDetailsLink();
refresh();
}).finally(function () {
if (window.AKSRTCaptcha) window.AKSRTCaptcha.reset('signin', captchaMount());
});
}
freshButtons.forEach(function (button) {
button.addEventListener('click', function (event) {
event.preventDefault();
if (signinBusy || button.disabled) return;
signinBusy = true;
setButtonState('busy');
var captchaRequired = !!window.aksrtData.captchaSignin;
var captcha = window.AKSRTCaptcha;
var mount = captchaMount();
if (captchaRequired && (!captcha || !mount)) {
signinBusy = false;
notyf('人机验证未正确加载,请刷新页面后重试', 'danger');
setButtonState('idle');
return;
}
if (!captchaRequired) {
doSignin({});
return;
}
captcha.run('signin', mount).then(function (payload) {
if (payload === null) throw new Error('已取消验证');
doSignin(payload);
}).catch(function (error) {
signinBusy = false;
captcha.reset('signin', mount);
notyf((error && error.message) || '人机验证加载中,请稍候再试', 'danger');
setButtonState('idle');
});
});
});
refresh();
}
function boot() {
if (!window.AksrtRequest) return;
jQuery(document).off('auto_fun.aksrt-signin').on('auto_fun.aksrt-signin', initSignin);
initSignin();
}
if (typeof tbquire === 'function') {
tbquire(['main'], boot);
} else {
boot();
}
})();