Function initCanvasPage

web/app.js:1762–1963

()

  }

  async function initCanvasPage() {
    const params = new URLSearchParams(window.location.search);
    const jobId = params.get("job");
    const source = params.get("source");
    const statusText = $("statusText");
    const jobIdEl = $("jobId");
    const artifactPanel = $("artifactPanel");
    const artifactList = $("artifactList");
    const toggle = $("artifactToggle");
    const logToggle = $("logToggle");
    const backToConfigBtn = $("backToConfigBtn");
    const logPanel = $("logPanel");
    const logBody = $("logBody");
    const iframe = $("svgEditorFrame");
    const fallback = $("svgFallback");
    const fallbackObject = $("fallbackObject");
    let currentStep = 0;
    let isFinished = false;
    let statusState = "waiting";

    if (!jobId) {
      statusText.textContent = t("canvas.missing_job");
      return;
    }

    function setCanvasLocale() {
      setText("canvasBrandTitle", t("canvas.brand"));
      setText("canvasStatusLabel", t("canvas.status_label"));
      setText("canvasJobLabel", t("canvas.job"));
      setText("fallbackTitle", t("canvas.fallback_title"));
      setHTML("fallbackBody", t("canvas.fallback_body"));
      setText("artifactPanelTitle", t("canvas.artifacts"));
      setText("logPanelTitle", t("canvas.logs"));
      setText("logToggle", t("canvas.logs"));
      if (backToConfigBtn) {
        backToConfigBtn.textContent =
          source === "import" ? t("canvas.back_import") : t("canvas.back_config");
      }
      if (statusState === "waiting") {
        statusText.textContent = t("canvas.waiting");
      } else if (statusState === "running") {
        statusText.textContent = currentLocale === "zh" ? "运行中" : "Running";
      } else if (statusState === "disconnected") {
        statusText.textContent = currentLocale === "zh" ? "连接断开" : "Disconnected";
      } else if (statusState === "done") {
        statusText.textContent = currentLocale === "zh" ? "完成" : "Done";
      }
    }

    onLocaleChange(setCanvasLocale);

    jobIdEl.textContent = jobId;

    toggle.addEventListener("click", () => {
      artifactPanel.classList.toggle("open");
    });

    logToggle.addEventListener("click", () => {