crypto_monitor/static/strategy_roll.js

(function () {
  "use strict";

  function syncRollFormMode(form, mode) {
    if (!form) return;
    const m = mode || "market";
    form.setAttribute("data-add-mode", m);
    const showFib = m === "fib_618" || m === "fib_786";
    const showBreakout = m === "breakout";
    const fibWrap = form.querySelector(".roll-field-fib");
    const breakoutWrap = form.querySelector(".roll-field-breakout");
    const fibUpper = form.querySelector("#roll-fib-upper");
    const fibLower = form.querySelector("#roll-fib-lower");
    const breakoutInput = form.querySelector("#roll-breakout");

    function tuneInput(inp, active, required) {
      if (!inp) return;
      inp.disabled = !active;
      inp.required = !!required && active;
      inp.tabIndex = active ? 0 : -1;
      if (!active) inp.value = "";
    }

    if (fibWrap) fibWrap.setAttribute("aria-hidden", showFib ? "false" : "true");
    if (breakoutWrap) breakoutWrap.setAttribute("aria-hidden", showBreakout ? "false" : "true");
    tuneInput(fibUpper, showFib, showFib);
    tuneInput(fibLower, showFib, showFib);
    tuneInput(breakoutInput, showBreakout, showBreakout);
  }

  window.syncRollFormMode = syncRollFormMode;

  const form = document.getElementById("roll-form");
  if (!form) return;

  const symbolSel = document.getElementById("roll-symbol");
  const dirInput = document.getElementById("roll-direction");
  const modeSel = document.getElementById("roll-add-mode");
  const riskBanner = document.getElementById("roll-risk-banner");
  const previewBtn = document.getElementById("roll-preview-btn");
  const submitBtn = document.getElementById("roll-submit-btn");
  const previewBox = document.getElementById("roll-preview-box");
  const previewText = document.getElementById("roll-preview-text");
  const countdownEl = document.getElementById("roll-countdown");

  let countdownTimer = null;
  let previewOk = false;
  let lastPreviewMode = "";

  function selectedOption() {
    return symbolSel.options[symbolSel.selectedIndex];
  }

  function syncDirectionLock() {
    const opt = selectedOption();
    if (!opt || !opt.value) {
      riskBanner.textContent = "当前风险：请选择持仓币种";
      return;
    }
    const dir = opt.getAttribute("data-direction") || "long";
    const rp = opt.getAttribute("data-risk-percent") || "—";
    dirInput.value = dir;
    riskBanner.textContent =
      "当前风险：" + rp + "%（来自监控单 #" + (opt.getAttribute("data-monitor-id") || "?") + "）";
  }

  function syncFieldVisibility() {
    syncRollFormMode(form, modeSel.value || "market");
    resetPreview();
  }

  function resetPreview() {
    previewOk = false;
    if (submitBtn) submitBtn.disabled = true;
    if (previewBox) previewBox.style.display = "none";
    if (countdownEl) countdownEl.style.display = "none";
    if (countdownTimer) {
      clearInterval(countdownTimer);
      countdownTimer = null;
    }
  }

  function formPayload() {
    const fd = new FormData(form);
    const obj = {};
    fd.forEach(function (v, k) {
      if (v !== "") obj[k] = v;
    });
    return obj;
  }

  function runPreview() {
    resetPreview();
    if (!symbolSel.value) {
      alert("请先选择持仓币种");
      return;
    }
    previewBtn.disabled = true;
    fetch("/strategy/roll/preview", {
      method: "POST",
      headers: { "Content-Type": "application/json", Accept: "application/json" },
      body: JSON.stringify(formPayload()),
      credentials: "same-origin",
    })
      .then(function (r) {
        return r.json();
      })
      .then(function (data) {
        previewBtn.disabled = false;
        if (!data.ok) {
          alert(data.msg || "预览失败");
          return;
        }
        const p = data.preview || {};
        lastPreviewMode = p.add_mode || modeSel.value;
        previewText.innerHTML =
          "<strong>" +
          (p.add_mode_label || "") +
          "</strong> · 约 <strong>" +
          (p.add_amount_display != null ? p.add_amount_display : p.add_amount_raw) +
          "</strong> 张<br>" +
          "加仓参考价 " +
          (p.add_price_display != null ? p.add_price_display : p.add_price) +
          " · 新止损 " +
          (p.new_sl_display != null ? p.new_sl_display : p.new_stop_loss) +
          "<br>" +
          "合并均价 " +
          p.avg_entry_after +
          " · 打到止损约 " +
          p.loss_at_sl_usdt +
          "U（风险预算 " +
          (p.risk_budget_usdt != null ? p.risk_budget_usdt : "—") +
          "U）";
        previewBox.style.display = "block";
        previewOk = true;
        if (lastPreviewMode === "market") {
          startCountdown(10);
        } else if (submitBtn) {
          submitBtn.disabled = false;
          countdownEl.style.display = "none";
        }
      })
      .catch(function () {
        previewBtn.disabled = false;
        alert("预览请求失败");
      });
  }

  function startCountdown(sec) {
    let left = sec;
    if (submitBtn) submitBtn.disabled = true;
    countdownEl.style.display = "block";
    countdownEl.textContent = "市价加仓：" + left + " 秒后可执行（可取消刷新预览）";
    countdownTimer = setInterval(function () {
      left -= 1;
      if (left <= 0) {
        clearInterval(countdownTimer);
        countdownTimer = null;
        countdownEl.textContent = "可以执行市价加仓";
        if (submitBtn) submitBtn.disabled = false;
        return;
      }
      countdownEl.textContent = "市价加仓：" + left + " 秒后可执行";
    }, 1000);
  }

  symbolSel.addEventListener("change", function () {
    syncDirectionLock();
    resetPreview();
  });
  modeSel.addEventListener("change", syncFieldVisibility);
  form.addEventListener("input", resetPreview);
  form.addEventListener("change", function (e) {
    if (e.target !== previewBtn) resetPreview();
  });
  previewBtn.addEventListener("click", runPreview);
  form.addEventListener("submit", function (e) {
    if (!previewOk) {
      e.preventDefault();
      alert("请先点击预览");
      return;
    }
    if (lastPreviewMode === "market" && submitBtn && submitBtn.disabled) {
      e.preventDefault();
      alert("请等待 10 秒确认倒计时结束");
      return;
    }
    const modeLabel = modeSel.options[modeSel.selectedIndex].text;
    if (!confirm("确认提交「" + modeLabel + "」？")) {
      e.preventDefault();
    }
  });

  syncDirectionLock();
  syncFieldVisibility();
})();