alexei.dolgolyov
1c0a7cb850
Phase 4 — New Widget Types: - Clock/Weather, System Stats, RSS/Feed, Calendar, Markdown, Metric/Counter, Link Group, Camera/Stream widgets - Backend services with caching for each data source - Full creation form with dynamic config fields per type Phase 5 — Visual & Styling Enhancements: - Glassmorphism card style (solid/glass/outline) - Board-level themes with per-board hue/saturation - Animated SVG status rings replacing static dots - Card size options (compact/medium/large) - Custom CSS injection (admin + per-board, sanitized) - Wallpaper backgrounds with blur/overlay/parallax Phase 6 — Functional Features: - Favorites bar with drag-and-drop reordering - Recent apps tracking with privacy toggle - Uptime dashboard page (/status, guest-accessible) - Notifications system (Discord/Slack/Telegram/HTTP webhooks) - App tags with filtering in board view - Multi-URL app cards with expandable sub-links - Personal API tokens with scoped permissions - Audit log with retention and admin viewer Phase 7 — Quality of Life: - Onboarding wizard (5-step first-launch setup) - App URL health preview with favicon/title detection - Board templates (4 built-in + custom import/export) - Keyboard shortcut overlay (j/k nav, 1-9 boards, ? help) 212 files changed, 15641 insertions, 980 deletions. Build, lint, type check, and 222 tests all pass.
47 lines
1.5 KiB
Svelte
47 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { t } from 'svelte-i18n';
|
|
import type { Snippet } from 'svelte';
|
|
import type { LayoutData } from './$types.js';
|
|
import { page } from '$app/stores';
|
|
|
|
let { data, children }: { data: LayoutData; children: Snippet } = $props();
|
|
|
|
const navItems = $derived([
|
|
{ href: '/admin/users', labelKey: 'admin.users' },
|
|
{ href: '/admin/groups', labelKey: 'admin.groups' },
|
|
{ href: '/admin/tags', label: 'Tags' },
|
|
{ href: '/admin/audit-log', label: 'Audit Log' },
|
|
{ href: '/admin/settings', labelKey: 'admin.settings' }
|
|
]);
|
|
|
|
function isActive(href: string): boolean {
|
|
return $page.url.pathname === href;
|
|
}
|
|
</script>
|
|
|
|
<div class="p-6">
|
|
<div class="mx-auto max-w-6xl">
|
|
<!-- Admin header -->
|
|
<div class="mb-6 flex flex-wrap items-center gap-4 rounded-xl border border-border bg-card p-4 shadow-sm">
|
|
<span class="text-sm font-semibold text-foreground">{$t('admin.panel')}</span>
|
|
<div class="flex gap-1">
|
|
{#each navItems as item (item.href)}
|
|
<a
|
|
href={item.href}
|
|
class="rounded-lg px-3 py-1.5 text-sm font-medium transition-colors {isActive(item.href)
|
|
? 'bg-primary text-primary-foreground'
|
|
: 'text-muted-foreground hover:bg-accent hover:text-foreground'}"
|
|
>
|
|
{item.labelKey ? $t(item.labelKey) : item.label}
|
|
</a>
|
|
{/each}
|
|
</div>
|
|
<div class="ml-auto text-xs text-muted-foreground">
|
|
{data.user.displayName} ({$t('admin.role_admin').toLowerCase()})
|
|
</div>
|
|
</div>
|
|
|
|
{@render children()}
|
|
</div>
|
|
</div>
|