补充主题静态资源与归档模板

assets/js/reward.js

@@ -0,0 +1,97 @@
+/**
+ * Reward (打赏) — dedicated module.
+ *
+ * Handles the reward modal: amount selection, custom amount input,
+ * QR code display, and open/close interaction.
+ *
+ * @package AKSRT
+ */
+;(function () {
+  'use strict';
+
+  function initReward() {
+    var btn = document.getElementById('action-reward');
+    if (!btn) return;
+
+    var modal = document.getElementById('reward-modal');
+    if (!modal) return;
+
+    var closeBtn   = modal.querySelector('.reward-modal__close');
+    var overlay    = modal.querySelector('.reward-modal__overlay');
+    var amountBtns = modal.querySelectorAll('.reward-amounts__btn');
+    var customWrap = modal.querySelector('.reward-custom');
+    var customInput = modal ? modal.querySelector('.reward-custom__input') : null;
+    var customConfirm = modal ? modal.querySelector('.reward-custom__confirm') : null;
+    var selectedAmount = 0;
+
+    /* ---- open / close ---- */
+    function openReward() {
+      modal.classList.add('is-open');
+      document.body.style.overflow = 'hidden';
+    }
+
+    function closeReward() {
+      modal.classList.remove('is-open');
+      document.body.style.overflow = '';
+      // reset selection
+      selectedAmount = 0;
+      amountBtns.forEach(function (b) { b.classList.remove('is-active'); });
+      if (customInput) customInput.value = '';
+    }
+
+    btn.addEventListener('click', openReward);
+    if (closeBtn) closeBtn.addEventListener('click', closeReward);
+    if (overlay) overlay.addEventListener('click', closeReward);
+
+    document.addEventListener('keydown', function (e) {
+      if (e.key === 'Escape' && modal.classList.contains('is-open')) closeReward();
+    });
+
+    /* ---- amount selection ---- */
+    amountBtns.forEach(function (b) {
+      b.addEventListener('click', function () {
+        amountBtns.forEach(function (x) { x.classList.remove('is-active'); });
+        b.classList.add('is-active');
+        selectedAmount = parseInt(b.dataset.amount || '0', 10);
+        // clear custom input when preset is chosen
+        if (customInput) customInput.value = '';
+      });
+    });
+
+    /* ---- custom amount ---- */
+    if (customInput) {
+      customInput.addEventListener('focus', function () {
+        amountBtns.forEach(function (x) { x.classList.remove('is-active'); });
+        selectedAmount = 0;
+      });
+      customInput.addEventListener('input', function () {
+        // strip non-digits
+        customInput.value = customInput.value.replace(/[^\d]/g, '');
+      });
+    }
+
+    if (customConfirm) {
+      customConfirm.addEventListener('click', function () {
+        var val = customInput ? parseInt(customInput.value, 10) : 0;
+        if (val > 0) {
+          selectedAmount = val;
+          amountBtns.forEach(function (x) { x.classList.remove('is-active'); });
+        }
+      });
+    }
+  }
+
+  /* ---- register with AksrtFrontend lifecycle ---- */
+  if (window.AksrtFrontend && typeof window.AksrtFrontend.register === 'function') {
+    window.AksrtFrontend.register('aksrt-reward', function () {
+      initReward();
+    });
+  } else {
+    // fallback: run on DOMContentLoaded
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', initReward);
+    } else {
+      initReward();
+    }
+  }
+})();