The initial migration for IDAA Recovery Meetings. Progress

src/routes/idaa/(idaa)/recovery_meetings/+page.svelte

@@ -0,0 +1,88 @@
+<script lang="ts">
+/** @type {import('./$types').PageData} */
+export let data: any;
+let log_lvl = 2;
+// console.log(`ae_events_pres_mgmt event [event_id] +page.svelte data:`, data);
+
+import { browser } from '$app/environment';
+// import { goto, invalidate, pushState, replaceState } from '$app/navigation';
+
+import { Modal } from 'flowbite-svelte';
+
+import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils/ae_utils';
+import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
+// import Element_data_store from '$lib/element_data_store_v2.svelte';
+// import Comp_event_session_obj_li from '../../events_pres_mgmt/ae_comp__event_session_obj_li.svelte';
+
+import { liveQuery } from "dexie";
+import { core_func } from '$lib/ae_core_functions';
+import { db_events } from "$lib/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';
+
+import Comp__event_obj_li from './ae_idaa_comp__event_obj_li.svelte';
+import Comp__event_obj_id_view from './ae_idaa_comp__event_obj_id_view.svelte';
+
+
+$: lq__event_obj_li = liveQuery(async () => {
+    let results = await db_events.events
+        .where('account_id')
+        .equals($slct.account_id)
+        .sortBy('name');
+
+    return results;
+});
+
+$: lq__event_obj = liveQuery(async () => {
+    let results = await db_events.events
+        .get($idaa_slct.event_id);
+
+    return results;
+});
+
+</script>
+
+
+<section
+    class="
+        ae_idaa__recovery_meetings
+        container h-full mx-auto
+        flex flex-col gap-1
+        py-1 px-2 pb-16
+        items-center
+        min-w-full
+        max-w-max
+        "
+    >
+
+
+<h1>Recovery Meetings {$lq__event_obj_li?.length}</h1>
+{#if $lq__event_obj_li && $lq__event_obj_li?.length }
+    <Comp__event_obj_li
+        lq__event_obj_li={lq__event_obj_li}
+        />
+    <!-- {#each $lq__event_obj_li as event_obj}
+        <div>{event_obj.name}</div>
+    {/each} -->
+{/if}
+
+
+</section>
+
+
+<!-- Main modal -->
+<Modal
+    title="{$lq__event_obj?.name} - {$lq__event_obj?.id}"
+    bind:open={$idaa_slct.event_id}
+    autoclose={false}
+    size="xl"
+    class="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
+    >
+
+    <Comp__event_obj_id_view
+        lq__event_obj={lq__event_obj}
+        />
+
+</Modal>