zTools2/static/file_browser.js

/* 文件浏览页：拉取 /api/admin/files、渲染表格、下载/删除/复制 sha。
   每次进入或删除后重新拉取，前端不缓存列表，保证已删除文件不显示。 */
(function () {
  "use strict";
  const { el, toast, copyText, fmtBytes, fmtTime, api } = window.ZK;
  const listEl = document.getElementById("list");
  const countEl = document.getElementById("count");
  const refreshBtn = document.getElementById("refresh");

  refreshBtn.addEventListener("click", load);

  async function load() {
    listEl.innerHTML = '<div class="skel">加载中…</div>';
    countEl.textContent = "";
    try {
      const res = await api("/api/admin/files?limit=500&offset=0");
      if (!res.ok) throw new Error("HTTP " + res.status);
      const body = await res.json();
      render(body.items || []);
      countEl.textContent = `共 ${body.total} 个文件`;
    } catch (e) {
      listEl.innerHTML = '<div class="empty">加载失败：' + (e.message || e) + "</div>";
    }
  }

  function render(items) {
    if (!items.length) {
      listEl.innerHTML = '<div class="empty">还没有文件。去 <a class="link" href="/upload">上传</a> 一个吧。</div>';
      return;
    }
    const table = el("table", { class: "files-table" });
    const thead = el("thead", null,
      el("tr", null,
        el("th", { class: "col-name" }, "文件名 / SHA-256"),
        el("th", { class: "col-size" }, "大小"),
        el("th", { class: "col-src" }, "来源"),
        el("th", { class: "col-time" }, "上传时间"),
        el("th", { class: "col-act" }, "操作")
      )
    );
    const tbody = el("tbody", null);
    for (const f of items) {
      const row = el("tr", null,
        el("td", { class: "col-name" },
          el("div", { class: "fname" }, f.original_filename),
          el("span", { class: "sha mono sha-short", title: "点击复制完整 SHA-256" },
            shortSha(f.sha256))
        ),
        el("td", { class: "col-size mono" }, fmtBytes(f.size_bytes)),
        el("td", { class: "col-src" }, el("span", { class: "tag" }, f.source || "-")),
        el("td", { class: "col-time muted" }, fmtTime(f.uploaded_at)),
        el("td", { class: "col-act" },
          el("a", { class: "btn primary", href: `/api/admin/files/${f.id}/download`, download: "" }, "下载"),
          el("button", { class: "btn danger", onclick: () => remove(f, row) }, "删除")
        )
      );
      const shaNode = row.querySelector(".sha-short");
      shaNode.addEventListener("click", async () => {
        const ok = await copyText(f.sha256);
        toast(ok ? "已复制 SHA-256" : "复制失败");
      });
      tbody.appendChild(row);
    }
    table.appendChild(thead);
    table.appendChild(tbody);
    listEl.innerHTML = "";
    listEl.appendChild(table);
  }

  function shortSha(sha) {
    if (!sha) return "-";
    return sha.length > 16 ? sha.slice(0, 12) + "…" + sha.slice(-4) : sha;
  }

  async function remove(f, row) {
    if (!confirm(`确定删除「${f.original_filename}」？\n此操作不可恢复，将同时删除磁盘文件。`)) return;
    try {
      const res = await api(`/api/admin/files/${f.id}`, { method: "DELETE" });
      if (!res.ok) throw new Error("HTTP " + res.status);
      const body = await res.json();
      if (!body.deleted) { toast("文件已不存在"); }
      row.classList.add("row-removed");
      setTimeout(() => row.remove(), 250);
      toast("已删除");
      // 更新计数
      const m = (countEl.textContent || "").match(/(\d+)/);
      if (m) countEl.textContent = `共 ${Math.max(0, Number(m[1]) - 1)} 个文件`;
    } catch (e) {
      toast("删除失败：" + (e.message || e), "err");
    }
  }

  load();
})();