crab-webapp/public/js/index.js

// Download logic
document.getElementById("downloadBtn").onclick = () => {
    const ds = document.getElementById("datasetSelect").value;
    const withCtx = document.getElementById("withContext").checked;
    const url =
        `/datasets/download/${ds}` + (withCtx ? "?withContext=true" : "");
    window.location = url;
};

// Upload logic
document.getElementById("uploadBtn").onclick = async () => {
    const type = document.getElementById("answerType").value;
    const fileInput = document.getElementById("fileInput");
    if (!fileInput.files.length) {
        return alert("Please choose a JSON file first.");
    }
    const file = fileInput.files[0];
    const form = new FormData();
    form.append("file", file);

    const res = await fetch(`/answers/submit/${type}`, {
        headers: {
            "X-Socket-Id": socket.id,
        },
        method: "POST",
        body: form,
    });

    const json = await res.json();
    const statusEl = document.getElementById("status");
    if (res.ok) {
        statusEl.style.color = "green";
        statusEl.textContent = json.message || "Upload succeeded!";
    } else {
        statusEl.style.color = "red";
        statusEl.textContent =
            json.error + (json.message ? ": " + json.message : "");
    }
};