feat(render+admin): exports management (all users' rendered videos)
Build backend images / build content-svc (push) Failing after 54s
Build backend images / build file-svc (push) Failing after 55s
Build backend images / build gateway (push) Failing after 52s
Build backend images / build identity-svc (push) Failing after 55s
Build backend images / build notification-svc (push) Failing after 58s
Build backend images / build render-svc (push) Failing after 48s
Build backend images / build studio-svc (push) Failing after 1m0s
Build backend images / build content-svc (push) Failing after 54s
Build backend images / build file-svc (push) Failing after 55s
Build backend images / build gateway (push) Failing after 52s
Build backend images / build identity-svc (push) Failing after 55s
Build backend images / build notification-svc (push) Failing after 58s
Build backend images / build render-svc (push) Failing after 48s
Build backend images / build studio-svc (push) Failing after 1m0s
- render-svc: admin-scoped store (ListAllExports / GetExportByIDAny / SoftDeleteExportAny) + GET/DELETE/download-url under /v1/admin-exports (admin-gated; separate prefix so it routes to render, not identity's /admin) - gateway: /v1/admin-exports/* → render - admin /admin/exports: paginated table of every rendered export with thumbnail, type/quality, size, duration, dimensions, produce + expiry dates; download (presigned URL) and delete Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import { ExportsAdmin } from "@/components/admin/ExportsAdmin";
|
||||
|
||||
export default function Page() {
|
||||
return <ExportsAdmin />;
|
||||
}
|
||||
@@ -42,6 +42,7 @@ export default async function AdminLayout({
|
||||
{ href: "/admin/nodes", label: t("nodes") },
|
||||
{ href: "/admin/node-fonts", label: t("nodeFonts") },
|
||||
{ href: "/admin/renders", label: t("renderQueue") },
|
||||
{ href: "/admin/exports", label: t("exports") },
|
||||
];
|
||||
return (
|
||||
<div className="min-h-screen bg-[#0c0e1a] text-gray-200">
|
||||
|
||||
@@ -0,0 +1,108 @@
|
||||
"use client";
|
||||
|
||||
import { useCallback, useEffect, useState } from "react";
|
||||
|
||||
import { AdminThumb } from "@/components/admin/AdminThumb";
|
||||
import { humanSize } from "@/lib/admin-files";
|
||||
|
||||
interface Export {
|
||||
id: string; user_id: string; image?: string | null; path: string;
|
||||
file_type: string; file_extension: string; render_quality: string;
|
||||
size_bytes: number; duration_sec?: number | null; width?: number | null; height?: number | null;
|
||||
produce_date: string; auto_delete_date: string;
|
||||
}
|
||||
|
||||
const card = "rounded-xl border border-[#1e2235] bg-[#0f1120]";
|
||||
const ghost = "rounded-lg border border-[#262b40] px-2.5 py-1 text-xs text-gray-300 hover:bg-[#161a2e] disabled:opacity-50";
|
||||
|
||||
function faDate(iso: string) {
|
||||
try { return new Date(iso).toLocaleDateString("fa-IR"); } catch { return iso?.slice(0, 10) ?? "—"; }
|
||||
}
|
||||
function expired(iso: string) { return new Date(iso).getTime() < Date.now(); }
|
||||
|
||||
export function ExportsAdmin() {
|
||||
const [rows, setRows] = useState<Export[]>([]);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [page, setPage] = useState(1);
|
||||
const [total, setTotal] = useState(0);
|
||||
const pageSize = 30;
|
||||
|
||||
const load = useCallback(async () => {
|
||||
setLoading(true);
|
||||
const r = await fetch(`/api/admin/resource/admin-exports?page=${page}&pageSize=${pageSize}`, { cache: "no-store" })
|
||||
.then((x) => x.json()).catch(() => null);
|
||||
setRows(r?.data ?? []);
|
||||
setTotal(r?.meta?.total ?? 0);
|
||||
setLoading(false);
|
||||
}, [page]);
|
||||
useEffect(() => { load(); }, [load]);
|
||||
|
||||
const download = async (e: Export) => {
|
||||
const r = await fetch(`/api/admin/resource/admin-exports/${e.id}/download-url`, { cache: "no-store" })
|
||||
.then((x) => x.json()).catch(() => null);
|
||||
if (r?.url) window.open(r.url, "_blank");
|
||||
};
|
||||
const remove = async (e: Export) => {
|
||||
if (!confirm("این خروجی حذف شود؟")) return;
|
||||
await fetch(`/api/admin/resource/admin-exports/${e.id}`, { method: "DELETE" });
|
||||
load();
|
||||
};
|
||||
|
||||
const totalPages = Math.max(1, Math.ceil(total / pageSize));
|
||||
|
||||
return (
|
||||
<div className="space-y-4" dir="rtl">
|
||||
<div>
|
||||
<h1 className="text-xl font-semibold text-white">خروجیهای رندر</h1>
|
||||
<p className="mt-1 text-sm text-gray-400">همهٔ ویدیوها/تصاویر رندرشدهٔ کاربران. دانلود یا حذف کنید.</p>
|
||||
</div>
|
||||
|
||||
<div className={`${card} overflow-hidden`}>
|
||||
<table className="w-full text-sm">
|
||||
<thead><tr className="border-b border-[#1e2235] text-start text-xs text-gray-500">
|
||||
<th className="px-4 py-3">پیشنمایش</th><th className="px-4 py-3">نوع</th><th className="px-4 py-3">کیفیت</th>
|
||||
<th className="px-4 py-3">حجم</th><th className="px-4 py-3">مدت</th><th className="px-4 py-3">ابعاد</th>
|
||||
<th className="px-4 py-3">تاریخ تولید</th><th className="px-4 py-3">انقضا</th><th className="px-4 py-3 text-end">عملیات</th>
|
||||
</tr></thead>
|
||||
<tbody>
|
||||
{loading ? (
|
||||
<tr><td colSpan={9} className="px-4 py-8 text-center text-gray-500">در حال بارگذاری…</td></tr>
|
||||
) : rows.length === 0 ? (
|
||||
<tr><td colSpan={9} className="px-4 py-8 text-center text-gray-500">خروجیای یافت نشد.</td></tr>
|
||||
) : rows.map((e) => (
|
||||
<tr key={e.id} className="border-b border-[#161a2e] hover:bg-[#12152a]">
|
||||
<td className="px-4 py-3"><AdminThumb src={e.image} size={48} /></td>
|
||||
<td className="px-4 py-3 text-gray-400">{e.file_type}{e.file_extension ? `.${e.file_extension}` : ""}</td>
|
||||
<td className="px-4 py-3 text-gray-400">{e.render_quality}</td>
|
||||
<td className="px-4 py-3 text-gray-300">{humanSize(e.size_bytes)}</td>
|
||||
<td className="px-4 py-3 text-gray-400">{e.duration_sec ? `${Math.round(e.duration_sec)}s` : "—"}</td>
|
||||
<td className="px-4 py-3 text-gray-500">{e.width && e.height ? `${e.width}×${e.height}` : "—"}</td>
|
||||
<td className="px-4 py-3 text-gray-400">{faDate(e.produce_date)}</td>
|
||||
<td className="px-4 py-3">
|
||||
<span className={expired(e.auto_delete_date) ? "text-red-300" : "text-gray-400"}>{faDate(e.auto_delete_date)}</span>
|
||||
</td>
|
||||
<td className="px-4 py-3">
|
||||
<div className="flex items-center justify-end gap-2">
|
||||
<button className={ghost} onClick={() => download(e)}>دانلود</button>
|
||||
<button className="rounded-lg border border-red-500/30 px-2.5 py-1 text-xs text-red-300 hover:bg-red-500/10" onClick={() => remove(e)}>حذف</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between text-xs text-gray-500">
|
||||
<span>{total.toLocaleString("fa-IR")} خروجی</span>
|
||||
{totalPages > 1 && (
|
||||
<div className="flex items-center gap-2">
|
||||
<button className={ghost} disabled={page <= 1} onClick={() => setPage((p) => p - 1)}>قبلی</button>
|
||||
<span>صفحهٔ {page.toLocaleString("fa-IR")} از {totalPages.toLocaleString("fa-IR")}</span>
|
||||
<button className={ghost} disabled={page >= totalPages} onClick={() => setPage((p) => p + 1)}>بعدی</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user