feat(admin-ui): members panel, invite links, audit tab and role-aware console

- New MembersPanel: role switching, add/remove members, invite-link
  generation with copy/revoke, pending invite list
- New Audit tab (AuditLog.vue) with group filter
- Role-aware UI: viewer hides route/group edit actions (RouteCard readonly),
  owner-only controls, role badge + member count on group cards
- GroupEditor: members managed via panel, owners field super-admin only
- en/zh i18n and CSS for the new panels
This commit is contained in:
RhenCloud 2026-08-11 23:38:33 +08:00
parent 252f6f181a
commit 11b74aa82a
No known key found for this signature in database
GPG key ID: A574A617378C4E0B
11 changed files with 805 additions and 55 deletions

View file

@ -0,0 +1,71 @@
import type { GroupInvite } from "~/types";
export function useInvitesApi() {
const loading = ref(false);
const error = ref("");
async function create(groupId: string, role: "admin" | "viewer"): Promise<string> {
loading.value = true;
error.value = "";
try {
const res = await fetch(`/admin/api/groups/${encodeURIComponent(groupId)}/invites`, {
method: "POST",
headers: { "content-type": "application/json" },
credentials: "same-origin",
body: JSON.stringify({ role }),
});
if (!res.ok) {
const data = (await res.json().catch(() => ({}))) as { error?: string };
throw new Error(data.error ?? `HTTP ${res.status}`);
}
const data = (await res.json()) as { url?: string };
return data.url ?? "";
} catch (err) {
error.value = err instanceof Error ? err.message : String(err);
throw err;
} finally {
loading.value = false;
}
}
async function list(groupId: string): Promise<GroupInvite[]> {
loading.value = true;
error.value = "";
try {
const res = await fetch(`/admin/api/groups/${encodeURIComponent(groupId)}/invites`, {
headers: { accept: "application/json" },
credentials: "same-origin",
});
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const data = (await res.json()) as { invites?: GroupInvite[] };
return data.invites ?? [];
} catch (err) {
error.value = err instanceof Error ? err.message : String(err);
return [];
} finally {
loading.value = false;
}
}
async function revoke(token: string): Promise<void> {
loading.value = true;
error.value = "";
try {
const res = await fetch(`/admin/api/invites/${encodeURIComponent(token)}`, {
method: "DELETE",
credentials: "same-origin",
});
if (!res.ok) {
const data = (await res.json().catch(() => ({}))) as { error?: string };
throw new Error(data.error ?? `HTTP ${res.status}`);
}
} catch (err) {
error.value = err instanceof Error ? err.message : String(err);
throw err;
} finally {
loading.value = false;
}
}
return { loading, error, create, list, revoke };
}