Reapply "Add missing admin action files and navigation links"

This reverts commit 4d515bc400.
This commit is contained in:
Simo committed 2026-07-11 20:52:56 +02:00
1 parent 96ed768f14
commit 5b4228261a
338 files changed
+28143 -5948

No files matched your search

+32 -142
View File
@@ -1,150 +1,40 @@
import {
createPermission,
deletePermission,
updatePermission,
} from "@/actions/admin-permissions";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
import { Shield } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { redirect } from 'next/navigation'
import { Prisma } from '@/generated/prisma/client'
import { getAdminContext } from '@/lib/permissions'
import { prisma } from '@/lib/prisma'
import { fetchEmulatorRankSummaries } from '@/lib/services/permission-ranks'
import { PermissionsList } from './permissions-list'
export const dynamic = "force-dynamic";
export default async function PermissionsPage(_props: { params: Promise<{ locale: string }> }) {
const { permissions } = await getAdminContext()
if (!permissions.isSuperAdmin) redirect('/admin')
// Manages website_permissions (model WebsitePermissions) — the CMS-owned
// permission -> minimum-rank mapping. Each row names a permission and the lowest
// rank allowed to use it, with an optional description.
type PermissionRow = {
id: bigint;
permission: string;
minRank: number;
description: string | null;
};
const ranks = await fetchEmulatorRankSummaries(prisma)
export default async function AdminPermissions() {
const t = await getTranslations("pages.admin.permissions");
let permissions: PermissionRow[] = [];
try {
permissions = await prisma.websitePermissions.findMany({
select: { id: true, permission: true, minRank: true, description: true },
orderBy: { minRank: "asc" },
take: 500,
});
} catch {
permissions = [];
// User counts per rank
const rawCounts: { rank: number; cnt: number }[] = await prisma.$queryRaw(
Prisma.sql`SELECT \`rank\`, COUNT(*) as cnt FROM users GROUP BY \`rank\``,
)
const countMap: Record<number, number> = {}
for (const row of rawCounts) {
countMap[Number(row.rank)] = Number(row.cnt)
}
const highestRank = permissions.reduce((max, p) => Math.max(max, p.minRank), 0);
// Auto-create CMS roles for ranks >= 4
for (const rank of ranks) {
if (rank.id >= 4) {
await prisma.aclRole.upsert({
where: { slug: `rank_${rank.id}` },
create: { slug: `rank_${rank.id}`, title: rank.rank_name || `Rank ${rank.id}` },
update: {},
})
}
}
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
<Shield size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
const ranksWithCounts = ranks.map((rank) => ({
...rank,
userCount: countMap[rank.id] ?? 0,
}))
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label={t("permissions")} value={permissions.length} icon="🔑" />
<StatusCard label={t("highestMinRank")} value={highestRank} icon="🎖️" />
</div>
<form action={createPermission} className="admin-card mb-6">
<h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("addPermission")}</h3>
<div className="flex gap-2 flex-wrap">
<input name="permission" placeholder={t("permissionPlaceholder")} required maxLength={255} />
<input
name="minRank"
type="number"
min={0}
placeholder={t("minRankPlaceholder")}
defaultValue={1}
className="w-[110px]"
/>
<input
name="description"
placeholder={t("descriptionPlaceholder")}
className="flex-1 min-w-[160px]"
/>
<button type="submit" className="btn btn-primary">
{t("save")}
</button>
</div>
</form>
<section className="mt-6">
<h2 className="admin-section-title">{t("permissions")} ({permissions.length})</h2>
{permissions.length === 0 ? (
<div className="admin-empty">{t("noPermissions")}</div>
) : (
<div className="overflow-x-auto">
<table>
<thead>
<tr>
<th>{t("colId")}</th>
<th>{t("colPermission")}</th>
<th>{t("colMinRank")}</th>
<th>{t("colDescription")}</th>
<th />
</tr>
</thead>
<tbody>
{permissions.map((p) => (
<tr key={String(p.id)}>
<td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">{String(p.id)}</td>
<td>
<form
id={`perm-${String(p.id)}`}
action={updatePermission}
style={{ display: "contents" }}
>
<input type="hidden" name="id" value={String(p.id)} />
<input name="permission" defaultValue={p.permission} required maxLength={255} />
</form>
</td>
<td>
<input
form={`perm-${String(p.id)}`}
name="minRank"
type="number"
min={0}
defaultValue={p.minRank}
className="w-[90px]"
/>
</td>
<td>
<input
form={`perm-${String(p.id)}`}
name="description"
defaultValue={p.description ?? ""}
className="w-full"
/>
</td>
<td className="flex gap-2">
<button
type="submit"
form={`perm-${String(p.id)}`}
className="btn btn-primary"
>
{t("save")}
</button>
<form action={deletePermission}>
<input type="hidden" name="id" value={String(p.id)} />
<button type="submit" className="btn btn-danger">
{t("delete")}
</button>
</form>
</td>
</tr>
))}
</tbody>
</table>
</div>
)}
</section>
</main>
);
return <PermissionsList ranks={ranksWithCounts} />
}