feat(idaa): add IDAA module dashboard

This commit is contained in:
Scott Idem
2026-02-12 15:06:10 -05:00
parent 299367ae62
commit 6977867ed8

View File

@@ -0,0 +1,65 @@
<script lang="ts">
// *** Import Svelte specific
import { ae_loc } from '$lib/stores/ae_stores';
// *** Import icons
import { Archive, CalendarCheck, CalendarClock, MessageSquare, ShieldAlert, Users } from '@lucide/svelte';
</script>
<div class="flex w-full flex-col items-center justify-center gap-8 py-12">
<header class="text-center">
<h1 class="h1">IDAA Module Dashboard</h1>
<p class="text-lg opacity-60">Select a customized module to continue</p>
</header>
{#if $ae_loc.trusted_access}
<div class="grid w-full max-w-5xl grid-cols-1 gap-8 px-4 md:grid-cols-3 text-center">
<a
href="/idaa/archives"
class="card card-hover preset-tonal-secondary flex flex-col items-center gap-6 border border-secondary-500/30 p-12 transition-all hover:border-secondary-500"
>
<Archive size={64} class="text-secondary-500" />
<span class="text-2xl font-bold">Archives</span>
<p class="text-sm opacity-70">Browse historical documents and records</p>
</a>
<a
href="/idaa/bb"
class="card card-hover preset-tonal-primary flex flex-col items-center gap-6 border border-primary-500/30 p-12 transition-all hover:border-primary-500"
>
<MessageSquare size={64} class="text-primary-500" />
<span class="text-2xl font-bold">Bulletin Board</span>
<p class="text-sm opacity-70">Post and view community messages</p>
</a>
<a
href="/idaa/recovery_meetings"
class="card card-hover preset-tonal-tertiary flex flex-col items-center gap-6 border border-tertiary-500/30 p-12 transition-all hover:border-tertiary-500"
>
<CalendarClock size={64} class="text-tertiary-500" />
<span class="text-2xl font-bold">Recovery Meetings</span>
<p class="text-sm opacity-70">Join and manage ongoing recovery sessions</p>
</a>
</div>
{:else}
<div
class="card preset-tonal-error flex max-w-lg flex-col items-center gap-6 border border-error-500 p-12 text-center"
>
<ShieldAlert size={80} class="text-error-500" />
<h2 class="h2 text-error-500">Access Restricted</h2>
<p class="text-lg">
You must be signed in with <strong>Trusted Access</strong> or higher to view these modules.
</p>
<div class="mt-6 flex gap-4">
<a href="/" class="btn preset-filled-surface"> Return Home </a>
<button
type="button"
class="btn preset-filled-primary"
onclick={() => ($ae_loc.sys_menu.expand_access_type = true)}
>
Request Higher Access
</button>
</div>
</div>
{/if}
</div>