@podosoft/podokit 0.3.0 → 0.5.0

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/+layout.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { goto } from "$app/navigation";
+  import * as Sidebar from "$lib/components/ui/sidebar";
+  import { Separator } from "$lib/components/ui/separator";
+  import { Button } from "$lib/components/ui/button";
+  import AppSidebar from "$lib/components/app-sidebar.svelte";
+  import ThemeToggle from "$lib/components/theme-toggle.svelte";
+  import LanguageSwitch from "$lib/components/language-switch.svelte";
+  import { Toaster } from "$lib/components/ui/sonner";
+  import { api } from "$lib/api";
+  import { getI18n } from "$lib/i18n";
+  import type { SessionUser } from "../../app.d.ts";
+
+  let {
+    children,
+    data,
+  }: {
+    children: import("svelte").Snippet;
+    data: { user: SessionUser; impersonating: boolean; capabilities: { auditLog?: boolean } };
+  } = $props();
+  const i18n = getI18n();
+
+  async function stopImpersonating(): Promise<void> {
+    await api.auth.admin.stopImpersonating();
+    await goto("/admin", { invalidateAll: true });
+  }
+</script>
+
+<Sidebar.Provider>
+  <AppSidebar user={data.user} capabilities={data.capabilities} />
+  <Sidebar.Inset>
+    {#if data.impersonating}
+      <div class="bg-primary text-primary-foreground flex items-center justify-between gap-2 px-4 py-2 text-sm">
+        <span>{i18n.t.users.impersonatingAs.replace("{email}", data.user.email)}</span>
+        <Button variant="secondary" size="sm" onclick={stopImpersonating}>{i18n.t.users.stopImpersonating}</Button>
+      </div>
+    {/if}
+    <header class="flex h-14 items-center gap-2 border-b px-4">
+      <Sidebar.Trigger />
+      <Separator orientation="vertical" class="mr-2 h-4" />
+      <div class="flex-1"></div>
+      <LanguageSwitch />
+      <ThemeToggle />
+    </header>
+    <main class="flex-1 overflow-auto p-6">
+      {@render children()}
+    </main>
+  </Sidebar.Inset>
+</Sidebar.Provider>
+<Toaster />

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/accept-invitation/[id]/+page.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+  import { page } from "$app/state";
+  import { goto } from "$app/navigation";
+  import { Button } from "$lib/components/ui/button";
+  import * as Card from "$lib/components/ui/card";
+  import { api } from "$lib/api";
+  import { getI18n } from "$lib/i18n";
+
+  const i18n = getI18n();
+  let status = $state<"pending" | "ok" | "error">("pending");
+
+  async function accept(): Promise<void> {
+    const { error } = await api.auth.organization.acceptInvitation({ invitationId: page.params.id ?? "" });
+    status = error ? "error" : "ok";
+  }
+
+  $effect(() => {
+    void accept();
+  });
+</script>
+
+<div class="mx-auto flex min-h-[60vh] max-w-md items-center">
+  <Card.Root class="w-full">
+    <Card.Header>
+      <Card.Title>{i18n.t.acceptInvitation.title}</Card.Title>
+      <Card.Description>
+        {#if status === "pending"}{i18n.t.acceptInvitation.pending}
+        {:else if status === "ok"}{i18n.t.acceptInvitation.ok}
+        {:else}{i18n.t.acceptInvitation.error}{/if}
+      </Card.Description>
+    </Card.Header>
+    <Card.Content>
+      <Button onclick={() => goto("/admin/organizations")}>{i18n.t.acceptInvitation.goToOrgs}</Button>
+    </Card.Content>
+  </Card.Root>
+</div>

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/admin/+page.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+  import * as Card from "$lib/components/ui/card";
+  import { api } from "$lib/api";
+  import { getI18n, fmt } from "$lib/i18n";
+  import type { SessionUser } from "../../../app.d.ts";
+
+  type Capabilities = { emailVerification: boolean };
+  let { data }: { data: { user: SessionUser; capabilities: Capabilities } } = $props();
+  const i18n = getI18n();
+
+  // Unverified-user count — only when email verification is enabled.
+  let unverifiedCount = $state<number | null>(null);
+  $effect(() => {
+    if (!data.capabilities.emailVerification) return;
+    void (async () => {
+      const { data: res } = await api.auth.admin.listUsers({
+        query: { filterField: "emailVerified", filterOperator: "eq", filterValue: false, limit: 1 },
+      });
+      unverifiedCount = res?.total ?? 0;
+    })();
+  });
+</script>
+
+<div class="flex flex-col gap-6">
+  <div>
+    <h1 class="text-2xl font-semibold">{i18n.t.dashboard.title}</h1>
+    <p class="text-muted-foreground text-sm">{fmt(i18n.t.dashboard.welcome, { name: data.user.name })}</p>
+  </div>
+  <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+    <Card.Root>
+      <Card.Header><Card.Title>{i18n.t.dashboard.yourRole}</Card.Title></Card.Header>
+      <Card.Content class="text-2xl font-semibold capitalize">{data.user.role ?? "user"}</Card.Content>
+    </Card.Root>
+    <Card.Root>
+      <Card.Header><Card.Title>{i18n.t.dashboard.signedInAs}</Card.Title></Card.Header>
+      <Card.Content class="text-muted-foreground truncate text-sm">{data.user.email}</Card.Content>
+    </Card.Root>
+    {#if data.capabilities.emailVerification}
+      <Card.Root>
+        <Card.Header><Card.Title>{i18n.t.dashboard.unverifiedUsers}</Card.Title></Card.Header>
+        <Card.Content class="text-2xl font-semibold">{unverifiedCount ?? "—"}</Card.Content>
+      </Card.Root>
+    {/if}
+  </div>
+</div>

package/dist/templates/modules/admin-dashboard/files/apps/web/src/routes/(app)/admin/account/+page.server.ts

@@ -0,0 +1,5 @@
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = ({ locals }) => {
+  return { currentSessionId: locals.session?.id ?? null };
+};