fix(core): modern Svelte 5 cleanup — Dexie .get() bug, typed API calls, inline confirms
- person_view.svelte: fix liveQuery using .get() (primary key, never set by V3)
→ .where('person_id').equals().first()
- people/[person_id]: same Dexie .get() fix for lq__person_obj
- person_view.svelte: replace 4x generic api.update_ae_obj → core_func.update_ae_obj__person
(removes unused api import)
- Replace all browser confirm()/alert() dialogs (9 occurrences, 6 files) with
inline two-click confirm state pattern (confirm_action = $state<string|null>)
Affected: users, accounts, contacts, addresses, people, sites
- Bootstrap doc: add Dexie .get() trap to Section 5 and Mistake #8
This commit is contained in:
@@ -32,6 +32,7 @@ let contact_id = $derived($page.params.contact_id ?? '');
|
||||
let contact: any = $state(null);
|
||||
let loading = $state(true);
|
||||
let is_editing = $state(false);
|
||||
let confirm_action = $state<string | null>(null);
|
||||
|
||||
async function load_data() {
|
||||
loading = true;
|
||||
@@ -52,7 +53,11 @@ onMount(() => {
|
||||
});
|
||||
|
||||
async function handle_delete() {
|
||||
if (!confirm('Permanently delete this contact?')) return;
|
||||
if (confirm_action !== 'delete_contact') {
|
||||
confirm_action = 'delete_contact';
|
||||
return;
|
||||
}
|
||||
confirm_action = null;
|
||||
await delete_ae_obj_id__contact({
|
||||
api_cfg: $ae_api,
|
||||
contact_id,
|
||||
@@ -87,7 +92,7 @@ async function handle_delete() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<button
|
||||
class="btn btn-sm preset-tonal-secondary font-bold shadow-sm"
|
||||
onclick={() => (is_editing = !is_editing)}
|
||||
@@ -98,12 +103,27 @@ async function handle_delete() {
|
||||
<Edit size={16} class="mr-2" /> Edit Mode
|
||||
{/if}
|
||||
</button>
|
||||
<button
|
||||
class="btn btn-sm preset-tonal-error font-bold shadow-sm"
|
||||
onclick={handle_delete}
|
||||
disabled={loading}>
|
||||
<Trash2 size={16} class="mr-2" /> Delete
|
||||
</button>
|
||||
{#if confirm_action === 'delete_contact'}
|
||||
<span class="self-center text-sm font-bold text-red-600">Delete this contact?</span>
|
||||
<button
|
||||
class="btn btn-sm preset-filled-error font-bold shadow-sm"
|
||||
onclick={handle_delete}
|
||||
disabled={loading}>
|
||||
<Trash2 size={16} class="mr-2" /> Confirm Delete
|
||||
</button>
|
||||
<button
|
||||
class="btn btn-sm preset-tonal-surface"
|
||||
onclick={() => (confirm_action = null)}>
|
||||
Cancel
|
||||
</button>
|
||||
{:else}
|
||||
<button
|
||||
class="btn btn-sm preset-tonal-error font-bold shadow-sm"
|
||||
onclick={handle_delete}
|
||||
disabled={loading}>
|
||||
<Trash2 size={16} class="mr-2" /> Delete
|
||||
</button>
|
||||
{/if}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user