Function bindEvents

tests/loadtest/tools/dashboard/app.js:40–92

()

}

function bindEvents() {
  elements.refreshButton.addEventListener("click", () => {
    refreshRuns().catch(handleError);
  });

  elements.compareButton.addEventListener("click", () => {
    toggleCompareMode().catch(handleError);
  });

  elements.fileButton.addEventListener("click", () => {
    elements.fileInput.click();
  });

  elements.fileInput.addEventListener("change", async (event) => {
    const [file] = event.target.files || [];
    if (file) {
      await loadUploadedFile(file);
    }
    event.target.value = "";
  });

  ["dragenter", "dragover"].forEach((eventName) => {
    elements.dropZone.addEventListener(eventName, (event) => {
      event.preventDefault();
      elements.dropZone.classList.add("drag-active");
    });
  });

  ["dragleave", "dragend", "drop"].forEach((eventName) => {
    elements.dropZone.addEventListener(eventName, (event) => {
      event.preventDefault();
      elements.dropZone.classList.remove("drag-active");
    });
  });

  elements.dropZone.addEventListener("drop", async (event) => {
    const [file] = event.dataTransfer?.files || [];
    if (file) {
      await loadUploadedFile(file);
    }
  });

  elements.dropZone.addEventListener("click", () => {
    elements.fileInput.click();
  });

  elements.dropZone.addEventListener("keydown", (event) => {
    if (event.key === "Enter" || event.key === " ") {
      event.preventDefault();
      elements.fileInput.click();
    }
  });
}

async function refreshRuns() {
  const response = await fetch("/api/runs", { cache: "no-store" });