Add resumable downloads, download paths, queue controls and history

web/static/js/download-form.js

@@ -0,0 +1,77 @@
+import { api } from "./api.js";
+
+const fields = {
+  form: document.getElementById("download-form"),
+  urls: document.getElementById("download-urls"),
+  name: document.getElementById("download-name"),
+  autoExtract: document.getElementById("auto-extract"),
+  destination: document.getElementById("download-destination"),
+  subfolder: document.getElementById("download-subfolder"),
+  error: document.getElementById("download-error"),
+};
+
+export function setupDownloadForm(onCreated) {
+  fields.form.addEventListener("submit", (event) => submitDownloads(event, onCreated));
+  fields.urls.addEventListener("keydown", (event) => {
+    if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
+      event.preventDefault();
+      fields.form.requestSubmit();
+    }
+  });
+  fields.destination.addEventListener("change", updateSubfolderState);
+}
+
+export function setAutoExtractDefault(enabled) {
+  fields.autoExtract.checked = enabled;
+}
+
+export function destinationSelect() {
+  return fields.destination;
+}
+
+export function updateSubfolderState() {
+  fields.subfolder.disabled = fields.destination.value === "";
+}
+
+async function submitDownloads(event, onCreated) {
+  event.preventDefault();
+  fields.error.textContent = "";
+
+  const urls = fields.urls.value.split("\n").map((line) => line.trim()).filter(Boolean);
+  const fileName = fields.name.value.trim();
+  if (urls.length === 0) {
+    fields.error.textContent = "Paste at least one link.";
+    return;
+  }
+  if (fileName && urls.length > 1) {
+    fields.error.textContent = "A file name can only be set when downloading a single link.";
+    return;
+  }
+
+  const failedUrls = [];
+  let firstError = "";
+  for (const url of urls) {
+    try {
+      await api.createJob({
+        url,
+        fileName,
+        autoExtract: fields.autoExtract.checked,
+        destination: fields.destination.value,
+        subfolder: fields.subfolder.value.trim(),
+      });
+    } catch (error) {
+      failedUrls.push(url);
+      if (!firstError) firstError = error.message;
+    }
+  }
+
+  fields.urls.value = failedUrls.join("\n");
+  if (failedUrls.length === 0) {
+    fields.name.value = "";
+    fields.subfolder.value = "";
+  } else {
+    const prefix = urls.length > 1 ? `${failedUrls.length} of ${urls.length} links failed: ` : "";
+    fields.error.textContent = prefix + firstError;
+  }
+  await onCreated();
+}