顶部资料卡新增签到按钮
This commit is contained in:
1 parent
5f01b3b316
commit
d27c0757f2
7 files changed
+145
-62
No files matched your search
@@ -124,16 +124,30 @@ body.aksrt-user-center .uc-content,
|
|||||||
|
|
||||||
.uc-header__actions {
|
.uc-header__actions {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__signin-btn.is-done {
|
||||||
|
color: var(--color-success, #10b981);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__message-btn {
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uc-header__action-badge {
|
.uc-header__action-badge {
|
||||||
|
position: absolute;
|
||||||
|
top: -5px;
|
||||||
|
right: -5px;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
min-width: 18px;
|
min-width: 16px;
|
||||||
height: 18px;
|
height: 16px;
|
||||||
margin-left: 6px;
|
margin: 0;
|
||||||
padding: 0 5px;
|
padding: 0 4px;
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
background: var(--color-error, #ef4444);
|
background: var(--color-error, #ef4444);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
+77
-46
@@ -15,6 +15,7 @@
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
var activePoll = null;
|
var activePoll = null;
|
||||||
|
var signinBusy = false;
|
||||||
|
|
||||||
function api(path, options) {
|
function api(path, options) {
|
||||||
return window.AksrtRequest.request(path, options || {}).then(function (response) {
|
return window.AksrtRequest.request(path, options || {}).then(function (response) {
|
||||||
@@ -36,15 +37,42 @@
|
|||||||
|
|
||||||
// ===== 签到 =====
|
// ===== 签到 =====
|
||||||
function initSignin() {
|
function initSignin() {
|
||||||
var root = document.querySelector('[data-aksrt-signin]');
|
var buttons = Array.prototype.slice.call(document.querySelectorAll('[data-signin-btn]'));
|
||||||
if (!root || root.dataset.aksrtSigninInitialized === '1') return;
|
var freshButtons = buttons.filter(function (button) {
|
||||||
root.dataset.aksrtSigninInitialized = '1';
|
return button.dataset.aksrtSigninInitialized !== '1';
|
||||||
var status = root.querySelector('[data-signin-status]');
|
});
|
||||||
var btn = root.querySelector('[data-signin-btn]');
|
if (!freshButtons.length) return;
|
||||||
if (!btn) return;
|
freshButtons.forEach(function (button) {
|
||||||
|
button.dataset.aksrtSigninInitialized = '1';
|
||||||
|
});
|
||||||
|
|
||||||
function setStatus(text) { if (status) status.textContent = text; }
|
function statuses() {
|
||||||
function setStatusHtml(html) { if (status) status.innerHTML = html; }
|
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');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function refresh() {
|
function refresh() {
|
||||||
api('/signin/today').then(function (r) {
|
api('/signin/today').then(function (r) {
|
||||||
@@ -57,16 +85,15 @@
|
|||||||
var j = r.json;
|
var j = r.json;
|
||||||
if (!j.enabled) {
|
if (!j.enabled) {
|
||||||
setStatus('签到功能未启用');
|
setStatus('签到功能未启用');
|
||||||
btn.disabled = true;
|
setButtonState('done');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (j.signed) {
|
if (j.signed) {
|
||||||
setStatusHtml('已签到 <strong>' + j.streak + '</strong> 天 +' + j.reward_today);
|
setStatusHtml('已签到 <strong>' + j.streak + '</strong> 天 +' + j.reward_today);
|
||||||
btn.disabled = true;
|
setButtonState('done');
|
||||||
btn.innerHTML = '已签到';
|
|
||||||
} else {
|
} else {
|
||||||
setStatusHtml('连续 <strong>' + j.streak + '</strong> 天,+' + j.reward_if_signin);
|
setStatusHtml('连续 <strong>' + j.streak + '</strong> 天,+' + j.reward_if_signin);
|
||||||
btn.disabled = false;
|
setButtonState('idle');
|
||||||
}
|
}
|
||||||
}).catch(function (err) {
|
}).catch(function (err) {
|
||||||
if (window.console) console.error('[AKSRT Credits] /signin/today 请求失败:', err);
|
if (window.console) console.error('[AKSRT Credits] /signin/today 请求失败:', err);
|
||||||
@@ -124,45 +151,49 @@
|
|||||||
onSuccess();
|
onSuccess();
|
||||||
}
|
}
|
||||||
|
|
||||||
btn.addEventListener('click', function () {
|
freshButtons.forEach(function (button) {
|
||||||
btn.disabled = true;
|
button.addEventListener('click', function () {
|
||||||
btn.innerHTML = '…';
|
if (signinBusy) return;
|
||||||
|
signinBusy = true;
|
||||||
|
setButtonState('busy');
|
||||||
|
|
||||||
triggerCaptcha(function () {
|
triggerCaptcha(function () {
|
||||||
doSignin();
|
doSignin();
|
||||||
}, function (msg) {
|
}, function (msg) {
|
||||||
resetCaptcha();
|
signinBusy = false;
|
||||||
if (msg) notyf(msg, 'danger');
|
|
||||||
btn.disabled = false;
|
|
||||||
btn.innerHTML = '签到';
|
|
||||||
});
|
|
||||||
|
|
||||||
function doSignin() {
|
|
||||||
notyf('正在签到…', 'load', '', 'aksrt-balance-signin-toast');
|
|
||||||
api('/signin', {
|
|
||||||
method: 'POST',
|
|
||||||
body: JSON.stringify({ captcha: collectCaptcha() })
|
|
||||||
}).then(function (r) {
|
|
||||||
if (!r.ok) {
|
|
||||||
resetCaptcha();
|
|
||||||
notyf((r.json && r.json.message) || '签到失败', 'danger', 5, 'aksrt-balance-signin-toast');
|
|
||||||
btn.disabled = false;
|
|
||||||
btn.innerHTML = '签到';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
notyf('签到成功,获得 ' + r.json.reward + ' 积分(连续 ' + r.json.streak + ' 天)', 'success', 5, 'aksrt-balance-signin-toast');
|
|
||||||
var balanceEls = document.querySelectorAll('[data-credits-value]');
|
|
||||||
balanceEls.forEach(function (el) { el.textContent = r.json.balance.toLocaleString(); });
|
|
||||||
refresh();
|
|
||||||
}).catch(function () {
|
|
||||||
resetCaptcha();
|
resetCaptcha();
|
||||||
notyf('网络错误,请重试', 'danger', 5, 'aksrt-balance-signin-toast');
|
if (msg) notyf(msg, 'danger');
|
||||||
btn.disabled = false;
|
setButtonState('idle');
|
||||||
btn.innerHTML = '签到';
|
|
||||||
});
|
});
|
||||||
}
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
function doSignin() {
|
||||||
|
notyf('正在签到…', 'load', '', 'aksrt-balance-signin-toast');
|
||||||
|
api('/signin', {
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify({ captcha: collectCaptcha() })
|
||||||
|
}).then(function (r) {
|
||||||
|
signinBusy = false;
|
||||||
|
if (!r.ok) {
|
||||||
|
resetCaptcha();
|
||||||
|
notyf((r.json && r.json.message) || '签到失败', 'danger', 5, 'aksrt-balance-signin-toast');
|
||||||
|
setButtonState('idle');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
notyf(r.json.message || '签到成功', 'success', 5, 'aksrt-balance-signin-toast');
|
||||||
|
var balanceEls = document.querySelectorAll('[data-credits-value]');
|
||||||
|
balanceEls.forEach(function (el) { el.textContent = r.json.balance.toLocaleString(); });
|
||||||
|
setButtonState('done');
|
||||||
|
refresh();
|
||||||
|
}).catch(function () {
|
||||||
|
signinBusy = false;
|
||||||
|
resetCaptcha();
|
||||||
|
notyf('网络错误,请重试', 'danger', 5, 'aksrt-balance-signin-toast');
|
||||||
|
setButtonState('idle');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
refresh();
|
refresh();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -496,6 +496,13 @@ if (!function_exists('aksrt_get_user_center_render_context')) {
|
|||||||
$currency_name = (string) ($dashboard['currency_name'] ?? __('积分', 'aksrt'));
|
$currency_name = (string) ($dashboard['currency_name'] ?? __('积分', 'aksrt'));
|
||||||
$balance_enabled = (bool) ($dashboard['balance_enabled'] ?? false);
|
$balance_enabled = (bool) ($dashboard['balance_enabled'] ?? false);
|
||||||
$wallet_balance = (float) ($dashboard['wallet_balance'] ?? 0.0);
|
$wallet_balance = (float) ($dashboard['wallet_balance'] ?? 0.0);
|
||||||
|
$signin_settings = class_exists('\AKSRT\Settings\Settings')
|
||||||
|
? \AKSRT\Settings\Settings::get_signin_reward_settings()
|
||||||
|
: ['enabled' => false];
|
||||||
|
$signin_enabled = !empty($signin_settings['enabled']) && class_exists('\AKSRT\Credits\Signin');
|
||||||
|
$signin_signed_today = $signin_enabled
|
||||||
|
? \AKSRT\Credits\Signin::get_instance()->is_signed_today($user_id)
|
||||||
|
: false;
|
||||||
$runtime_config = aksrt_user_center_runtime_config($user_id, $tabs['default'], $active_tab, $tabs['urls']);
|
$runtime_config = aksrt_user_center_runtime_config($user_id, $tabs['default'], $active_tab, $tabs['urls']);
|
||||||
$runtime_config['avatarUpload'] = aksrt_user_center_avatar_upload_config($allow_avatar_upload);
|
$runtime_config['avatarUpload'] = aksrt_user_center_avatar_upload_config($allow_avatar_upload);
|
||||||
|
|
||||||
@@ -539,6 +546,8 @@ if (!function_exists('aksrt_get_user_center_render_context')) {
|
|||||||
'currency_name' => $currency_name,
|
'currency_name' => $currency_name,
|
||||||
'credit_balance' => (float) ($dashboard['credit_balance'] ?? 0.0),
|
'credit_balance' => (float) ($dashboard['credit_balance'] ?? 0.0),
|
||||||
'credits_enabled' => $show_credit_tabs,
|
'credits_enabled' => $show_credit_tabs,
|
||||||
|
'signin_enabled' => $signin_enabled,
|
||||||
|
'signin_signed_today' => $signin_signed_today,
|
||||||
'balance_enabled' => $balance_enabled,
|
'balance_enabled' => $balance_enabled,
|
||||||
'wallet_balance' => $wallet_balance,
|
'wallet_balance' => $wallet_balance,
|
||||||
'vip_settings' => $vip_settings,
|
'vip_settings' => $vip_settings,
|
||||||
|
|||||||
@@ -34,12 +34,14 @@ $currency = (string) ($currency_name ?? __('积分', 'aksrt'));
|
|||||||
<div class="uc-asset-card__title">
|
<div class="uc-asset-card__title">
|
||||||
<i class="fa fas fa-money-bill em12 mr6" aria-hidden="true"></i><?php echo esc_html($currency); ?>
|
<i class="fa fas fa-money-bill em12 mr6" aria-hidden="true"></i><?php echo esc_html($currency); ?>
|
||||||
</div>
|
</div>
|
||||||
|
<?php if (!empty($signin_enabled)) : ?>
|
||||||
<span class="uc-asset-card__head-action muted-color px12" data-aksrt-signin>
|
<span class="uc-asset-card__head-action muted-color px12" data-aksrt-signin>
|
||||||
<button type="button" class="uc-asset-card__signin muted-color px12" data-signin-btn disabled>
|
<button type="button" class="uc-asset-card__signin muted-color px12" data-signin-btn data-signin-idle-label="<?php esc_attr_e('签到领积分', 'aksrt'); ?>" data-signin-done-label="<?php esc_attr_e('已签到', 'aksrt'); ?>" disabled>
|
||||||
<?php esc_html_e('签到领积分', 'aksrt'); ?><i class="fa fas fa-angle-right em12 ml3" aria-hidden="true"></i>
|
<span data-signin-label><?php esc_html_e('签到领积分', 'aksrt'); ?></span><i class="fa fas fa-angle-right em12 ml3" aria-hidden="true"></i>
|
||||||
</button>
|
</button>
|
||||||
<span class="uc-asset-card__signin-status" data-signin-status></span>
|
<span class="uc-asset-card__signin-status" data-signin-status></span>
|
||||||
</span>
|
</span>
|
||||||
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
<div class="uc-asset-card__body flex jsb ac">
|
<div class="uc-asset-card__body flex jsb ac">
|
||||||
<div class="uc-asset-card__amount c-green">
|
<div class="uc-asset-card__amount c-green">
|
||||||
|
|||||||
@@ -14,14 +14,6 @@ if (!$credits_enabled) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (function_exists('aksrt_is_captcha_enabled_for') && aksrt_is_captcha_enabled_for('signin')) :
|
|
||||||
?>
|
|
||||||
<div class="aksrt-signin-captcha" data-signin-captcha style="margin-bottom:16px;">
|
|
||||||
<?php aksrt_render_captcha('signin'); ?>
|
|
||||||
</div>
|
|
||||||
<?php
|
|
||||||
endif;
|
|
||||||
|
|
||||||
$signin_dates = [];
|
$signin_dates = [];
|
||||||
if (class_exists('\AKSRT\Credits\Signin')) {
|
if (class_exists('\AKSRT\Credits\Signin')) {
|
||||||
$signin_log = \AKSRT\Credits\Signin::get_instance()->get_recent_signins($user_id, 30);
|
$signin_log = \AKSRT\Credits\Signin::get_instance()->get_recent_signins($user_id, 30);
|
||||||
|
|||||||
@@ -69,9 +69,24 @@ extract($context, EXTR_SKIP); // phpcs:ignore WordPress.PHP.DontExtract.extract_
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="uc-header__actions">
|
<div class="uc-header__actions">
|
||||||
|
<?php if (!empty($signin_enabled)) : ?>
|
||||||
|
<span data-aksrt-signin>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn btn-sm uc-header__signin-btn<?php echo !empty($signin_signed_today) ? ' is-done' : ''; ?>"
|
||||||
|
data-signin-btn
|
||||||
|
data-signin-idle-label="<?php esc_attr_e('签到', 'aksrt'); ?>"
|
||||||
|
data-signin-done-label="<?php esc_attr_e('已签到', 'aksrt'); ?>"
|
||||||
|
<?php disabled(!empty($signin_signed_today)); ?>
|
||||||
|
>
|
||||||
|
<i class="fa fas fa-calendar-check" aria-hidden="true"></i>
|
||||||
|
<span data-signin-label><?php echo !empty($signin_signed_today) ? esc_html__('已签到', 'aksrt') : esc_html__('签到', 'aksrt'); ?></span>
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
<?php endif; ?>
|
||||||
<?php if (!empty($messages_url)) : ?>
|
<?php if (!empty($messages_url)) : ?>
|
||||||
<a href="<?php echo esc_url($messages_url); ?>" class="btn-ghost btn-sm">
|
<a href="<?php echo esc_url($messages_url); ?>" class="btn-ghost btn-sm btn-icon uc-header__message-btn" aria-label="<?php esc_attr_e('消息通知', 'aksrt'); ?>" title="<?php esc_attr_e('消息通知', 'aksrt'); ?>">
|
||||||
<i class="fa fas fa-bell" aria-hidden="true"></i> <?php esc_html_e('消息通知', 'aksrt'); ?>
|
<i class="fa fas fa-bell" aria-hidden="true"></i>
|
||||||
<?php if ($notification_unread_count > 0) : ?>
|
<?php if ($notification_unread_count > 0) : ?>
|
||||||
<span class="uc-header__action-badge"><?php echo esc_html((string) $notification_unread_count); ?></span>
|
<span class="uc-header__action-badge"><?php echo esc_html((string) $notification_unread_count); ?></span>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -79,4 +94,9 @@ extract($context, EXTR_SKIP); // phpcs:ignore WordPress.PHP.DontExtract.extract_
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<?php if (!empty($signin_enabled) && function_exists('aksrt_is_captcha_enabled_for') && aksrt_is_captcha_enabled_for('signin')) : ?>
|
||||||
|
<div class="aksrt-signin-captcha" data-signin-captcha>
|
||||||
|
<?php aksrt_render_captcha('signin'); ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
@@ -197,6 +197,10 @@ test('balance center actions use direct fixed-id notyf flows', () => {
|
|||||||
const credits = read('assets/js/credits.js');
|
const credits = read('assets/js/credits.js');
|
||||||
const scripts = read('src/Core/ScriptsPart1b.php');
|
const scripts = read('src/Core/ScriptsPart1b.php');
|
||||||
const css = read('assets/css/routes/user-center/credits.css');
|
const css = read('assets/css/routes/user-center/credits.css');
|
||||||
|
const shell = read('assets/css/routes/user-center/shell.css');
|
||||||
|
const header = read('inc/helpers/user-center-renderers/profile-header.php');
|
||||||
|
const signin = read('inc/helpers/user-center-renderers/credits-signin.php');
|
||||||
|
const context = read('inc/helpers/aksrt-user-center.php');
|
||||||
const renderers = [
|
const renderers = [
|
||||||
'inc/helpers/user-center-renderers/credits-balance.php',
|
'inc/helpers/user-center-renderers/credits-balance.php',
|
||||||
'inc/helpers/user-center-renderers/credits-wallet.php',
|
'inc/helpers/user-center-renderers/credits-wallet.php',
|
||||||
@@ -228,10 +232,21 @@ test('balance center actions use direct fixed-id notyf flows', () => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
assert.match(credits, /notyf\('等待支付结果…', 'load', '', 'aksrt-balance-charge-payment-toast'\)/);
|
assert.match(credits, /notyf\('等待支付结果…', 'load', '', 'aksrt-balance-charge-payment-toast'\)/);
|
||||||
|
assert.match(credits, /querySelectorAll\('\[data-signin-btn\]'\)/);
|
||||||
|
assert.match(credits, /freshButtons\.forEach[\s\S]*?addEventListener\('click'/);
|
||||||
assert.match(credits, /onTimeout:[\s\S]*?notyf\([^;]+?'danger'[^;]+?'aksrt-balance-charge-payment-toast'\)/);
|
assert.match(credits, /onTimeout:[\s\S]*?notyf\([^;]+?'danger'[^;]+?'aksrt-balance-charge-payment-toast'\)/);
|
||||||
assert.match(credits, /register\('credits',[\s\S]*?initSignin\(\);[\s\S]*?initBalanceCharge\(\);[\s\S]*?initTransfer\(\);[\s\S]*?initPointsExchange\(\);[\s\S]*?initWithdraw\(\);/);
|
assert.match(credits, /register\('credits',[\s\S]*?initSignin\(\);[\s\S]*?initBalanceCharge\(\);[\s\S]*?initTransfer\(\);[\s\S]*?initPointsExchange\(\);[\s\S]*?initWithdraw\(\);/);
|
||||||
assert.match(credits, /aksrtSigninInitialized[\s\S]*?aksrtPointsExchangeInitialized[\s\S]*?aksrtWithdrawInitialized/);
|
assert.match(credits, /aksrtSigninInitialized[\s\S]*?aksrtPointsExchangeInitialized[\s\S]*?aksrtWithdrawInitialized/);
|
||||||
assert.match(scripts, /'aksrt-credits',[\s\S]*?\/assets\/js\/credits\.js',[\s\S]*?\[[^\]]*'aksrt-notyf'[^\]]*\]/);
|
assert.match(scripts, /'aksrt-credits',[\s\S]*?\/assets\/js\/credits\.js',[\s\S]*?\[[^\]]*'aksrt-notyf'[^\]]*\]/);
|
||||||
|
assert.ok(header.indexOf('data-signin-btn') < header.indexOf('uc-header__message-btn'));
|
||||||
|
assert.match(header, /uc-header__message-btn[^>]+aria-label="<\?php esc_attr_e\('消息通知'/);
|
||||||
|
assert.doesNotMatch(header, /<i class="fa fas fa-bell"[^>]*><\/i>\s*<\?php esc_html_e\('消息通知'/);
|
||||||
|
assert.match(header, /data-signin-captcha[\s\S]*?aksrt_render_captcha\('signin'\)/);
|
||||||
|
assert.doesNotMatch(signin, /data-signin-captcha|aksrt_render_captcha/);
|
||||||
|
assert.match(context, /'signin_enabled'\s*=>\s*\$signin_enabled/);
|
||||||
|
assert.match(context, /'signin_signed_today'\s*=>\s*\$signin_signed_today/);
|
||||||
|
assert.match(shell, /\.uc-header__actions\s*\{[^}]*display:\s*flex;[^}]*gap:\s*6px;/s);
|
||||||
|
assert.match(shell, /\.uc-header__message-btn\s*\{[^}]*position:\s*relative;/s);
|
||||||
assert.doesNotMatch(renderers, /data-(?:signin|aksrt-(?:charge|transfer|points-exchange|withdraw))-tip/);
|
assert.doesNotMatch(renderers, /data-(?:signin|aksrt-(?:charge|transfer|points-exchange|withdraw))-tip/);
|
||||||
assert.doesNotMatch(css, /\.uc-(?:modal|balance-card)__tip/);
|
assert.doesNotMatch(css, /\.uc-(?:modal|balance-card)__tip/);
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in new issue
Block a user