修复导航栏用户卡片浮层的签到按钮

2026-08-20 14:43:18 +08:00
parent d27c0757f2
commit d69334b37d
7 changed files with 265 additions and 198 deletions
@@ -0,0 +1,200 @@
+/**
+ * AKSRT global sign-in controller.
+ *
+ * All sign-in buttons share one REST request, captcha and toast flow.
+ */
+(function () {
+  'use strict';
+
+  if (!window.aksrtData || !window.AksrtRequest) {
+    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');
+      });
+    }
+
+    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');
+          return;
+        }
+        setStatusHtml('连续 <strong>' + data.streak + '</strong> 天，+' + data.reward_if_signin);
+        setButtonState('idle');
+      });
+    }
+
+    function captchaMount() {
+      return document.querySelector('[data-signin-captcha]');
+    }
+
+    function collectCaptcha() {
+      var mount = captchaMount();
+      if (!mount) return {};
+      var payload = {};
+      var keys = [
+        'captcha_verified', 'cf_turnstile_response',
+        'tencent_ticket', 'tencent_randstr', 'tencent_sid',
+        'geetest_lot_number', 'geetest_captcha_output', 'geetest_pass_token', 'geetest_gen_time',
+        'aliyun_captcha_verify_param'
+      ];
+      keys.forEach(function (key) {
+        var input = mount.querySelector('input[name="' + key + '"]');
+        if (input && input.value !== '') payload[key] = input.value;
+      });
+      return payload;
+    }
+
+    function resetCaptcha() {
+      var state = window.AKSRTCaptchaState;
+      var scene = state && state.scenes && state.scenes.signin;
+      if (scene && typeof scene.reset === 'function') scene.reset();
+    }
+
+    function triggerCaptcha(onSuccess, onFail) {
+      var mount = captchaMount();
+      var state = window.AKSRTCaptchaState;
+      var scene = state && state.scenes && state.scenes.signin;
+
+      if (scene && typeof scene.verify === 'function') {
+        scene.verify(function (ok) {
+          if (ok === false) {
+            onFail('已取消验证');
+            return;
+          }
+          onSuccess();
+        });
+        return;
+      }
+      if (mount) {
+        onFail('人机验证加载中，请稍候再试');
+        return;
+      }
+      onSuccess();
+    }
+
+    function doSignin() {
+      notyf('正在签到…', 'load', '', 'aksrt-balance-signin-toast');
+      api('/signin', {
+        method: 'POST',
+        body: JSON.stringify({ captcha: collectCaptcha() })
+      }).then(function (result) {
+        signinBusy = false;
+        if (!result.ok) {
+          resetCaptcha();
+          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();
+        });
+        setButtonState('done');
+        refresh();
+      });
+    }
+
+    freshButtons.forEach(function (button) {
+      button.addEventListener('click', function (event) {
+        event.preventDefault();
+        if (signinBusy || button.disabled) return;
+
+        signinBusy = true;
+        setButtonState('busy');
+        triggerCaptcha(doSignin, function (message) {
+          signinBusy = false;
+          resetCaptcha();
+          if (message) notyf(message, 'danger');
+          setButtonState('idle');
+        });
+      });
+    });
+
+    refresh();
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initSignin);
+  } else {
+    initSignin();
+  }
+
+  if (window.AksrtFrontend && typeof window.AksrtFrontend.register === 'function') {
+    window.AksrtFrontend.register('signin', initSignin);
+  }
+})();