Wrapping up programming for tonight. Ready for CHOW demo?

src/routes/events_speakers/+layout.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+/** @type {import('./$types').LayoutData} */
+export let data;
+</script>
+
+<!-- <h1>Event Speakers Layout</h1> -->
+
+<!-- <div class="submenu">
+	{#each data.sections as section}
+		<a href="/settings/{section.slug}">{section.title}</a>
+	{/each}
+</div> -->
+
+<slot></slot>

src/routes/events_speakers/+layout.ts

@@ -0,0 +1,18 @@
+/** @type {import('./$types').LayoutLoad} */
+export function load({ params, url }) { // route
+    // console.log(`Svelte Event Speakers layout.ts data = params:`, params);
+    // console.log(`Svelte Event Speakers layout.ts data = route:`, route);
+    // console.log(`Svelte Event Speakers layout.ts data = url:`, url);
+
+    let data_struct = {
+        params: params,
+        sections: [
+			{ slug: 'new', title: 'New Speaker' },
+			{ slug: 'manage', title: 'Manage' },
+            { slug: 'test', title: 'Test' },
+		],
+        url: url,
+
+    };
+    return data_struct;
+}

src/routes/events_speakers/+page.svelte

@@ -0,0 +1,83 @@
+<script lang="ts">
+import { onMount } from 'svelte';
+export let data;
+console.log(`Svelte Events - Speakers page data:`, data);
+
+// import { localStorageStore } from '@skeletonlabs/skeleton';
+// import type { Writable } from 'svelte/store';
+// const store_current_page: Writable<string> = localStorageStore('store_current_page', 'start');
+
+// To retrieve the store, getModalStore must be invoked at the top level of your component!
+import { getDrawerStore, getModalStore, ProgressRadial } from '@skeletonlabs/skeleton';
+import type {
+    DrawerSettings,
+    ModalSettings,
+    ModalComponent,
+    ModalStore
+    } from '@skeletonlabs/skeleton';
+const modalStore = getModalStore();
+
+import { api } from '$lib/api';
+import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+
+
+type key_val = {
+    [key: string]: any;
+};
+
+
+
+
+onMount(() => {
+    console.log('Events - Speakers: +page.svelte');
+
+    // console.log(`$ae_loc = `, $ae_loc);
+
+	let href_url = window.location.href;
+	console.log(href_url);
+
+    $ae_loc.href_url = href_url;
+    console.log(`$ae_loc.href_url = `, $ae_loc.href_url);
+});
+
+
+if ($ae_loc.event_id) {
+    $slct.event_id = $ae_loc.event_id;
+	// handle_load_ae_obj_id__event({event_id: $slct.event_id, try_cache: false});
+    // handle_load_ae_obj_li__events_speakers({event_id: $slct.event_id, try_cache: false});
+}
+
+</script>
+
+
+<div class="container h-full mx-auto items-center">
+    <div class="space-y-10 flex flex-col">
+
+        <h1 class="h1 text-center">&AElig; - Events: Speakers</h1>
+        <section>
+            <button
+                class="btn variant-ghost-primary"
+                on:click={() => {
+                    // $ae_loc.mod.events_speakers.show_edit__event_presenter_obj = true;
+                    $slct.event_presenter_id = null;
+                    $slct.event_presenter_obj = null;
+
+                    // modalStore.trigger(modal_edit__event_presenter_obj);
+                    $ae_loc.mod.events_speakers.show_edit__event_presenter_obj = true;
+                    $slct_trigger = 'show_edit__event_presenter_obj';
+                }}
+                >
+                <span class="fas fa-edit mx-1"></span>
+                Start/Edit Speaker
+            </button>
+        </section>
+
+		<section class="events_speakers_list">
+
+        </section>
+	</div>
+</div>
+
+
+<style lang="postcss">
+</style>