Migrate Event Badges to V3 and implement Core Management pages

- Completed V3 migration for Event Badge CRUD operations
- Implemented User module V3 logic and editable fields
- Created management routes for Accounts, Sites, Users, and Lookups
- Updated Site Domain logic to use 'fqdn' and show 'access_key'
- Modernized Core Dashboard with navigation cards
- Restored Dexie User table definition
This commit is contained in:
Scott Idem
2026-01-06 13:38:47 -05:00
parent 1b318eeb8b
commit 00e80af3a1
29 changed files with 3800 additions and 218 deletions

View File

@@ -0,0 +1,100 @@
<script lang="ts">
import { onMount } from 'svelte';
import { ae_api, ae_loc } from '$lib/stores/ae_stores';
import { goto } from '$app/navigation';
import { List, Globe, Clock, MapPin } from 'lucide-svelte';
import { api } from '$lib/api/api';
let loading = $state(true);
let lookups: any = $state({
countries: [],
time_zones: [],
subdivisions: []
});
async function load_lookups() {
loading = true;
// Using existing generic lookup loaders if available, or raw API calls
const [countries, time_zones] = await Promise.all([
api.get_ae_obj_li_for_lu({ api_cfg: $ae_api, for_lu_type: 'country', log_lvl: 0 }),
api.get_ae_obj_li_for_lu({ api_cfg: $ae_api, for_lu_type: 'time_zone', log_lvl: 0 })
]);
lookups.countries = countries || [];
lookups.time_zones = time_zones || [];
loading = false;
}
onMount(() => {
if (!$ae_loc.manager_access) {
goto('/core');
return;
}
load_lookups();
});
</script>
<div class="container mx-auto p-4 space-y-6">
<header class="flex items-center gap-2">
<List size={24} />
<h1 class="h2">System Lookups</h1>
</header>
{#if loading}
<div class="placeholder animate-pulse w-full h-64"></div>
{:else}
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<!-- Countries -->
<div class="card p-4 space-y-4">
<header class="flex items-center gap-2 border-b border-surface-500/30 pb-2">
<Globe size={18} />
<h3 class="h4">Countries</h3>
</header>
<div class="table-container max-h-[400px] overflow-auto">
<table class="table table-compact">
<thead>
<tr>
<th>Name</th>
<th>ISO Alpha-2</th>
</tr>
</thead>
<tbody>
{#each lookups.countries as c}
<tr>
<td>{c.name}</td>
<td><code class="code">{c.alpha_2_code}</code></td>
</tr>
{/each}
</tbody>
</table>
</div>
</div>
<!-- Time Zones -->
<div class="card p-4 space-y-4">
<header class="flex items-center gap-2 border-b border-surface-500/30 pb-2">
<Clock size={18} />
<h3 class="h4">Time Zones</h3>
</header>
<div class="table-container max-h-[400px] overflow-auto">
<table class="table table-compact">
<thead>
<tr>
<th>Zone Name</th>
<th>Offset</th>
</tr>
</thead>
<tbody>
{#each lookups.time_zones as tz}
<tr>
<td>{tz.name}</td>
<td>{tz.offset_seconds / 3600}h</td>
</tr>
{/each}
</tbody>
</table>
</div>
</div>
</div>
{/if}
</div>