refactor(code): Cleaned-up the code base

2026-04-30 11:05:56 +03:00
parent a729b641b2
commit f0b723e35d
71 changed files with 6848 additions and 5394 deletions
--- a/static/js/upload/popups.js
+++ b/static/js/upload/popups.js
@@ -0,0 +1,88 @@
+async function copyText(kind, value, openUrl = "") {
+    if (!value) {
+        showToast(`No ${kind.toLowerCase()} yet.`, "warning");
+        return;
+    }
+    try {
+        await navigator.clipboard.writeText(value);
+        showToast(`${kind} copied to clipboard.`);
+        setStatus(`Copied ${kind.toLowerCase()}`);
+    } catch (_) {
+        showCopyFallback(kind, value, openUrl);
+    }
+}
+
+function showCopyFallback(kind, value, openUrl) {
+    const openLink = openUrl ? `<a class="win98-button" href="${htmlEscape(openUrl)}" target="_blank" rel="noreferrer">Open</a>` : "";
+    showTemplatePopup(`${kind} copy failed`, "copy-failed", {
+        value: htmlEscape(value),
+        openLink,
+    });
+}
+
+function quotaWarningHtml(message) {
+    const tooLarge = oversizedFiles();
+    const parts = [];
+    if (tooLarge.length) {
+        parts.push("<p class=\"quota-dialog-summary\"><strong>Single-file limit exceeded.</strong> Remove these files before uploading.</p>");
+        parts.push(`<ol class="quota-dialog-list">${tooLarge.map((item) => `<li><strong>${htmlEscape(item.displayName)}</strong> <span>${formatBytes(item.file.size)} / max ${formatBytes(maxFileBytes)}</span></li>`).join("")}</ol>`);
+    }
+    if (isOverBoxQuota()) {
+        parts.push(`<p class="quota-dialog-summary"><strong>Box quota exceeded.</strong> Current total is ${formatBytes(totalBytes())}. The limit is ${formatBytes(maxBoxBytes)}. Remove ${formatBytes(totalBytes() - maxBoxBytes)} or more.</p>`);
+    }
+    if (!parts.length) parts.push(`<p>${htmlEscape(message)}</p>`);
+    return parts.join("");
+}
+
+function showWarningDialog(title, message) {
+    showTemplatePopup(title, "warning", {
+        title: htmlEscape(title),
+        content: quotaWarningHtml(message),
+    });
+}
+
+function openPopup(title, html, about = false) {
+    window.WarpBoxUI.openPopup(title, html, {
+        about,
+        popup: el.docPopup,
+        title: el.docPopupTitle,
+        body: el.docPopupBody,
+        backdrop: el.modalBackdrop,
+    });
+}
+
+function closeDoc() {
+    window.WarpBoxUI.closePopup({ popup: el.docPopup, backdrop: el.modalBackdrop });
+}
+
+async function showTemplatePopup(title, templateName, data = {}, about = false) {
+    try {
+        const html = await window.WBPopups.renderTemplate(templateName, data);
+        openPopup(title, html, about);
+    } catch (error) {
+        showToast(error.message || `Could not load ${title}.`, "error");
+    }
+}
+
+function popupTemplateData(name) {
+    const data = { origin: window.location.origin };
+    if (name !== "dailyQuota") return data;
+    return {
+        ...data,
+        boxLimit: maxBoxBytes ? formatBytes(maxBoxBytes) : "No configured limit",
+        boxPercent: maxBoxBytes ? Math.min(100, Math.round((totalBytes() / maxBoxBytes) * 100)) : 0,
+        fileLimit: maxFileBytes ? formatBytes(maxFileBytes) : "No configured limit",
+        filePercent: oversizedFiles().length ? 100 : 0,
+    };
+}
+
+async function openDoc(name) {
+    try {
+        const doc = await window.WBPopups.renderDoc(name, popupTemplateData(name));
+        if (!doc) return;
+        openPopup(doc.title, doc.html, doc.about);
+        setStatus(`${doc.title} opened`);
+    } catch (error) {
+        showToast(error.message || "Could not load help window.", "error");
+    }
+}