subtrack/internal/web/static/app.js

/* 代打台-L · 交互增强（无框架，全部渐进增强） */
/* Powered by Baka春秋 */
(function () {
  'use strict';

  /* ---------- 工具：本地日期，禁止用 toISOString 做“自然日”计算 ---------- */
  function parseDay(s) { return new Date(s + 'T00:00:00'); }
  function diffDays(a, b) { return Math.round((b.getTime() - a.getTime()) / 86400000); }

  /* ---------- 提示条：自动淡出（.flash 固定定位，不会顶动页面） ---------- */
  document.querySelectorAll('[data-flash]').forEach(function (el) {
    setTimeout(function () {
      el.classList.add('hide');
      setTimeout(function () { el.remove(); }, 400);
    }, 4200);
  });

  /* ---------- 按 / 聚焦搜索框 ---------- */
  document.addEventListener('keydown', function (e) {
    if (e.key !== '/' || e.metaKey || e.ctrlKey || e.altKey) return;
    var tag = (document.activeElement && document.activeElement.tagName) || '';
    if (/^(INPUT|TEXTAREA|SELECT)$/.test(tag)) return;
    var s = document.querySelector('[data-search]');
    if (s) { e.preventDefault(); s.focus(); s.select(); }
  });

  /* ---------- 危险操作确认 ---------- */
  document.querySelectorAll('form[data-confirm]').forEach(function (f) {
    f.addEventListener('submit', function (e) {
      if (!window.confirm(f.getAttribute('data-confirm'))) e.preventDefault();
    });
  });

  /* ---------- 追加时长面板：点日历挑终止日 + 实时反算 ---------- */
  document.querySelectorAll('form[data-extend]').forEach(function (form) {
    var base = parseDay(form.getAttribute('data-base'));
    var today = parseDay(form.getAttribute('data-today'));
    var input = form.querySelector('[data-end-input]');
    var endLabel = form.querySelector('[data-end-label]');
    var daysEl = form.querySelector('[data-days]');
    var remainEl = form.querySelector('[data-remain]');
    var buttons = form.querySelectorAll('.miniday');
    if (!input) return;

    function paint(date) {
      if (!date) return;
      var d = parseDay(date);
      input.value = date;
      if (endLabel) endLabel.textContent = date;
      var days = diffDays(base, d) + 1;
      if (daysEl) daysEl.textContent = days > 0 ? days : 0;
      var remain = diffDays(today, d) + 1;
      if (remainEl) remainEl.textContent = remain > 0 ? remain : 0;
      buttons.forEach(function (b) {
        b.classList.toggle('picked', b.getAttribute('data-date') === date);
      });
    }

    buttons.forEach(function (b) {
      b.addEventListener('click', function () {
        if (!b.disabled) paint(b.getAttribute('data-date'));
      });
    });
    input.addEventListener('change', function () { paint(input.value); });
    if (input.value) paint(input.value);
  });

  /* ---------- 新订阅表单：选套餐时带出默认天数 ---------- */
  document.querySelectorAll('form[data-sub-form]').forEach(function (form) {
    var sel = form.querySelector('[data-pkg-select]');
    var daysWrap = form.querySelector('[data-days-wrap]');
    if (!sel || !daysWrap) return;
    var daysInput = daysWrap.querySelector('input');

    sel.addEventListener('change', function () {
      var opt = sel.options[sel.selectedIndex];
      var amount = opt && parseInt(opt.getAttribute('data-amount') || '0', 10);
      if (amount > 0 && daysInput) daysInput.value = amount;
    });
  });

  /* ---------- 批量开通：表头全选 + 半选状态 ---------- */
  document.querySelectorAll('[data-select-all]').forEach(function (box) {
    var form = box.closest('form') || document;
    var boxes = form.querySelectorAll('input[name="customer_ids"]');

    function refresh() {
      var total = 0, checked = 0;
      boxes.forEach(function (c) {
        if (c.disabled) return;
        total++;
        if (c.checked) checked++;
      });
      box.checked = total > 0 && checked === total;
      box.indeterminate = checked > 0 && checked < total;
    }

    box.addEventListener('change', function () {
      boxes.forEach(function (c) { if (!c.disabled) c.checked = box.checked; });
      box.indeterminate = false;
    });
    boxes.forEach(function (c) { c.addEventListener('change', refresh); });
    refresh();
  });
})();

/* ---------- 亮色 / 暗色切换 ----------
   唯一状态源是 <html data-bs-theme>：服务端按 Cookie 直出，
   没有 Cookie 时由 <head> 里的内联脚本按系统偏好补上。 */
(function () {
  'use strict';
  var KEY = 'daili_theme';
  var root = document.documentElement;
  var btns = document.querySelectorAll('[data-theme-toggle]');
  if (!btns.length) return;

  function current() {
    return root.getAttribute('data-bs-theme') === 'dark' ? 'dark' : 'light';
  }
  function paint() {
    var dark = current() === 'dark';
    btns.forEach(function (b) { b.setAttribute('aria-pressed', dark ? 'true' : 'false'); });
  }

  btns.forEach(function (btn) {
    btn.addEventListener('click', function () {
      var next = current() === 'dark' ? 'light' : 'dark';
      root.setAttribute('data-bs-theme', next);
      document.cookie = KEY + '=' + next + '; path=/; max-age=31536000; SameSite=Lax';
      paint();
    });
  });
  paint();
})();

/* ---------- 抽屉时钟 + 更多菜单 ---------- */
(function () {
  'use strict';

  /* 时钟：精确到秒 */
  var clocks = document.querySelectorAll('[data-clock]');
  function tick() {
    var d = new Date();
    var pad = function (n) { return n < 10 ? '0' + n : '' + n; };
    var t = pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds());
    clocks.forEach(function (el) { el.textContent = t; });
  }
  if (clocks.length) { tick(); setInterval(tick, 1000); }

  /* 更多菜单：点开一个时收起其它，点空白处关闭 */
  document.addEventListener('click', function (e) {
    document.querySelectorAll('.more-actions[open]').forEach(function (d) {
      if (!d.contains(e.target)) { d.removeAttribute('open'); }
    });
  });
})();