Files
wordpress-theme-aksrt/assets/js/signin.js
T

198 lines
6.9 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;
var refreshSequence = 0;
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;
});
}
// 签到成功后,入口按钮就地替换为「已签到」详情弹窗触发链接
// (参考主题:.initiate-checkin → details_link 的替换行为)。
function swapButtonsToDetailsLink() {
var url = window.aksrtData && window.aksrtData.signinDetailsUrl;
if (!url) return;
currentButtons().forEach(function (button) {
var label = button.querySelector('[data-signin-label]');
if (label) {
label.textContent = button.getAttribute('data-signin-done-label') || '已签到';
label.removeAttribute('data-signin-label');
}
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;
if (link.classList.contains('uc-header__signin-btn')) link.classList.add('is-done');
button.replaceWith(link);
});
}
function refresh() {
if (signinBusy) return;
var sequence = ++refreshSequence;
api('/signin/today').then(function (result) {
// A status read started before a click must not overwrite its result.
if (signinBusy || sequence !== refreshSequence) return;
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('签到功能未启用');
currentButtons().forEach(function (button) {
button.disabled = true;
button.setAttribute('disabled', '');
button.setAttribute('aria-disabled', 'true');
});
return;
}
if (data.signed) {
setStatusHtml('已签到 <strong>' + data.streak + '</strong> 天 +' + data.reward_today);
swapButtonsToDetailsLink();
return;
}
setStatusHtml('连续 <strong>' + data.streak + '</strong> 天,+' + data.reward_if_signin);
});
}
function captchaMount() {
return document.querySelector('[data-signin-captcha]');
}
freshButtons.forEach(function (button) {
button.addEventListener('click', function (event) {
event.preventDefault();
if (signinBusy || button.disabled) return;
signinBusy = true;
++refreshSequence;
var originalHtml = button.innerHTML;
button.disabled = true;
button.setAttribute('disabled', '');
button.setAttribute('aria-busy', 'true');
button.innerHTML = '<i class="loading mr6" aria-hidden="true"></i><text>请稍后</text>';
function restoreButton() {
button.innerHTML = originalHtml;
button.disabled = false;
button.removeAttribute('disabled');
button.removeAttribute('aria-busy');
}
var captchaRequired = !!window.aksrtData.captchaSignin;
var captcha = window.AKSRTCaptcha;
var mount = captchaMount();
Promise.resolve().then(function () {
if (captchaRequired && (!captcha || !mount)) {
throw new Error('人机验证未正确加载,请刷新页面后重试');
}
return captchaRequired ? captcha.run('signin', mount) : {};
}).then(function (payload) {
if (payload === null) throw new Error('已取消验证');
notyf('正在签到,请稍后...', 'load', '', 'aksrt-balance-signin-toast');
return api('/signin', {
method: 'POST',
body: JSON.stringify({ captcha: payload })
});
}).then(function (result) {
if (!result.ok) throw new Error(result.json.message || '签到失败');
restoreButton();
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;
});
setStatusHtml('已签到 <strong>' + result.json.streak + '</strong> 天 +' + result.json.reward);
swapButtonsToDetailsLink();
}).catch(function (error) {
restoreButton();
notyf((error && error.message) || '签到失败,请稍后重试', 'danger', 5, 'aksrt-balance-signin-toast');
}).finally(function () {
signinBusy = false;
if (captcha && mount) captcha.reset('signin', mount);
});
});
});
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();
}
})();