Fix 500 error, add Address/Contact placeholders, and enhance Person activity view

- Fixed broken import path in /core dashboard
- Simplified core layout data requirements to prevent crashes
- Implemented V3 CRUD and Dexie tables for Addresses and Contacts
- Created placeholder management pages for /core/addresses and /core/contacts
- Added 'Linked Activity & Content' section to Person detail page to show related events and posts
This commit is contained in:
Scott Idem
2026-01-06 16:16:31 -05:00
parent 076ac1e662
commit d2084de4d8
8 changed files with 460 additions and 5 deletions

View File

@@ -0,0 +1,91 @@
<script lang="ts">
import { onMount } from 'svelte';
import { ae_loc, ae_api, slct } from '$lib/stores/ae_stores';
import { goto } from '$app/navigation';
import { Phone, Plus, Search, Mail, User } from 'lucide-svelte';
import { load_ae_obj_li__contact } from '$lib/ae_core/ae_core__contact';
let contact_li: any[] = $state([]);
let loading = $state(true);
async function load_contacts() {
if (!$ae_loc.account_id) return;
loading = true;
contact_li = await load_ae_obj_li__contact({
api_cfg: $ae_api,
for_obj_id: $ae_loc.account_id,
enabled: 'all',
log_lvl: 1
});
loading = false;
}
onMount(() => {
if (!$ae_loc.manager_access) {
goto('/core');
return;
}
load_contacts();
});
</script>
<div class="container mx-auto p-4 space-y-6">
<header class="flex justify-between items-center">
<div class="flex items-center gap-2">
<Phone size={24} />
<h1 class="h2">Contact Management</h1>
</div>
<button class="btn variant-filled-primary" disabled>
<Plus size={16} class="mr-2" /> Add Contact
</button>
</header>
{#if loading}
<div class="placeholder animate-pulse h-64 w-full"></div>
{:else if contact_li.length === 0}
<div class="card p-8 text-center variant-soft">
<p class="opacity-60">No contacts found for this account.</p>
</div>
{:else}
<div class="table-container">
<table class="table table-hover">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
<th>Status</th>
<th class="text-right">Actions</th>
</tr>
</thead>
<tbody>
{#each contact_li as con}
<tr>
<td>
<div class="flex items-center gap-2">
<User size={14} class="opacity-60" />
{con.name || '--'}
</div>
</td>
<td>
<div class="flex items-center gap-2">
<Mail size={14} class="opacity-60" />
{con.email || '--'}
</div>
</td>
<td>{con.phone || '--'}</td>
<td>
<span class="badge {con.enable ? 'variant-filled-success' : 'variant-filled-error'}">
{con.enable ? 'Enabled' : 'Disabled'}
</span>
</td>
<td class="text-right">
<button class="btn btn-sm variant-soft-primary" disabled>Manage</button>
</td>
</tr>
{/each}
</tbody>
</table>
</div>
{/if}
</div>