Significant work on getting badges ready again.

2025-10-06 18:43:33 -04:00
parent 88e4ab119d
commit d8b7ad61b3
11 changed files with 1059 additions and 11 deletions
--- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/+page.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/+page.svelte
@@ -0,0 +1,114 @@
+<script lang="ts">
+interface Props {
+    /** @type {import('./$types').PageData} */
+    data: any;
+    log_lvl?: number;
+}
+
+let {
+    data,
+    log_lvl = 0
+}: Props = $props();
+
+// *** Import Svelte specific
+// import { goto } from '$app/navigation';
+
+// *** Import other supporting libraries
+// import { browser } from '$app/environment';
+import { liveQuery } from "dexie";
+
+// *** Import Aether specific variables and functions
+// import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+// import { core_func } from '$lib/ae_core_functions';
+// import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+
+// import Element_ae_crud from '$lib/element_ae_crud
+// import Element_data_store from '$lib/element_data_store_v2.svelte';
+// import MyClipboard from '$lib/e_app_clipboard.svelte';
+
+import { db_events } from "$lib/ae_events/db_events";
+// import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
+import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
+// import { events_func } from '$lib/ae_events_functions';
+
+
+
+
+// *** Variables
+// let test_event_id = data.params.event_id;
+let event_badge_id = data.params.badge_id;
+// console.log(`Data Params: event_id=${test_event_id}; badge_id=${test_event_badge_id}`);
+let url_test_val = data.url.searchParams.get('test_val');
+console.log(`URL test_val = ${url_test_val}`);
+
+let lq__event_badge_obj = $derived(liveQuery(async () => {
+    if (log_lvl) {
+        console.log(`*** LiveQuery: lq__event_badge_obj *** event_badge_id=${event_badge_id}`);
+    }
+    let results = await db_events.badge
+        .get(event_badge_id);
+
+    return results;
+}));
+
+
+
+// *** Functions and Logic
+
+
+// if (browser) {
+//     console.log('Browser environment detected.');
+
+//     let url_test_val = data.url.searchParams.get('test_val');
+//     console.log(`URL test_val = ${url_test_val}`);
+// }
+
+</script>
+
+
+<svelte:head>
+	<title>
+        Badges -
+        {ae_util.shorten_string({string: $lq__event_badge_obj?.full_name ?? '-- not set --', max_length: 12})}
+        - OSIT's &AElig; Events
+    </title>
+</svelte:head>
+
+
+<!-- badge ID +page: Where is here??? -->
+
+event {data.params.event_id} / badge {data.params.badge_id}
+
+{#if $lq__event_badge_obj}
+<header
+    class="
+        w-full
+        flex flex-row gap-1 items-center justify-between
+        border-b border-gray-300
+        mb-2
+        pb-2
+        "
+    >
+    <h2 class="text-2xl font-bold">
+        Badge:
+        {#if $lq__event_badge_obj.full_name}
+            {$lq__event_badge_obj.full_name}
+        {:else if $lq__event_badge_obj.given_name}
+            {$lq__event_badge_obj.given_name}
+        {:else}
+            -- no name --
+        {/if}
+    </h2>
+    <a href={`/events/${$lq__event_badge_obj.event_id}/badges`} class="text-sm italic text-blue-600 hover:underline">
+        <span class="fas fa-search"></span>
+        Back to Search
+    </a>
+</header>
+
+    <pre class="whitespace-pre-wrap break-words">
+        {JSON.stringify($lq__event_badge_obj, null, 2)}
+    </pre>
+{:else}
+    <p>No IDB record found for ID: {event_badge_id}</p>
+{/if}