Lots of work on the new Launcher. Also general reorganizing of files.

src/lib/ae_events__event_location.ts

@@ -129,27 +129,31 @@ export async function load_ae_obj_id__event_location(
 }
 
 
-// Updated 2024-05-24
+// Updated 2024-09-24
 export async function load_ae_obj_li__event_location(
         {
             api_cfg,
-            event_id,
+            for_obj_type,
+            for_obj_id,
             inc_file_li = false,
             inc_session_li = false,
+            order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'code': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
             params = {},
             try_cache = true,
             log_lvl = 0
         }: {
             api_cfg: any,
-            event_id: string,
+            for_obj_type: string,
+            for_obj_id: string,
             inc_file_li?: boolean,
             inc_session_li?: boolean,
+            order_by_li?: key_val,
             params?: key_val,
             try_cache?: boolean,
             log_lvl?: number
         }
     ) {
-    console.log(`*** load_ae_obj_li__event_location() *** event_id=${event_id}`);
+    console.log(`*** load_ae_obj_li__event_location() *** for_obj_type=${for_obj_type} for_obj_id=${for_obj_id}`);
 
     let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
     let hidden: string = (params.qry__hidden ?? 'all'); // all, hidden, not_hidden
@@ -163,13 +167,13 @@ export async function load_ae_obj_li__event_location(
     ae_promises.load__event_location_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
         api_cfg: api_cfg,
         obj_type: 'event_location',
-        for_obj_type: 'event',
+        for_obj_type: for_obj_type,
-        for_obj_id: event_id,
+        for_obj_id: for_obj_id,
         use_alt_table: true, // NOTE: This will use the table_name_alt value instead of the table_name value in the API config.
         use_alt_base: false, // NOTE: This will use the base_name_alt value instead of the base_name value
         enabled: enabled,
         hidden: hidden,
-        order_by_li: {'priority': 'DESC', 'sort': 'DESC', 'name': 'ASC', 'code': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
+        order_by_li: order_by_li,
         limit: limit,
         offset: offset,
         params_json: params_json,

src/lib/ae_events__event_session.ts

@@ -16,6 +16,7 @@ export async function load_ae_obj_id__event_session(
             event_session_id,
             inc_file_li = false,
             inc_presentation_li = false,
+            inc_presenter_li = false,
             try_cache = true,
             log_lvl = 0
         }: {
@@ -23,6 +24,7 @@ export async function load_ae_obj_id__event_session(
             event_session_id: string,
             inc_file_li?: boolean,
             inc_presentation_li?: boolean,
+            inc_presenter_li?: boolean,
             try_cache?: boolean,
             log_lvl?: number
         }
@@ -97,7 +99,10 @@ export async function load_ae_obj_id__event_session(
         }
         let load_event_presentation_obj_li = load_ae_obj_li__event_presentation({
             api_cfg: api_cfg,
-            event_session_id: event_session_id,
+            for_obj_type: 'event_session',
+            for_obj_id: event_session_id,
+            inc_file_li: inc_file_li,
+            inc_presenter_li: inc_presenter_li,
             params: {qry__enabled: 'all', qry__limit: 25},
             try_cache: try_cache,
             log_lvl: log_lvl
@@ -136,6 +141,7 @@ export async function load_ae_obj_li__event_session(
             for_obj_id,
             inc_file_li = false,
             inc_presentation_li = false,
+            inc_presenter_li = false,
             order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'start_datetime': 'ASC', 'name': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'},
             params = {},
             try_cache = true,
@@ -146,6 +152,7 @@ export async function load_ae_obj_li__event_session(
             for_obj_id: string,
             inc_file_li?: boolean,
             inc_presentation_li?: boolean,
+            inc_presenter_li?: boolean,
             order_by_li?: key_val,
             params?: key_val,
             try_cache?: boolean,
@@ -243,8 +250,8 @@ export async function load_ae_obj_li__event_session(
                 api_cfg: api_cfg,
                 for_obj_type: 'event_session',
                 for_obj_id: event_session_id,
-                inc_file_li: false, // This will need to be changed.
+                inc_file_li: inc_file_li,
-                inc_presenter_li: false, // This will need to be changed.
+                inc_presenter_li: inc_presenter_li,
                 params: {qry__enabled: 'all', qry__limit: 25},
                 try_cache: try_cache,
                 log_lvl: log_lvl

src/routes/events/[event_id]/(launcher)/+layout.svelte

@@ -0,0 +1,231 @@
+<script lang="ts">
+/** @type {import('./$types').LayoutData} */
+export let data: any;
+let log_lvl = 0;
+
+import { onMount } from 'svelte';
+import { liveQuery } from "dexie";
+import { ae_util } from '$lib/ae_utils';
+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, events_trig } from '$lib/ae_events_stores';
+
+import Event_launcher_menu from './launcher_menu.svelte';
+import Event_launcher_session_view from './launcher_session_view.svelte';
+
+// import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
+
+// import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
+// import { events_loc, events_slct } from '$lib/ae_events_stores';
+
+
+
+// Variables
+// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+$slct.account_id = data.account_id;
+// console.log(`$slct.account_id = `, $slct.account_id);
+let ae_acct = data[$slct.account_id];
+// console.log(`ae_acct = `, ae_acct);
+
+console.log(`event_id: ${data.params.event_id}`);
+
+$events_slct.event_id = data.params.event_id;
+
+console.log(`event_location_id: ${data.params.event_location_id}`);
+
+$events_slct.event_location_id = data.params.event_location_id;
+
+console.log(`ae_acct.slct.event_id:`, ae_acct.slct.event_id);
+$events_slct.event_id = ae_acct.slct.event_id;
+// $events_slct.event_obj = ae_acct.slct.event_obj;
+$events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li ?? [''];
+$events_slct.id_li__event_location = ae_acct.slct.id_li__event_location ?? [''];
+console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
+
+// Event
+$: lq__event_obj = liveQuery(async () => {
+    let results = await db_events.events
+        .get($events_slct.event_id);
+
+    return results;
+});
+
+// Event File - For Location
+$: lq__location_event_file_obj_li = liveQuery(async () => {
+    let results = await db_events.files
+        // .where('event_session_id_random')
+        .where('for_id_random')
+        .equals($events_slct.event_location_id ?? '')
+        .sortBy('filename');
+
+    return results;
+});
+
+// Event Location
+$: lq__event_location_obj = liveQuery(async () => {
+    let results = await db_events.locations
+        .get($events_slct.event_location_id);
+
+    return results;
+});
+
+$: lq__event_location_obj_li = liveQuery(async () => {
+    let results = await db_events.locations
+        .where('event_id')
+        .equals($events_slct.event_id)
+        .sortBy('name');
+
+    return results;
+});
+
+// Event Session
+$: lq__event_session_obj = liveQuery(async () => {
+    let results = await db_events.sessions
+        .get($events_slct.event_session_id);
+
+    return results;
+});
+
+$: lq__event_session_obj_li = liveQuery(async () => {
+    let results = await db_events.sessions
+        // .bulkGet(event_session_id_random_li);
+        .where('event_location_id')
+        .equals($events_slct.event_location_id)
+        .sortBy('name');
+
+    return results;
+});
+
+onMount(() => {
+    console.log('Events - Launcher: +layout.svelte');
+    // Hide the AppShell shell header (id="shell-header") and footer
+    document.getElementById('shell-header').classList.add('hidden');
+    document.getElementById('shell-footer').classList.add('hidden');
+});
+console.log(`BROWSER Events - [event_id] launcher +layout.svelte start`);
+</script>
+
+
+
+<svelte:head>
+	<title>
+        Launcher:
+        {ae_util.shorten_string({ string: $lq__event_obj?.name ?? '', max_length: 20, begin_length: 10, end_length: 4 })}
+        ({$lq__event_obj?.event_id ?? 'loading...'}) - Pres Mgmt - {$ae_loc?.title}
+    </title>
+</svelte:head>
+
+{#if !$lq__event_obj}
+<div class="flex flex-row items-center justify-center">
+    <span class="fas fa-spinner fa-spin mx-1"></span>
+    <span>Loading...</span>
+</div>
+{:else}
+<header id="Main-Header" class="flex flex-row items-center justify-evenly">
+    <h3 class="h4 text-center italic">&AElig; Presentation Launcher</h3>
+    <h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
+    <h3 class="h4 text-center italic">{$lq__event_location_obj?.name}
+        {$events_slct.event_location_id}
+    </h3>
+</header>
+{/if}
+
+
+
+
+<!-- The menu should be to the left of the main session view. -->
+<div
+    class="
+        container h-full min-w-full w-full
+        flex flex-row flex-wrap sm:flex-nowrap gap-0
+        justify-center
+        py-1 px-2 pb-16
+        bg-gray-100
+        "
+    >
+
+<section
+    id="Main-Nav-Menu"
+    class="event_launcher_menu
+        container h-full flex flex-col gap-2 py-1 px-1
+        basis-1/5
+        min-w-72
+        max-w-xs
+        border-r border-gray-200
+        "
+    >
+    <!-- {#await $events_slct.id_li__event_location}
+        Loading location list... a
+    {:then event_location_obj_li} -->
+    <!-- {#if $lq__event_obj && $lq__event_location_obj_li && $lq__event_session_obj_li && event_location_obj_li && event_location_obj_li.length > 0} -->
+    {#if $lq__event_obj && $lq__event_location_obj_li}
+    <Event_launcher_menu
+        bind:data_url={data.url}
+
+        lq__event_obj={lq__event_obj}
+
+        lq__location_event_file_obj_li={lq__location_event_file_obj_li}
+
+        lq__event_location_obj={lq__event_location_obj}
+        lq__event_location_obj_li={lq__event_location_obj_li}
+
+        lq__event_session_obj={lq__event_session_obj}
+        lq__event_session_obj_li={lq__event_session_obj_li}
+        >
+    </Event_launcher_menu>
+    {:else}
+    <div class="flex flex-row items-center justify-center">
+        <span class="fas fa-spinner fa-spin mx-1"></span>
+        <span>Loading location list...</span>
+    </div>
+    {/if}
+    <!-- {/await} -->
+    <!-- Root: slct Location ID: {$events_slct.event_location_id ?? '-- not set --'} -->
+</section>
+
+<section
+    id="Main-Content"
+    class="event_launcher_main
+        container h-full flex flex-col gap-1 py-1 px-2
+        items-center
+        basis-4/5
+        max-w-full
+        "
+    >
+    <!-- {#if $events_trigger == 'load__event_session_obj' && $events_slct.event_session_id}
+    <Event_launcher_session_view
+        slct_event_session_id={$events_slct.event_session_id}
+
+        lq__event_location_obj={lq__event_location_obj}
+        lq__event_location_obj_li={lq__event_location_obj_li}
+        lq__event_session_obj={lq__event_session_obj}
+        lq__event_session_obj_li={lq__event_session_obj_li}
+        >
+    </Event_launcher_session_view>
+    {/if} -->
+    <!-- {$lq__event_session_obj?.name} -->
+
+    {#if !$events_slct.event_location_id}
+    <div class="flex flex-row items-center justify-center">
+        <span class="fas fa-exclamation mx-1"></span>
+        <span>You must select a location first</span>
+        <span class="fas fa-exclamation mx-1"></span>
+    </div>
+    {/if}
+
+    {#if $events_slct.event_session_id && $lq__event_session_obj}
+    <Event_launcher_session_view
+        slct_event_session_id={$events_slct.event_session_id}
+
+        lq__event_location_obj={lq__event_location_obj}
+
+        lq__event_session_obj={lq__event_session_obj}
+        >
+    </Event_launcher_session_view>
+    {/if}
+</section>
+
+</div>
+
+
+<slot />

src/routes/events/[event_id]/(launcher)/+layout.ts

@@ -0,0 +1,78 @@
+/** @type {import('./$types').LayoutLoad} */
+console.log(`Events - [event_id] launcher +layout.ts start`);
+
+import { error } from '@sveltejs/kit';
+import { browser } from '$app/environment';
+import { events_func } from '$lib/ae_events_functions';
+
+export async function load({ params, parent }) { // route
+    let log_lvl = 0;
+
+    let data = await parent();
+    // console.log(`ae events_pres_mgmt event [event_id] +page.ts data:`, data);
+    data.log_lvl = log_lvl;
+
+    let account_id = data.account_id;
+    let ae_acct = data[account_id];
+    // console.log(`ae_acct = `, ae_acct);
+
+    // if (!account_id) {
+    //     console.log(`events_pres_mgmt_event [event_id] +page.ts: The account_id was not found in the data!!!`);
+    //     return false;
+    // }
+
+    // data.ae_events_pres_mgmt_event_event_id_page_ts = true;
+
+    let event_id = params.event_id;
+    if (!event_id) {
+        console.log(`ae Events - [event_id] +page.ts: The event_id was not found in the params.event_id!!!`);
+        error(404, {
+			message: 'Event ID not found'
+		});
+    }
+
+    // ae_acct.slct.event_id = event_id;
+
+    // let load_event_obj = events_func.handle_load_ae_obj_id__event({
+    //     api_cfg: ae_acct.api, event_id:  event_id, try_cache: true
+    // });
+
+    // ae_acct.slct.event_obj = await load_event_obj;
+
+    if (browser) {
+        console.log(`BROWSER Events - [event_id] launcher +layout.ts start`);
+
+        let load_event_obj = events_func.handle_load_ae_obj_id__event({
+            api_cfg: ae_acct.api, event_id:  event_id, try_cache: true
+        });
+        console.log(`load_event_obj = `, load_event_obj);
+        ae_acct.slct.event_obj = load_event_obj;
+
+        // let load_event_session_obj_li = events_func.load_ae_obj_li__event_session({
+        //     api_cfg: ae_acct.api,
+        //     for_obj_type: 'event',
+        //     for_obj_id: event_id,
+        //     params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
+        //     try_cache: true,
+        //     log_lvl: 1
+        // });
+        // console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+        // ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
+
+        let load_event_location_obj_li = events_func.load_ae_obj_li__event_location({
+            api_cfg: ae_acct.api,
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
+            try_cache: true,
+            log_lvl: 1
+        });
+        console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
+        ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
+    }
+
+    // WARNING: Precaution against shared data between sites and sessions.
+    data[account_id] = ae_acct;
+
+    return data;
+}

src/routes/events/[event_id]/(launcher)/launcher/+page.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+
+
+</script>
+
+A location is required

src/routes/events/[event_id]/(launcher)/launcher/[event_location_id]/+page.svelte

@@ -0,0 +1,249 @@
+<script lang="ts">
+/** @type {import('./$types').PageData} */
+export let data: any;
+
+// Imports
+import { browser } from '$app/environment';
+import { onMount } from 'svelte';
+
+// import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils';
+// import { api } from '$lib/api';
+// import Element_ae_crud from '$lib/element_ae_crud.svelte';
+// import Element_data_store from '$lib/element_data_store_v2.svelte';
+
+import { liveQuery } from "dexie";
+// import { core_func } from '$lib/ae_core_functions';
+// import { db_core } from "$lib/db_core";
+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, events_trig } from '$lib/ae_events_stores';
+import { events_func } from '$lib/ae_events_functions';
+
+
+import { kill_processes, open_local_file_v2, run_cmd, run_cmd_sync, run_osascript, get_device_info } from '$lib/electron_relay.js';
+// import Event_launcher_menu from '../../launcher_menu.svelte';
+// import Event_launcher_session_view from '../../launcher_session_view.svelte';
+
+// import native_app from '$lib/electron_native.js';
+
+// Exports
+
+
+// Variables
+// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+$slct.account_id = data.account_id;
+// console.log(`$slct.account_id = `, $slct.account_id);
+let ae_acct = data[$slct.account_id];
+// console.log(`ae_acct = `, ae_acct);
+
+// $ae_loc.url_origin = data.url.origin;
+
+// if (browser) {
+//     console.log(`Browser: ${browser}`);
+//     events_func.db_save_ae_obj_li__event_location({
+//         obj_type: 'event_location',
+//         obj_li: ae_acct.slct.event_location_obj_li
+//         });
+
+//     events_func.db_save_ae_obj_li__event_session({
+//         obj_type: 'event_session',
+//         obj_li: ae_acct.slct.event_session_obj_li
+//         });
+// }
+
+console.log(`event_id: ${data.params.event_id}`);
+$events_slct.event_id = data.params.event_id;
+
+console.log(`event_location_id: ${data.params.event_location_id}`);
+$events_slct.event_location_id = data.params.event_location_id;
+
+
+// console.log(`ae_acct.slct.event_id:`, ae_acct.slct.event_id);
+// $events_slct.event_id = ae_acct.slct.event_id;
+// $events_slct.event_obj = ae_acct.slct.event_obj;
+$events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li ?? [''];
+$events_slct.id_li__event_location = ae_acct.slct.id_li__event_location ?? [''];
+console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
+$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li ?? [''];
+$events_slct.id_li__event_session = ae_acct.slct.id_li__event_session ?? [''];
+
+// $events_trig = ae_acct.trig;
+// $events_trig.event_location_li = true;
+// $events_trig.event_session_li = true;
+
+// $events_trigger = 'event_location_li';
+
+// Set the local storage values
+if (!$events_loc.launcher) {
+    $events_loc.launcher = {};
+    $events_loc.launcher.slct = {
+        event_id: null,
+    };
+    $events_loc.launcher.show_content__session_code = true;
+    $events_loc.launcher.show_content__presentation_code = true;
+    $events_loc.launcher.show_content__presenter_code = true;
+}
+if (!$events_loc.launcher.slct) {
+    $events_loc.launcher.slct = {
+        event_id: null,
+        event_location_id: null,
+        event_session_id: null,
+        event_presentation_id: null,
+        event_presenter_id: null,
+    };
+}
+
+// if (browser) {
+//     console.log(`data.url.searchParams.get('location_id') = `, data.url.searchParams.get('location_id'));
+// }
+
+// if (ae_acct.slct.event_id) {
+//     $events_loc.launcher.slct.event_id = ae_acct.slct.event_id;
+// }
+// if (ae_acct.slct.event_location_id) {
+//     $events_loc.launcher.slct.event_location_id = ae_acct.slct.event_location_id;
+// }
+// if (ae_acct.slct.event_session_id) {
+//     $events_loc.launcher.slct.event_session_id = ae_acct.slct.event_session_id;
+// }
+// if (ae_acct.slct.event_presentation_id) {
+//     $events_loc.launcher.slct.event_presentation_id = ae_acct.slct.event_presentation_id;
+// }
+// if (ae_acct.slct.event_presenter_id) {
+//     $events_loc.launcher.slct.event_presenter_id = ae_acct.slct.event_presenter_id;
+// }
+
+// Set the session storage values
+if (!$events_sess.launcher) {
+    $events_sess.launcher = {};
+}
+
+$events_sess.launcher.show_content__session_code = true;
+$events_sess.launcher.show_content__presentation_code = true;
+$events_sess.launcher.show_content__presenter_code = true;
+
+
+// Process the location list to pull out just the IDs.
+// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
+// let bi_id_li__event_location: string[] = [];
+// for (let i = 0; i < $events_slct.event_location_obj_li.length; i++) {
+//     let event_location_obj = $events_slct.event_location_obj_li[i];
+//     let event_location_id_random = event_location_obj.event_location_id_random;
+//     tmp_li.push(event_location_id_random);
+// }
+// bi_id_li__event_location = tmp_li;
+// console.log(`bi_id_li__event_location:`, bi_id_li__event_location);
+
+// Variables that will be used with Svelte bind are prefixed with 'bi_'.
+
+let bi_trig__event_location: any = null;
+// let bi_id_li__event_location: string[] = [];
+
+let bi_trig__event_session: any = null;
+// let bi_id_li__event_session: string[] = [];
+
+
+
+
+// Functions and Logic
+
+// if (browser) {
+//     console.log(`Browser: ${browser}`);
+//     bi_trig__event_location = 'event_location_li';
+//     bi_trig__event_session = 'event_session_li';
+
+//     // $events_slct.event_location_id = data.url.searchParams.get('location_id');
+//     // $events_slct.event_session_id = data.url.searchParams.get('session_id');
+// }
+
+// onMount(() => {
+//     console.log('Pres Mgmt Launcher [slug]: +page@(launcher).svelte');
+
+//     // if ($ae_event_launcher.app_mode == 'native') {
+//         // handle_get_device_info($slct.event_device_id);
+//     // }
+
+//     // const native_app = require('$lib./script');
+
+//     // let native_app_config = native_app.load_init_config();
+//     // console.log('Native App Initial Config:', native_app_config);
+// });
+
+
+
+
+async function handle_get_device_info(event_device_id) {
+    console.log('*** handle_get_device_info() ***');
+    // console.log(event_device_id);
+
+    // console.log('GET DEVICE INFO!!! GET DEVICE INFO!!! GET DEVICE INFO!!!');
+
+    let get_device_info_promise = get_device_info({event_device_id: event_device_id});
+    get_device_info_promise.then(function (result) {
+        // console.log('GOT DEVICE INFO!!! GOT DEVICE INFO!!! GOT DEVICE INFO!!!');
+        console.log(get_device_info_promise);
+        let event_device_data = {};
+        event_device_data['other_json'] = JSON.stringify(result);
+
+        event_device_data['info_hostname'] = result.hostname;
+
+        // console.log(event_device_data['other_json']);
+
+        // console.log(result.networkInterfaces);
+
+        let ni_data_li = [];
+        let ip_address_li = [];
+
+        for (let network_interface in result.networkInterfaces) {
+            // console.log(network_interface);
+            let ni_data = {};
+
+            if (network_interface.startsWith('en')) {
+                console.log('Wired or wireless network interface found');
+
+                ni_data['name'] = network_interface;
+
+                let ni_details = result.networkInterfaces[network_interface];
+                // console.log(ni_details);
+
+                for (let i=0; i < ni_details.length; i++) {
+                    ni_data['address'] = ni_details[i].address;
+                    ni_data['mac'] = ni_details[i].mac;
+
+                    ip_address_li.push(ni_details[i].address);
+                }
+
+                ni_data_li.push(ni_data);
+            }
+        }
+
+        event_device_data['meta_json'] = JSON.stringify(ni_data_li);
+        console.log(event_device_data['meta_json']);
+
+        event_device_data['info_ip_list'] = ip_address_li.join('; ');
+        console.log(event_device_data['info_ip_list']);
+
+        event_device_obj_up_promise = update_event_device_obj({event_device_id: event_device_id, data: event_device_data, log_lvl: 0})
+        .then(function (up_event_device_result) {
+            // console.log('UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!!');
+            if (up_event_device_result) {
+                console.log(up_event_device_result);
+            }
+        })
+        .catch(function (error) {
+            console.log('No results returned or failed.');
+            console.log(error);
+        });
+
+    });
+
+    return get_device_info_promise;
+}
+
+
+
+
+
+</script>
+

src/routes/events/[event_id]/(launcher)/launcher/[event_location_id]/+page.ts

@@ -0,0 +1,143 @@
+/** @type {import('./$types').PageLoad} */
+import { error } from '@sveltejs/kit';
+console.log(`ae events launcher [event_location_id] +page.ts: start`);
+
+import { browser } from '$app/environment';
+import { events_func } from '$lib/ae_events_functions';
+
+export async function load({ params, parent, url }) { // route
+    let log_lvl = 0;
+
+    let data = await parent();
+    // console.log(`ae events_pres_mgmt event [event_location_id] +page.ts data:`, data);
+    data.log_lvl = log_lvl;
+
+    let account_id = data.account_id;
+    let ae_acct = data[account_id];
+    console.log(`ae_acct = `, ae_acct);
+
+    // if (!account_id) {
+    //     console.log(`ae pres_mgmt launcher [event_location_id] +page.ts: The account_id was not found in the data!!!`);
+    //     error(404, {
+	// 		message: 'Account ID not found'
+	// 	});
+    // }
+
+    let event_id = params.event_id;
+    if (!event_id) {
+        console.log(`ae Events - [event_id] launcher [event_location_id] +page.ts: The event_id was not found in the params.event_id!!!`);
+        error(404, {
+			message: 'Event ID not found'
+		});
+    }
+    console.log(`event_id = `, event_id);
+
+    // ae_acct.trig = {};
+
+    // if (ae_acct.slct.event_id !== event_id) {
+    //     ae_acct.slct.event_id = event_id;
+    //     ae_acct.trig.event_id = true;
+
+    //     // let load_event_obj = events_func.handle_load_ae_obj_id__event({
+    //     //     api_cfg: ae_acct.api,
+    //     //     event_id:  event_id,
+    //     //     try_cache: false
+    //     // });
+
+    //     // ae_acct.slct.event_obj = await load_event_obj;
+    // }
+
+    let event_location_id = params.event_location_id;
+    if (!event_location_id) {
+        console.log(`ae Events - [event_id] launcher [event_location_id] +page.ts: The event_location_id was not found in the params.event_location_id!!!`);
+        error(404, {
+            message: 'Event Location ID not found'
+        });
+    }
+    console.log(`event_location_id = `, event_location_id);
+
+    // if (browser) {
+    //     ae_acct.trig.event_location_obj_li = false;
+    //     let load_event_location_obj_li = await events_func.load_ae_obj_li__event_location({
+    //         api_cfg: ae_acct.api,
+    //         event_id: event_id,
+    //         inc_file_li: true,
+    //         params: {qry__enabled: 'enabled', qry__limit: 550},
+    //         try_cache: true
+    //     })
+    //     .finally(() => {
+    //         // console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
+    //         ae_acct.trig.event_location_obj_li = true;
+    //     });
+    //     ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
+    //     // console.log(`ae_acct.slct.event_location_obj_li = `, ae_acct.slct.event_location_obj_li);
+
+    //     let id_li__event_location = [];
+
+    //     let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
+
+    //     for (let i = 0; i < load_event_location_obj_li.length; i++) {
+    //         let event_location_obj = load_event_location_obj_li[i];
+    //         let event_location_id_random = event_location_obj.event_location_id_random;
+    //         tmp_li.push(event_location_id_random);
+    //     }
+    //     id_li__event_location = tmp_li;
+    //     console.log(`id_li__event_location:`, id_li__event_location);
+    //     ae_acct.slct.id_li__event_location = id_li__event_location;
+    // }
+
+    // let for_obj_type = 'event';
+    // let for_obj_id = event_id;
+
+    // ae_acct.trig.event_session_obj_li = true;
+
+
+    if (browser) {
+        console.log('HERE!!!');
+        // if (url.searchParams.get('location_id')) {
+        //     console.log(`url.searchParams.get('location_id') = `, url.searchParams.get('location_id'));
+        //     for_obj_type = 'event_location';
+        //     for_obj_id = url.searchParams.get('location_id');
+        // }
+
+        let for_obj_type = 'event_location';
+        let for_obj_id = event_location_id;
+
+        // ae_acct.trig.event_session_obj_li = false;
+        let load_event_session_obj_li = await events_func.load_ae_obj_li__event_session({
+            api_cfg: ae_acct.api,
+            for_obj_type: for_obj_type,
+            for_obj_id: for_obj_id,
+            // inc_file_li: false,
+            // inc_presentation_li: false,
+            params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 150},
+            try_cache: true
+        })
+        .finally(() => {
+            // console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+            // ae_acct.trig.event_session_obj_li = false;
+        });
+        ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
+        // console.log(`ae_acct.slct.event_session_obj_li = `, ae_acct.slct.event_session_obj_li);
+
+        let id_li__event_session = [];
+
+        let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
+
+        for (let i = 0; i < load_event_session_obj_li.length; i++) {
+            let event_session_obj = load_event_session_obj_li[i];
+            let event_session_id_random = event_session_obj.event_session_id_random;
+            tmp_li.push(event_session_id_random);
+        }
+        id_li__event_session = tmp_li;
+        console.log(`id_li__event_session:`, id_li__event_session);
+        ae_acct.slct.id_li__event_session = id_li__event_session;
+    } else {
+        console.log(`ae pres_mgmt launcher [slug] +page.ts: browser = false`);
+    }
+
+    // WARNING: Precaution against shared data between sites and sessions.
+    data[account_id] = ae_acct;
+
+    return data;
+}

src/routes/events/[event_id]/(launcher)/launcher_menu.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-import { tick } from 'svelte';
+
+// import { tick } from 'svelte';
 import { goto } from '$app/navigation';
 
 import type { key_val } from '$lib/ae_stores';
@@ -20,7 +21,7 @@ import Menu_session_list_menu from './menu_session_list.svelte';
 
 export let data_url: any;
 
-let slct_event_location_id: string;
+let slct_event_location_id: string = $events_slct.event_location_id;
 
 $events_trigger = null;
 
@@ -28,10 +29,10 @@ export let lq__event_obj: any;
 export let lq__location_event_file_obj_li: any;
 export let lq__event_location_obj: any;
 // export let lq__event_location_obj_li: any;
-export let lq_get__event_location_obj_li: any;
+export let lq__event_location_obj_li: any;
 export let lq__event_session_obj: any;
 // export let lq__event_session_obj_li: any;
-export let lq_get__event_session_obj_li: any;
+export let lq__event_session_obj_li: any;
 
 
 let qry__enabled = 'enabled';
@@ -88,11 +89,11 @@ let ae_promises: key_val = {
     {/if}
 </button>
 
-{#if $lq_get__event_location_obj_li && $lq_get__event_location_obj_li.length > 0}
+{#if $lq__event_location_obj_li && $lq__event_location_obj_li.length > 0}
 <div class="text-xs"><strong>
     Locations:
     {#if $ae_loc.administrator_access}
-        ({$lq_get__event_location_obj_li?.length})
+        ({$lq__event_location_obj_li?.length})
     {/if}
     <!-- This should fade out once the data is loaded. -->
     {#await ae_promises[slct_event_location_id]}
@@ -108,7 +109,7 @@ let ae_promises: key_val = {
         // console.log(`slct_event_location_id:`, slct_event_location_id);
 
         console.log('Remove fields from the URL.');
-        data_url.searchParams.delete('location_id');
+        // data_url.searchParams.delete('location_id');
         data_url.searchParams.delete('presentation_id');
         data_url.searchParams.delete('presenter_id');
         data_url.searchParams.delete('session_id');
@@ -116,10 +117,13 @@ let ae_promises: key_val = {
         // let url_location_id = slct_event_location_id;
         // data_url.searchParams.set('location_id', url_location_id);
 
+        let new_url = `/events/${$events_slct.event_id}/launcher`;
+
         if (slct_event_location_id) {
             $events_loc.launcher.slct.event_location_id = slct_event_location_id;
-            console.log(`$events_loc.launcher.slct.event_location_id:`, $events_loc.launcher.slct.event_location_id);
+            $events_slct.event_location_id = slct_event_location_id;
-            data_url.searchParams.set('location_id', slct_event_location_id);
+            // console.log(`$events_loc.launcher.slct.event_location_id:`, $events_loc.launcher.slct.event_location_id);
+            // data_url.searchParams.set('location_id', slct_event_location_id);
             // await tick();
 
             // $events_slct.event_location_id = slct_event_location_id;
@@ -139,11 +143,11 @@ let ae_promises: key_val = {
             // $events_trigger = 'event_location_li';
 
             $events_slct.id_li__event_session = [];
-            await tick();
+            // await tick();
             ae_promises[slct_event_location_id] = events_func.load_ae_obj_li__event_session({
                 api_cfg: $ae_api,
                 for_obj_type: 'event_location',
-                for_obj_id: $events_loc.launcher.slct.event_location_id,
+                for_obj_id: $events_slct.event_location_id,
                 inc_file_li: false,
                 inc_presentation_li: false,
                 params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 100},
@@ -169,24 +173,60 @@ let ae_promises: key_val = {
                 // await tick();
 
                 return load_results;
+            })
+            .finally(async () => {
+                // This will hide the selected session if the location is changed to false.
+                // WARNING: This may need to be commented out later.
+                // $events_loc.launcher.slct.event_session_id = null;
+                // await tick();
+                // $events_loc.launcher.slct.event_session_id = event_session_obj?.id;
+                // await tick();
+
+                // $events_slct.event_session_id = event_session_obj?.id;
+                // $events_slct.event_session_obj = event_session_obj;
+
+                // ae_promises.slct_event_session_id = events_func.load_ae_obj_id__event_session({
+                //     api_cfg: $ae_api,
+                //     event_session_id: event_session_obj?.id,
+                //     inc_file_li: true,
+                //     inc_presentation_li: true,
+                //     try_cache: true,
+                //     log_lvl: 1
+                // })
+                // .then(async (load_results) => {
+                //     console.log(`load_results = `, load_results);
+
+                //     let new_url = data_url.toString();
+                //     console.log(new_url);
+                // events/UFu-gF-rZ-ws/launcher/XB6wmasQN6E?
+                // let new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
+                // goto(new_url, {replaceState: true});
             });
-            await tick();
+            // let new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
+            // goto(new_url, {replaceState: true});
+            // await tick();
+
+            new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
 
         } else {
             // This will hide the selected session if the location is changed to false.
             // WARNING: This may need to be commented out later.
             // slct_event_session_id = null;
+            $events_loc.launcher.slct.event_location_id = null;
+            $events_slct.event_location_id = null;
             $events_loc.launcher.slct.event_session_id = null;
+            $events_slct.event_session_id = null;
             // WARNING: This may need to be commented out later.
         }
-
+        // let new_url = `/events/${$events_slct.event_id}/launcher/${$events_slct.event_location_id}`;
-        let new_url = data_url.toString()
+        goto(new_url, {replaceState: true});
-        console.log(new_url);
+        // let new_url = data_url.toString()
-        goto(new_url, {replaceState: false});
+        // console.log(new_url);
+        // goto(new_url, {replaceState: false});
     }}
     >
     <option value="">Select a location</option>
-    {#each $lq_get__event_location_obj_li as event_location_obj}
+    {#each $lq__event_location_obj_li as event_location_obj}
         <option
             value={event_location_obj?.id}
             >
@@ -201,7 +241,7 @@ let ae_promises: key_val = {
 </p>
 {/if}
 
-{#if $lq__location_event_file_obj_li && $lq__location_event_file_obj_li.length > 0}
+{#if $lq__location_event_file_obj_li}
 {#each $lq__location_event_file_obj_li as event_file_obj, index}
     <button
         disabled={!$ae_loc.trusted_access}
@@ -219,7 +259,7 @@ let ae_promises: key_val = {
         class="btn btn-sm variant-ghost-primary hover:variant-filled-primary text-xs py-1 px-2"
         >
         <span class="fas fa-file-archive m-1"></span>
-        {event_file_obj?.name}
+        {event_file_obj?.filename}
     </button>
 {/each}
 {/if}
@@ -229,11 +269,10 @@ let ae_promises: key_val = {
 
 <section class="text-center">
 
-{#if lq_get__event_session_obj_li}
+{#if $lq__event_session_obj_li}
 <Menu_session_list_menu
     data_url={data_url}
-    lq__event_session_obj={lq__event_session_obj}
+    lq__event_session_obj_li={lq__event_session_obj_li}
-    lq_get__event_session_obj_li={lq_get__event_session_obj_li}
     />
 {/if}
 

src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte

@@ -15,11 +15,11 @@ import { db_events } from "$lib/db_events";
 import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
 import { events_func } from '$lib/ae_events_functions';
 
-export let slct_event_session_id: string;
+// export let slct_event_session_id: string;
 
 // export let lq__event_file_obj: any;
 // export let lq_get__event_file_obj_li: any;
-export let lq__event_location_obj: any;
+// export let lq__event_location_obj: any;
 // export let lq__event_presentation_obj: any;
 // export let lq_get__event_presentation_obj_li: any;
 // export let lq__event_presenter_obj: any;
@@ -28,7 +28,7 @@ export let lq__event_session_obj: any;
 
 // let load_event_session_obj = events_func.load_ae_obj_id__event_session({
 //     api_cfg: $ae_api,
-//     event_session_id: $events_loc.launcher.slct.event_session_id,
+//     event_session_id: $events_slct.event_session_id,
 //     inc_presenter_li: false,
 //     try_cache: true,
 //     log_lvl: 1
@@ -54,7 +54,7 @@ let lq__event_file_obj_li = liveQuery(
     () => db_events.files
         // .where('event_session_id_random')
         .where('for_id_random')
-        .equals($events_loc.launcher.slct.event_session_id)
+        .equals($events_slct.event_session_id)
         .sortBy('filename')
 );
 
@@ -68,16 +68,18 @@ let lq__event_file_obj_li = liveQuery(
 // Event Presentation
 // let lq__event_presentation_obj = liveQuery(
 //     () => db_events.presentations
-//         .get($events_loc.launcher.slct.event_presentation_id)
+//         .get($events_slct.event_presentation_id)
 // );
 
-let lq__event_presentation_obj_li = liveQuery(
+$: lq__event_presentation_obj_li = liveQuery(async () => {
-    () => db_events.presentations
+    let results = await db_events.presentations
         .where('event_session_id_random')
-        .equals($events_loc.launcher.slct.event_session_id)
+        .equals($events_slct.event_session_id)
-        .sortBy('start_datetime')
+        .sortBy('start_datetime');
         // .sortBy('name')
-);
+
+    return results;
+});
 
 // FIX! This id list needs to be updated. It is currently commented out in the menu_session_list.svelte file.
 // let lq_get__event_presentation_obj_li = liveQuery(
@@ -86,12 +88,14 @@ let lq__event_presentation_obj_li = liveQuery(
 // );
 
 
-let lq__event_presenter_obj_li = liveQuery(
+$: lq__event_presenter_obj_li = liveQuery(async () => {
-    () => db_events.presenters
+    let results = await db_events.presenters
         .where('event_session_id_random')
-        .equals($events_loc.launcher.slct.event_session_id)
+        .equals($events_slct.event_session_id)
-        .sortBy('full_name')
+        .sortBy('full_name');
-);
+
+    return results;
+});
 
 let show_modal_upload_files: boolean = false;
 let link_to_type: null|string = null;
@@ -101,10 +105,10 @@ let link_to_id: null|string = null;
 let ae_promises: key_val = {};
 $events_slct.id_li__event_presenter = [];
 // await tick();
-ae_promises[$events_loc.launcher.slct.event_session_id] = events_func.load_ae_obj_li__event_presenter({
+ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_presenter({
     api_cfg: $ae_api,
     for_obj_type: 'event_session',
-    for_obj_id: $events_loc.launcher.slct.event_session_id,
+    for_obj_id: $events_slct.event_session_id,
     // inc_file_li: false,
     params: {qry__enabled: 'enabled', qry__limit: 550},
     try_cache: true,

src/routes/events/[event_id]/(launcher)/menu_session_list.svelte

@@ -11,10 +11,10 @@ import { events_func } from '$lib/ae_events_functions';
 	import { tick } from 'svelte';
 
 export let data_url: any;
-export let slct_event_session_id: any;
+// export let slct_event_session_id: any;
 
-export let lq__event_session_obj: any;
+// export let lq__event_session_obj: any;
-export let lq_get__event_session_obj_li: any;
+export let lq__event_session_obj_li: any;
 
 let ae_promises: key_val = {
     slct_event_session_id: null,
@@ -34,11 +34,11 @@ let hover_timer: any = null;
 
 
 
-{#if $lq_get__event_session_obj_li && $lq_get__event_session_obj_li.length > 0}
+{#if $lq__event_session_obj_li && $lq__event_session_obj_li.length > 0}
 <div class="text-xs"><strong>
     Sessions:
     {#if $ae_loc.administrator_access}
-        ({$lq_get__event_session_obj_li?.length})
+        ({$lq__event_session_obj_li?.length})
     {/if}
     <!-- This should fade out once the data is loaded. -->
     {#await ae_promises.slct_event_session_id}
@@ -50,17 +50,17 @@ let hover_timer: any = null;
 <ul
     class="space-y-1"
     >
-    {#each $lq_get__event_session_obj_li as event_session_obj}
+    {#each $lq__event_session_obj_li as event_session_obj}
         <li>
         <button
             type="button"
             on:mouseenter={() => {
                 // Start a 750 ms timer to prevent changing the session too quickly.
                 hover_timer = setTimeout(async () => {
-                    $events_loc.launcher.slct.event_session_id = null;
+                    $events_slct.event_session_id = null;
                     await tick();
 
-                    $events_loc.launcher.slct.event_session_id = event_session_obj?.id;
+                    $events_slct.event_session_id = event_session_obj?.id;
                     data_url.searchParams.set('session_id', event_session_obj?.id);
 
                     $events_slct.event_session_id = event_session_obj?.id;
@@ -87,10 +87,10 @@ let hover_timer: any = null;
                 clearTimeout(hover_timer);
             }}
             on:click={async () => {
-                $events_loc.launcher.slct.event_session_id = null;
+                $events_slct.event_session_id = null;
                 await tick();
 
-                $events_loc.launcher.slct.event_session_id = event_session_obj?.id;
+                $events_slct.event_session_id = event_session_obj?.id;
                 data_url.searchParams.set('session_id', event_session_obj?.id);
 
                 $events_slct.event_session_id = event_session_obj?.id;
@@ -151,9 +151,9 @@ let hover_timer: any = null;
                 // goto(new_url, {replaceState: false});
             }}
             class="btn btn-sm hover:variant-filled-primary overflow-hidden text-sm w-full max-w-full text-left transition-all rounded-md flex flex-row justify-between items-center"
-            class:variant-filled-primary={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
+            class:variant-filled-primary={$events_slct.event_session_id === event_session_obj?.id}
-            class:variant-ghost-secondary={$events_loc.launcher.slct.event_session_id != event_session_obj?.id}
+            class:variant-ghost-secondary={$events_slct.event_session_id != event_session_obj?.id}
-            class:font-bold={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
+            class:font-bold={$events_slct.event_session_id === event_session_obj?.id}
 
             class:hidden={!$events_loc.launcher.show_content__hidden_sessions && event_session_obj?.hide}
             class:dim={event_session_obj?.hide}
@@ -162,14 +162,14 @@ let hover_timer: any = null;
             <span
                 class="border-r border-gray-400 pr-1"
                 >
-                {#if $events_loc.launcher.slct.event_session_id === event_session_obj?.id}
+                {#if $events_slct.event_session_id === event_session_obj?.id}
                     <span class="fas fa-calendar-check"></span>
                 {:else}
                     <span class="fas fa-calendar-alt"></span>
                 {/if}
                 <span
                     class="text-xs"
-                    class:hidden={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
+                    class:hidden={$events_slct.event_session_id === event_session_obj?.id}
                     >
                     {ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'week_medium')}
                 </span>

src/routes/events/[event_id]/+page.svelte

@@ -0,0 +1,586 @@
+<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 type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils';
+// 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_files_upload from './../../events_pres_mgmt/ae_comp__event_files_upload.svelte';
+import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li_direct.svelte';
+import Event_page_menu from './event_page_menu.svelte';
+
+
+// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+$slct.account_id = data.account_id;
+// console.log(`$slct.account_id = `, $slct.account_id);
+let ae_acct = data[$slct.account_id];
+console.log(`ae_acct = `, ae_acct);
+
+console.log(`event_id: ${data.params.event_id}`);
+
+$events_slct.event_id = data.params.event_id;
+// $events_slct.event_obj = ae_acct.slct.event_obj;
+$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li;
+
+// import Leads_add_scan from './leads_add_scan.svelte';
+// import Sessions_list from './sessions_list.svelte';
+// import Leads_manage from './leads_manage.svelte';
+// import Leads_payment from './leads_payment.svelte';
+
+$: lq__event_obj = liveQuery(async () => {
+    let results = await db_events.events
+    .get($events_slct.event_id)
+
+    return results;
+});
+
+// JSON formatted configuration options for an event, and specifically for the presentation management module.
+$: if ($lq__event_obj?.mod_pres_mgmt_json) {
+    // if (log_lvl) {
+    //     console.log(`*** Event Pres Mgmt JSON *** pres_mgmt_cfg_local`, $events_loc.pres_mgmt);
+    // }
+    // $events_loc.pres_mgmt =
+    events_func.sync_config__event_pres_mgmt({
+        pres_mgmt_cfg_remote: $lq__event_obj.mod_pres_mgmt_json,
+        pres_mgmt_cfg_local: $events_loc.pres_mgmt,
+        log_lvl: log_lvl,
+    });
+}
+
+let event_session_id_random_li: Array<string> = [];
+
+// OMG THIS WORKS!!! 2024-09-17
+// Using the $: seems to have fixed it along with the async await?
+$: lq__event_session_obj_li = liveQuery(async () => {
+    let results = await db_events.sessions
+        .bulkGet(event_session_id_random_li);
+
+    return results;
+});
+
+
+$: lq__event_location_obj_li = liveQuery(async () => {
+    let results = await db_events.locations
+        .where('event_id_random')
+        .equals($events_slct.event_id)
+        .sortBy('name')
+
+    return results;
+});
+
+
+// let load_obj_li_results: Promise<any>|key_val;
+let search_submit_results: Promise<any>|key_val;
+
+let ae_tmp: key_val = {};
+let ae_triggers: key_val = {};
+
+
+if ($events_loc.pres_mgmt?.save_search_text && $events_loc.pres_mgmt?.saved_search__session) {
+    $events_sess.pres_mgmt.fulltext_search_qry_str = $events_loc.pres_mgmt.saved_search__session;
+}
+if ($events_loc.pres_mgmt?.save_search_text && $events_loc.pres_mgmt?.saved_search__session_location_name) {
+    $events_sess.pres_mgmt.location_name_qry_str = $events_loc.pres_mgmt.saved_search__session_location_name;
+}
+
+
+// Functions and Logic
+if (browser) {
+    console.log('Events Event [event_id]: +page.svelte');
+    $events_trigger = 'load__event_session_obj_li';
+}
+
+
+// Updated 2024-06-12 late
+$: if ($events_trigger == 'load__event_session_obj_li' && $events_slct.event_id) {
+    console.log(`load__event_session_obj_li() $events_slct.event_id=${$events_slct.event_id}`);
+
+    $events_trigger = null;
+
+    if ($events_loc.pres_mgmt.save_search_text) {
+        if (log_lvl) {
+            console.log(`*** Save search text *** ${$events_loc.pres_mgmt.save_search_text}`);
+        }
+        $events_loc.pres_mgmt.saved_search__session = $events_sess.pres_mgmt.fulltext_search_qry_str;
+        $events_loc.pres_mgmt.saved_search__session_location_name = $events_sess.pres_mgmt.location_name_qry_str;
+    }
+
+    if ( $events_sess.pres_mgmt.fulltext_search_qry_str?.length > 2 ) {
+        console.log('*** Search string is valid ***');
+        process_search_string($events_sess.pres_mgmt.fulltext_search_qry_str);
+    } else if ( $ae_loc.authenticated_access ) {
+        console.log('*** Administrator Access or Trusted Access ***');
+        process_search_string($events_sess.pres_mgmt.fulltext_search_qry_str);
+    } else {
+        console.log('*** Check permissions and or search string. Not allowed or too short. ***');
+        $events_slct.event_session_obj_li = [];
+        event_session_id_random_li = [];
+    }
+}
+
+
+function process_search_string(search_str: string) {
+    console.log('process_search_string()');
+
+    if (search_str?.length) {
+        console.log(`*** Search string length: ${search_str.length} ***`);
+        // $events_slct.event_session_obj_li = [];
+        // $events_sess.pres_mgmt.fulltext_search_qry_str = '';
+    } else {
+        console.log(`*** Search string is empty ***`);
+        // $events_slct.event_session_obj_li = [];
+        // event_session_id_random_li = [];
+        // return false;
+    }
+
+    // let type_code = $events_sess.pres_mgmt.search_badge_type_code;
+
+    // let search_str = $events_sess.pres_mgmt.fulltext_search_qry_str.trim();
+
+    let search_method = 'lk'; // 'ft', 'lk', 'eq'
+    let ft_search_str_new = '';
+    let lk_search_str_new = '';
+
+    if (search_method == 'ft') {
+        // Add quotes around the search string to make it an exact match.
+        ft_search_str_new = `${search_str}`;
+        // ft_search_str_new = `"${search_str}"`;
+    } else if (search_method == 'lk') {
+        if (search_str == null) {
+            search_str = '';
+        }
+        // Add a wildcard to the search string to make it a like match.
+        lk_search_str_new = search_str.trim().replace(',', ' ').replace(';', ' ').replaceAll('  ', '%').replaceAll(' ', '%');
+        lk_search_str_new = `%${lk_search_str_new}%`;
+    }
+
+    console.log(`"${search_str}"`);
+
+    let location_name = '';
+    if ($events_sess.pres_mgmt.location_name_qry_str?.length) {
+        location_name = $events_sess.pres_mgmt.location_name_qry_str;
+        console.log(`Location name: ${location_name}`);
+    }
+
+
+    handle_search__event_session({
+        ft_search_str: ft_search_str_new,
+        lk_search_str: lk_search_str_new,
+        and_lk_location_name: location_name,
+        // fulltext_search_qry_str: ft_search_str_new,
+        // ft_presenter_search_qry_str: null,
+        // like_search_qry_str: lk_search_str_new,
+        // like_presentation_search_qry_str: lk_search_str_new,
+        // like_presenter_search_qry_str: lk_search_str_new,
+        // params: params,
+        try_cache: false,
+        log_lvl: 0,
+    });
+}
+
+
+async function handle_search__event_session(
+        {
+            ft_search_str = '',
+            lk_search_str = '',
+            and_lk_location_name = '',
+            search_delay = 0,
+            max_tries = 5,
+            params = {
+                'qry__enabled': $events_loc.pres_mgmt.qry_enabled ?? 'enabled',
+                'qry__hidden': $events_loc.pres_mgmt.qry_hidden ?? 'not_hidden',
+                'qry__limit': $events_loc.pres_mgmt.qry_limit__sessions ?? 35,
+            },
+            try_cache=false,
+            log_lvl=1,
+        }: {
+            ft_search_str?: string,
+            lk_search_str?: string,
+            and_lk_location_name?: string,
+            search_delay?: number, // In milliseconds
+            max_tries?: number,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number,
+        }
+    ) {
+    console.log('handle_search__event_session()');
+
+    if ($events_sess.pres_mgmt?.status_qry__search != null && $events_sess.pres_mgmt?.status_qry__search != 'done') {
+        console.log('*** TEST SEARCH - $events_sess.pres_mgmt.status_qry__search != done ***');
+        // WARNING: This is a temporary fix for the search string. It needs to be fixed in the future. Using lk_search_str for now.
+        $events_sess.pres_mgmt.status_qry__last_request_str = lk_search_str;
+
+        // We want to delay the initial search request to give the previous search request to finish.
+        let random_delay = Math.floor(Math.random() * 50);
+        search_delay += 50+random_delay;
+    }
+
+    log_lvl = 2;
+
+    let count = 0;
+    let request_loop = setInterval(() => {
+        count++;
+        if (log_lvl) {
+            console.log(`*** TEST SEARCH - Search delay: ${search_delay} *** loop count=${count}`);
+        }
+        if (count >= max_tries) {
+            console.log('*** TEST SEARCH - Max tries reached ***');
+            clearInterval(request_loop);
+        }
+
+        if ($events_sess.pres_mgmt?.status_qry__search != null && $events_sess.pres_mgmt?.status_qry__search != 'done') {
+            let random_delay = Math.floor(Math.random() * 25);
+            search_delay += 25+random_delay;
+            console.log(`*** TEST SEARCH - $events_sess.pres_mgmt.status_qry__search == loading wait *** search_delay=${search_delay}`);
+            // $events_sess.status_qry__last_request_str = lk_search_str;
+        } else {
+            console.log('*** TEST SEARCH - $events_sess.pres_mgmt.status_qry__search != loading ***');
+
+            $events_sess.pres_mgmt.status_qry__search = 'loading';
+
+            search_submit_results = events_func.search__event_session({
+                api_cfg: $ae_api,
+                event_id: $events_slct.event_id,
+                // type_code: type_code,
+                fulltext_search_qry_str: ft_search_str,
+                ft_presenter_search_qry_str: null,
+                like_search_qry_str: lk_search_str,
+                like_presentation_search_qry_str: lk_search_str,
+                like_presenter_search_qry_str: lk_search_str,
+                // external_event_id: $events_loc.pres_mgmt.default__external_registration_id,
+                location_name: and_lk_location_name,
+                params: params,
+                try_cache: try_cache,
+                log_lvl: 0,
+            })
+            .then(function (search_results) {
+                // Processing the results from the search.
+                $events_sess.pres_mgmt.status_qry__search = 'processing';
+                $events_slct.event_session_obj_li = search_results;
+                console.log(search_results);
+                // $events_sess.pres_mgmt.status_qry__search = 'done';
+
+                if (log_lvl) {
+                    console.log('TEST SEARCH - Search done. Pulling out the event_session_id_randoms.');
+                }
+                // console.log(`TEST search: ${$lq_kv__event_session_obj_li}`);
+
+                // event_session_id_random_li = [];
+
+                // We need to loop through the array of objects and get the event_session_id_random from each object a new list of event_session_id_randoms. Then we can use this list to get the full objects from the database.
+                let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
+                if (search_results && search_results.length) {
+                    for (let i = 0; i < search_results.length; i++) {
+                        tmp_li.push($events_slct.event_session_obj_li[i].event_session_id_random);
+                    }
+                }
+                event_session_id_random_li = tmp_li;
+            })
+            .finally(() => {
+
+
+                // event_session_id_random_li = $events_slct.event_session_obj_li.map(session_obj => session_obj.event_session_id_random);
+
+                // Finally done with the search.
+                $events_sess.pres_mgmt.status_qry__search = 'done';
+
+                if (log_lvl > 1) {
+                    console.log(`TEST SEARCH - event_session_id_random_li:`, event_session_id_random_li);
+                    // console.log(`TEST SEARCH - search live query: ${$lq_kv__event_session_obj_li}`);
+                }
+
+            });
+            clearInterval(request_loop);
+        }
+    }, search_delay);
+}
+</script>
+
+
+<svelte:head>
+	<title>
+        Event: {ae_util.shorten_string({string: $lq__event_obj?.name, max_length: 12})}
+        ({$lq__event_obj?.event_id}) - Pres Mgmt - {$events_loc?.title}
+    </title>
+</svelte:head>
+
+
+<section
+    class="
+        ae_events_pres_mgmt_event
+        container h-full mx-auto
+        flex flex-col gap-1
+        py-1 px-2 pb-16
+        items-center
+        min-w-full
+        max-w-max
+        "
+    >
+    <!-- lg:bg-green-100
+    xl:bg-green-200 -->
+
+
+<Event_page_menu
+    data={data}
+    lq__event_obj={lq__event_obj}
+    />
+
+{#if !$events_loc.pres_mgmt.show_content__event_view || $events_loc.pres_mgmt.show_content__event_view == 'default'}
+
+<!-- {#if $lq__event_obj} -->
+<header>
+<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
+<h3 class="h4 text-center">Presentations - Session Lookup</h3>
+</header>
+<!-- {/if} -->
+
+<!-- This session search section should be moved to a separate Svelte component -->
+<div class="variant-ghost-success my-2 p-2 rounded-md flex flex-row items-center">
+
+<form
+    on:submit|preventDefault={() => {
+        $events_trigger = 'load__event_session_obj_li';
+    }}
+    autocomplete="off"
+    class="form flex-grow flex flex-row flex-wrap gap-1 justify-center items-center w-full"
+    >
+
+
+    <!-- Show/Hide session location name search button -->
+    <button
+        type="button"
+        class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all mx-1"
+        class:hidden={!$ae_loc.authenticated_access}
+        on:click={() => {
+            $events_sess.pres_mgmt.location_name_qry_str = '';
+            $events_loc.pres_mgmt.show_content__session_search_room_name = !$events_loc.pres_mgmt.show_content__session_search_room_name;
+        }}
+        title="Search by location name"
+        >
+        <span class="fas fa-search-location"></span>
+    </button>
+
+    <select
+        name="location_name_list"
+        id="session_location_name_list"
+        bind:value={$events_sess.pres_mgmt.location_name_qry_str}
+        class="input text-xs font-bold font-mono min-w-fit w-min max-w-40 transition-all mx-1"
+        class:hidden={!$ae_loc.authenticated_access || !$events_loc.pres_mgmt.show_content__session_search_room_name}
+        on:change={() => {
+            $events_trigger = 'load__event_session_obj_li';
+        }}
+        >
+        {#if $lq__event_location_obj_li}
+            <option value="">Location?</option>
+            {#each $lq__event_location_obj_li as event_location_obj}
+                <option value={event_location_obj?.name}>{event_location_obj.name}</option>
+            {/each}
+        {/if}
+    </select>
+
+    <button
+        type="button"
+        class="btn btn-sm variant-ghost-warning hover:variant-filled-warning transition-all mx-1"
+        on:click={() => {
+            $events_sess.pres_mgmt.fulltext_search_qry_str = '';
+            $events_trigger = 'load__event_session_obj_li';
+        }}
+        title="Clear search text"
+        >
+        <!-- <span class="fas fa-backspace"></span> -->
+        <!-- <span class="fas fa-broom"></span> -->
+         <span class="fas fa-remove-format"></span>
+        <!-- Clear text -->
+    </button>
+
+    <input
+        type="search"
+        placeholder="Search for a session"
+        id="session_fulltext_search_qry_str"
+        bind:value={$events_sess.pres_mgmt.fulltext_search_qry_str}
+        class="input text-1xl hover:text-2xl font-bold font-mono w-80 transition-all mx-1"
+        on:keyup={() => {
+            if ($events_sess.pres_mgmt?.fulltext_search_qry_str && $events_sess.pres_mgmt.fulltext_search_qry_str.length >= 3) {
+                $events_trigger = 'load__event_session_obj_li';
+            }
+        }}
+        autofocus
+        suggest="off"
+        data-ignore="true"
+        />
+
+    <button
+        type="submit"
+        class="btn btn-lg variant-ghost-success hover:variant-filled-success text-2xl font-bold w-48 transition-all mx-1"
+        on:click={() => {
+
+        }}
+        title="Search for a session"
+        >
+        {#if $events_sess.pres_mgmt.status_qry__search == 'loading'}
+            <span class="fas fa-spinner fa-spin"></span>
+        {:else }
+            <!-- Nothing -->
+        {/if}
+        <span class="fas fa-search mx-1"></span>
+        Search
+    </button>
+</form>
+
+</div>
+
+
+<!-- {#await load_obj_li_results}
+    <span class="modal-loading">
+        <span class="fas fa-spinner fa-spin"></span>
+        <span class="loading-text">
+            Loading...
+        </span>
+    </span>
+{:then load_obj_li_results}
+    {#if load_obj_li_results}
+    <span class="fas fa-check text-green-500"></span>
+    <span class="saved-text">
+        Loaded
+    </span>
+    {/if}
+{/await} -->
+
+<!-- count: {$lq__event_session_obj_li?.length}???
+count ids: {event_session_id_random_li?.length ?? 'nothing???'}??? -->
+
+<!-- {#if $events_slct.event_session_obj_li?.length && $events_slct.event_session_obj_li?.length == event_session_id_random_li?.length} -->
+{#if $lq__event_session_obj_li && $lq__event_session_obj_li?.length > 0 && event_session_id_random_li && event_session_id_random_li?.length > 0}
+<!-- <div class="sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl overflow-x-scroll outline"> -->
+<!-- <div class="sm:bg-red-100 md:bg-yellow-100 lg:bg-white"> -->
+<Comp_event_session_obj_li
+    lq__event_session_obj_li={lq__event_session_obj_li}
+    hide__session_location={$events_loc.pres_mgmt.hide__session_location}
+    hide__session_poc={$events_loc.pres_mgmt.hide__session_poc || $events_loc.pres_mgmt.hide__session_li_poc_field}
+    show__launcher_link={($ae_loc.manager_access || $ae_loc.administrator_access) && $events_loc.pres_mgmt.show__launcher_link}
+    show__launcher_link_legacy={$ae_loc.manager_access || $ae_loc.trusted_access && $events_loc.pres_mgmt.show__launcher_link_legacy}
+    show__location_link={$events_loc.pres_mgmt.show_content__location_link}
+    log_lvl={log_lvl}
+    />
+<!-- </div> -->
+{:else}
+<section class="text-center text-2xl bg-yellow-100 p-4 rounded-md lg:max-w-lg space-y-2">
+    <div>
+        <span class="fas fa-exclamation-triangle text-2xl text-yellow-500"></span>
+        <strong>No results to show</strong>
+        <span class="fas fa-exclamation-triangle text-2xl text-yellow-500"></span>
+        <br>
+        <div class="text-lg">
+        Please use the search above to find your session.
+        </div>
+    </div>
+    <div>
+    <strong>Search by:</strong>
+    <ul
+        class="list-disc list-inside text-lg text-left"
+        >
+        <li>Session name</li>
+        <li>Session description</li>
+        <li>Presentation name</li>
+        <li>Presenter names</li>
+        <li>Presenter ID (member ID)</li>
+    </ul>
+    </div>
+</section>
+{/if}
+
+
+{:else if $events_loc.pres_mgmt.show_content__event_view == 'manage_files' && $ae_loc.trusted_access}
+
+
+    {#if $lq__event_obj}
+    <header>
+        <h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
+        <h3 class="h4 text-center">Event - Manage Files</h3>
+    </header>
+    {/if}
+
+    <div>
+        <h3 class="h5 text-center">
+            <span class="fas fa-tasks m-1"></span>
+            <span class="fas fa-mail-bulk m-1"></span>
+            Manage and Upload Event Files:
+        </h3>
+
+        <Comp_event_files_upload
+            class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
+            link_to_type="event"
+            link_to_id={$lq__event_obj?.event_id}
+            >
+            <span slot="label">
+                <div>
+                    <span class="fas fa-upload"></span>
+                    <strong class="bg-red-200 p-1">Upload global event files only!</strong>
+                </div>
+                <span class="text-sm text-gray-600 dark:text-gray-400 italic">
+                    <strong>Global event files only</strong><br>
+                    Recommended: PowerPoint (pptx) or Keynote (key)<br>
+                    Media: Audio and videos files should be directly embedded in PowerPoint (PPTX) files<br>
+                    Supplemental files: mp4, PDF, Word Doc, Excel, txt, etc
+                </span>
+            </span>
+        </Comp_event_files_upload>
+
+        <div class="overflow-x-auto w-max max-w-full">
+        <Element_manage_event_file_li_wrap
+            link_to_type={'event'}
+            link_to_id={$lq__event_obj?.event_id_random}
+            allow_basic={$events_loc.auth__kv.session[$lq__event_obj?.event_id_random] || $events_loc.auth__kv.session[$lq__event_obj?.event_id_random]}
+            allow_moderator={$events_loc.auth__kv.session[$lq__event_obj?.event_id_random]}
+            container_class_li={''}
+            />
+        </div>
+    </div>
+
+{/if}
+</section>
+
+
+<style lang="postcss">
+/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
+/* div.ae_quick_modal_container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+    background-color: hsla(0, 0%, 0%, .5);
+} */
+
+/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
+/* section.ae_quick_popover {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 100;
+    background-color: hsla(0, 0%, 100%, .95);
+    padding: 1rem;
+    border-radius: .5rem;
+    box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
+
+    min-height: 30%;
+    min-width: 80%;
+} */
+</style>

src/routes/events/[event_id]/+page.ts

@@ -0,0 +1,76 @@
+/** @type {import('./$types').PageLoad} */
+console.log(`Events - [event_id] +page.ts start`);
+
+import { error } from '@sveltejs/kit';
+import { browser } from '$app/environment';
+import { events_func } from '$lib/ae_events_functions';
+
+export async function load({ params, parent }) { // route
+    let log_lvl = 0;
+
+    let data = await parent();
+    // console.log(`ae events_pres_mgmt event [event_id] +page.ts data:`, data);
+    data.log_lvl = log_lvl;
+
+    let account_id = data.account_id;
+    let ae_acct = data[account_id];
+    // console.log(`ae_acct = `, ae_acct);
+
+    // if (!account_id) {
+    //     console.log(`events_pres_mgmt_event [event_id] +page.ts: The account_id was not found in the data!!!`);
+    //     return false;
+    // }
+
+    // data.ae_events_pres_mgmt_event_event_id_page_ts = true;
+
+    let event_id = params.event_id;
+    if (!event_id) {
+        console.log(`ae Events - [event_id] +page.ts: The event_id was not found in the params.event_id!!!`);
+        error(404, {
+			message: 'Event ID not found'
+		});
+    }
+
+    // ae_acct.slct.event_id = event_id;
+
+    // let load_event_obj = events_func.handle_load_ae_obj_id__event({
+    //     api_cfg: ae_acct.api, event_id:  event_id, try_cache: true
+    // });
+
+    // ae_acct.slct.event_obj = await load_event_obj;
+
+    if (browser) {
+        let load_event_obj = events_func.handle_load_ae_obj_id__event({
+            api_cfg: ae_acct.api, event_id:  event_id, try_cache: true
+        });
+        console.log(`load_event_obj = `, load_event_obj);
+        ae_acct.slct.event_obj = load_event_obj;
+
+        let load_event_session_obj_li = events_func.load_ae_obj_li__event_session({
+            api_cfg: ae_acct.api,
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
+            try_cache: true,
+            log_lvl: 1
+        });
+        console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
+        ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
+
+        let load_event_location_obj_li = events_func.load_ae_obj_li__event_location({
+            api_cfg: ae_acct.api,
+            for_obj_type: 'event',
+            for_obj_id: event_id,
+            params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
+            try_cache: true,
+            log_lvl: 1
+        });
+        console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
+        ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
+    }
+
+    // WARNING: Precaution against shared data between sites and sessions.
+    data[account_id] = ae_acct;
+
+    return data;
+}

src/routes/events/[event_id]/event_page_menu.svelte

@@ -0,0 +1,451 @@
+<script lang="ts">
+export let data: any;
+
+import type { key_val } from '$lib/ae_stores';
+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, events_trig_kv } from '$lib/ae_events_stores';
+// import { events_func } from '$lib/ae_events_functions';
+
+// import Element_ae_crud from '$lib/element_ae_crud.svelte';
+import Element_data_store from '$lib/element_data_store_v2.svelte';
+import Comp__pres_mgmt_menu_nav from './../ae_comp__events_menu_nav.svelte';
+
+export let lq__event_obj: any;
+
+let ae_tmp: key_val = {};
+let ae_triggers: key_val = {};
+
+</script>
+
+
+<!-- New standard page specific menu 2024-08-01 -->
+<div
+    class="pres_mgmt__session_search {ae_snip.classes__events_pres_mgmt_menu}"
+    class:border-gray-100={!$events_loc.pres_mgmt.show_menu__session_search}
+    >
+
+    <!-- BEGIN: The menu button options -->
+    <div
+        class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
+
+    <Comp__pres_mgmt_menu_nav
+        hide={!$ae_loc.trusted_access}
+        ae_core={$ae_loc.administrator_access}
+        pres_mgmt__reports={$events_slct.event_id && $ae_loc.trusted_access}
+        />
+
+    <span
+        class="ae_menu__object_options flex flex-row items-center justify-around"
+        >
+        <!-- Button to toggle between the regular event session search view and managing event files -->
+        <button
+            type="button"
+            on:click={() => {
+                if ($events_loc.pres_mgmt.show_content__event_view == 'manage_files') {
+                    $events_loc.pres_mgmt.show_content__event_view = null;
+                } else {
+                    $events_loc.pres_mgmt.show_content__event_view = 'manage_files';
+                }
+            }}
+            class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
+            class:variant-filled-primary={$events_loc.pres_mgmt.show_content__event_view == 'manage_files'}
+            class:variant-glass-primary={$events_loc.pres_mgmt.show_content__event_view != 'manage_files'}
+            class:hidden={!$ae_loc.administrator_access}
+            disabled={!$ae_loc.manager_access}
+            title="Session search or manage files for the event"
+            >
+            {#if $events_loc.pres_mgmt.show_content__event_view == 'manage_files'}
+                <span class="fas fa-users m-1"></span>
+                <!-- View Session Search -->
+                Session Search?
+            {:else}
+                <span class="fas fa-file-archive m-1"></span>
+                Event Files?
+                <span
+                    class="badge badge-icon variant-glass-success absolute -top-1.5 -right-1.5 z-10"
+                    class:hidden={!$lq__event_obj?.file_count}
+                    >
+                    {$lq__event_obj?.file_count}&times;
+                </span>
+            {/if}
+        </button>
+
+        <!-- Button to toggle between showing and not showing the extended options menu -->
+        <button
+            type="button"
+            on:click={() => {
+                if ($events_loc.pres_mgmt.show_menu__session_search == 'options') {
+                    $events_loc.pres_mgmt.show_menu__session_search = null;
+                } else {
+                    $events_loc.pres_mgmt.show_menu__session_search = 'options';
+                }
+            }}
+            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session_search == 'options'}
+            class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
+            class:hidden={!$ae_loc.trusted_access}
+            title="Options for the presenter"
+            >
+            <span class="fas fa-cog m-1"></span>
+            {#if $events_loc.pres_mgmt.show_menu__session_search == 'options'}
+                Hide
+            {:else}
+                <span class="hidden">
+                Show
+                </span>
+            {/if}
+            Options?
+        </button>
+
+        <button
+            type="button"
+            on:click={() => {
+                if ($events_loc.pres_mgmt.show_menu__session_search == 'help') {
+                    $events_loc.pres_mgmt.show_menu__session_search = null;
+                } else {
+                    $events_loc.pres_mgmt.show_menu__session_search = 'help';
+                }
+            }}
+            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session_search == 'help'}
+            class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
+            title="Help and information about the session search"
+            >
+            <span class="fas fa-question-circle m-1"></span>
+            {#if $events_loc.pres_mgmt.show_menu__session_search == 'help'}
+                Hide Help?
+            {:else}
+                Help?
+            {/if}
+        </button>
+    </span>
+
+    <span
+        class="ae_menu__action_options"
+        class:hidden={true}
+        >
+        No action options here yet.
+    </span>
+
+
+    </div> <!-- END: The menu button options -->
+
+
+    <!-- BEGIN: The expanded menu area for information and options -->
+    <div
+        class="flex flex-row flex-wrap gap-1 items-center justify-around w-full bg-blue-100 hover:bg-blue-200 border border-blue-200 hover:border-blue-400 p-2 rounded-md"
+        class:hidden={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
+        >
+
+        <div
+            class="flex flex-col gap-1"
+            >
+            <!-- Save search text option toggle button? -->
+            <button
+                type="button"
+                on:click={() => {
+                    $events_loc.pres_mgmt.save_search_text = !$events_loc.pres_mgmt.save_search_text;
+                }}
+                class="btn btn-sm"
+                class:variant-ghost-success={$events_loc.pres_mgmt.save_search_text}
+                class:variant-ghost-warning={!$events_loc.pres_mgmt.save_search_text}
+                title="Save the search text for this session search?"
+                >
+                {#if $events_loc.pres_mgmt.save_search_text}
+                    <span class="fas fa-toggle-on m-1"></span>
+                    Save Search Text
+                {:else}
+                    <span class="fas fa-toggle-off m-1"></span>
+                    <!-- <span class="fas fa-save m-1"></span> -->
+                    Save Search Text?
+                {/if}
+            </button>
+        </div>
+
+        {#if $ae_loc.authenticated_access}
+            <div
+                class="flex flex-col gap-1 items-end justify-center"
+                >
+            <!-- Max presenters select options -->
+            <span
+                class="flex flex-row gap-1 items-center justify-around"
+                >
+                <label
+                    class="text-sm w-32 text-right"
+                    for="qry_limit__presenters">
+                    Max presenters:
+                </label>
+                <select
+                    id="qry_limit__presenters"
+                    bind:value={$events_loc.pres_mgmt.qry_limit__presenters}
+                    on:change={() => {
+                        // search__event_presenter({
+                        //     api_cfg: $ae_api,
+                        //     event_id: $events_slct.event_id,
+                        //     agree: true,
+                        //     biography: null,
+                        //     ft_search_str: '',
+                        //     lk_search_str: '',
+                        //     params: {
+                        //         'qry__enabled': 'enabled',
+                        //         'qry__hidden': 'not_hidden',
+                        //         'qry__limit': $events_loc.pres_mgmt.qry_limit__presenters,},
+                        //     try_cache: false,
+                        //     log_lvl: log_lvl,
+                        // });
+                    }}
+                    class="select w-20 text-sm"
+                    >
+                    <option value={25}>25</option>
+                    <option value={50}>50</option>
+                    <option value={75}>75</option>
+                    <option value={100}>100</option>
+                    <option value={200}>200</option>
+                    <option value={500}>500</option>
+                </select>
+            </span>
+
+            <!-- Max sessions select options -->
+            <span
+                class="flex flex-row gap-1 items-center justify-around"
+                >
+                <label
+                    class="text-sm w-32 text-right"
+                    for="qry_limit__sessions">
+                    Max sessions:
+                </label>
+                <select
+                    id="qry_limit__sessions"
+                    bind:value={$events_loc.pres_mgmt.qry_limit__sessions}
+                    on:change={() => {
+                        // search__event_presenter({
+                        //     api_cfg: $ae_api,
+                        //     event_id: $events_slct.event_id,
+                        //     agree: true,
+                        //     biography: null,
+                        //     ft_search_str: '',
+                        //     lk_search_str: '',
+                        //     params: {
+                        //         'qry__enabled': 'enabled',
+                        //         'qry__hidden': 'not_hidden',
+                        //         'qry__limit': $events_loc.pres_mgmt.qry_limit__sessions,},
+                        //     try_cache: false,
+                        //     log_lvl: log_lvl,
+                        // });
+                    }}
+                    class="select w-20 text-sm"
+                    >
+                    <option value={25}>25</option>
+                    <option value={50}>50</option>
+                    <option value={75}>75</option>
+                    <option value={100}>100</option>
+                    <option value={200}>200</option>
+                    <option value={500}>500</option>
+                </select>
+            </span>
+
+            <!-- Max files select options -->
+            <span
+                class="flex flex-row gap-1 items-center justify-around"
+                >
+                <label
+                    class="text-sm w-32 text-right"
+                    for="qry_limit__files">
+                    Max files:
+                </label>
+                <select
+                    id="qry_limit__files"
+                    bind:value={$events_loc.pres_mgmt.qry_limit__files}
+                    on:change={() => {
+                        // search__event_presenter({
+                        //     api_cfg: $ae_api,
+                        //     event_id: $events_slct.event_id,
+                        //     agree: true,
+                        //     biography: null,
+                        //     ft_search_str: '',
+                        //     lk_search_str: '',
+                        //     params: {
+                        //         'qry__enabled': 'enabled',
+                        //         'qry__hidden': 'not_hidden',
+                        //         'qry__limit': $events_loc.pres_mgmt.qry_limit__files,},
+                        //     try_cache: false,
+                        //     log_lvl: log_lvl,
+                        // });
+                    }}
+                    class="select w-20 text-sm"
+                    >
+                    <option value={25}>25</option>
+                    <option value={50}>50</option>
+                    <option value={75}>75</option>
+                    <option value={100}>100</option>
+                    <option value={200}>200</option>
+                    <option value={500}>500</option>
+                </select>
+            </span>
+            </div>
+        {/if}
+
+        {#if $ae_loc.authenticated_access}
+        <div class="flex flex-col gap-1 items-center">
+
+            <!-- Button to toggle between showing and not showing the launcher and location links -->
+            {#if $events_loc.pres_mgmt.show_content__launcher_link || $events_loc.pres_mgmt.show_content__location_link}
+                <button
+                    disabled={!$ae_loc.administrator_access}
+                    on:click={() => {
+                        $events_loc.pres_mgmt.show_content__launcher_link = false;
+                        $events_loc.pres_mgmt.show_content__location_link = false;
+                    }}
+                    class="btn btn-sm variant-ghost-success"
+                    >
+                    <span class="fas fa-toggle-on m-1"></span>
+                    Showing Links
+                </button>
+            {:else}
+                <button
+                    disabled={!$ae_loc.administrator_access}
+                    on:click={() => {
+                        $events_loc.pres_mgmt.show_content__launcher_link = true;
+                        $events_loc.pres_mgmt.show_content__location_link = true;
+                    }}
+                    class="btn btn-sm variant-ringed-warning"
+                    >
+                    <span class="fas fa-toggle-off m-1"></span>
+                    Show Links?
+                </button>
+            {/if}
+
+            <!-- Button to toggle between showing and not showing the launcher and location links -->
+            {#if !$events_loc.pres_mgmt?.hide__session_li_poc_field}
+                <button
+                    disabled={!$ae_loc.authenticated_access}
+                    on:click={() => {
+                        $events_loc.pres_mgmt.hide__session_li_poc_field = true;
+                    }}
+                    class="btn btn-sm variant-ghost-success"
+                    >
+                    <span class="fas fa-toggle-on m-1"></span>
+                    Showing POC
+                </button>
+            {:else}
+                <button
+                    disabled={!$ae_loc.authenticated_access}
+                    on:click={() => {
+                        $events_loc.pres_mgmt.hide__session_li_poc_field = false;
+                    }}
+                    class="btn btn-sm variant-ringed-warning"
+                    >
+                    <span class="fas fa-toggle-off m-1"></span>
+                    Show POC
+                </button>
+            {/if}
+
+            <!-- Button to toggle between the showing hidden sessions -->
+            {#if $events_loc.pres_mgmt.qry_hidden == 'all'}
+                <button
+                    type="button"
+                    on:click={() => {
+                        if ($events_loc.pres_mgmt.qry_hidden == 'all') {
+                            $events_loc.pres_mgmt.qry_hidden = 'not_hidden';
+                        } else {
+                            $events_loc.pres_mgmt.qry_hidden = 'all';
+                        }
+                    }}
+                    class="btn btn-sm variant-ghost-success"
+                    title="Hide sessions marked as hidden?"
+                    >
+                    <span class="fas fa-eye-slash m-1"></span>
+                    Hide Sessions?
+                </button>
+            {:else}
+                <button
+                    type="button"
+                    on:click={() => {
+                        if ($events_loc.pres_mgmt.qry_hidden == 'all') {
+                            $events_loc.pres_mgmt.qry_hidden = 'not_hidden';
+                        } else {
+                            $events_loc.pres_mgmt.qry_hidden = 'all';
+                        }
+                    }}
+                    class="btn btn-sm variant-ghost-warning"
+                    title="Show all (hidden) sessions?"
+                    >
+                    <span class="fas fa-eye m-1"></span>
+                    Show All (Hidden) Sessions?
+                </button>
+            {/if}
+
+            {#if $ae_loc.manager_access}
+                {#if $events_loc.pres_mgmt.qry_enabled == 'all'}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            if ($events_loc.pres_mgmt.qry_enabled == 'all') {
+                                $events_loc.pres_mgmt.qry_enabled = 'enabled';
+                            } else {
+                                $events_loc.pres_mgmt.qry_enabled = 'all';
+                            }
+                        }}
+                        class="btn btn-sm variant-ghost-success"
+                        title="Hide disabled sessions?"
+                        >
+                        <span class="fas fa-eye-slash m-1"></span>
+                        Hide Disabled Sessions?
+                    </button>
+                {:else}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            if ($events_loc.pres_mgmt.qry_enabled == 'all') {
+                                $events_loc.pres_mgmt.qry_enabled = 'enabled';
+                            } else {
+                                $events_loc.pres_mgmt.qry_enabled = 'all';
+                            }
+                        }}
+                        class="btn btn-sm variant-ghost-warning"
+                        title="Show disabled sessions?"
+                        >
+                        <span class="fas fa-eye m-1"></span>
+                        Show All (Disabled) Sessions?
+                    </button>
+                {/if}
+            {/if}
+        </div>
+        {/if}
+
+    </div> <!-- END: The expanded menu area for information and options -->
+
+
+    <Element_data_store
+        ds_code="events__pres_mgmt__session_search_help"
+        ds_name="Default: Events - Pres Mgmt Session Search Help"
+        ds_type="html"
+        for_type="event"
+        for_id={$events_slct.event_id}
+        class_li="bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl"
+        show_edit={false}
+        show_edit_btn={true}
+        hide={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
+        />
+
+    <div>
+        <button
+            type="button"
+            on:click={() => {
+                $events_loc.pres_mgmt.show_menu__session_search = !$events_loc.pres_mgmt.show_menu__session_search;
+            }}
+            class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
+            class:hidden={!$events_loc.pres_mgmt.show_menu__session_search}
+            title="Collapse the expanded menu"
+            >
+            <span class="fas fa-chevron-up m-1"></span>
+            {#if $events_loc.pres_mgmt.show_menu__session_search}
+                Hide
+                <!-- Collapse -->
+            {:else}
+                Show
+            {/if}
+            <!-- Menu? -->
+        </button>
+    </div>
+</div> <!-- End of the new standard page specific menu -->

src/routes/events/ae_comp__events_menu_nav.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+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, events_trig_kv } from '$lib/ae_events_stores';
+
+export let hide: boolean = true;
+
+export let ae_core: boolean = false;
+export let pres_mgmt__launcher_id: boolean = false; // event_location_id
+export let pres_mgmt__location_id: boolean = false; // event_location_id
+export let pres_mgmt__presenter_id: boolean = false; // event_presenter_id
+export let pres_mgmt__reports: boolean = false; // event_id
+export let pres_mgmt__session_id: boolean = false; // event_session_id
+export let pres_mgmt__session_search: boolean = false; // event_id
+
+
+</script>
+
+
+<!-- This is for common navigation links. -->
+<div
+    class="ae_comp__pres_mgmt_menu_nav flex flex-row items-center justify-around"
+    class:hidden={hide}
+    >
+    <span
+        class="ae_menu__navigation_options flex flex-row items-center justify-around"
+        >
+        <a
+            href="/core"
+            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            class:hidden={!ae_core}
+            >
+            <span class="fas fa-cogs m-1"></span>
+            &AElig; Core
+        </a>
+
+        <a
+            href="/events_pres_mgmt/event/{pres_mgmt__reports}/reports"
+            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            class:hidden={!pres_mgmt__reports}
+            >
+            <span class="fas fa-chart-line m-1"></span>
+            Pres Mgmt Reports
+        </a>
+    </span>
+
+    <span
+        class="ae_menu__navigation_options flex flex-row items-center justify-around"
+        >
+        <a
+            href="/events_pres_mgmt/event/{pres_mgmt__session_search}"
+            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            class:hidden={!pres_mgmt__session_search}
+            >
+            <span class="fas fa-arrow-left m-1"></span>
+            Back to Session Search
+        </a>
+
+        <a
+            href="/events_pres_mgmt/session/{pres_mgmt__session_id}"
+            class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+            class:hidden={!pres_mgmt__session_id}
+            >
+            <span class="fas fa-arrow-left m-1"></span>
+            Back to Session
+        </a>
+    </span>
+</div>

src/routes/events/ae_comp__events_menu_opts.svelte

@@ -0,0 +1,207 @@
+<script lang="ts">
+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, events_trig_kv } from '$lib/ae_events_stores';
+
+export let hide: boolean = true;
+</script>
+
+
+<div
+    class="ae_comp__pres_mgmt_menu_opts w-full border-t border-gray-300 mt-1"
+    class:hidden={hide}
+    >
+    <h2 class="text-sm font-semibold text-center pb-1">
+        <button
+            type="button"
+            on:click={() => {
+                $events_loc.pres_mgmt.hide__menu_opts = !$events_loc.pres_mgmt.hide__menu_opts;
+            }}
+            class="btn btn-sm variant-ghost-info"
+            >
+            {#if $events_loc.pres_mgmt.hide__menu_opts}
+                <span class="fas fa-chevron-up m-1"></span>
+            {:else}
+                <span class="fas fa-chevron-down m-1"></span>
+            {/if}
+            &AElig; Pres Mgmt Menu Options
+            {#if $events_loc.pres_mgmt.hide__menu_opts}
+                <span class="fas fa-chevron-up m-1"></span>
+            {:else}
+                <span class="fas fa-chevron-down m-1"></span>
+            {/if}
+        </button>
+    </h2>
+
+    <div
+        class="flex flex-row gap-1 items-center justify-between"
+        class:hidden={$events_loc.pres_mgmt.hide__menu_opts}
+        >
+
+        <div class="flex flex-row flex-wrap gap-1 items-center justify-evenly">
+
+            {#if $ae_loc.authenticated_access}
+                {#if !$events_loc.pres_mgmt.hide__session_msg}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.hide__session_msg = true;
+                        }}
+                        class="btn btn-sm variant-ghost-success"
+                        >
+                        <span class="fas fa-toggle-on m-1"></span>
+                        Showing Session Message
+                    </button>
+                {:else}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.hide__session_msg = false;
+                        }}
+                        class="btn btn-sm variant-ringed-warning"
+                        >
+                        <span class="fas fa-toggle-off m-1"></span>
+                        Show Session Message?
+                    </button>
+                {/if}
+            {/if}
+
+            {#if $ae_loc.authenticated_access}
+                {#if !$events_loc.pres_mgmt.hide__session_code}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.hide__session_code = true;
+                        }}
+                        class="btn btn-sm variant-ghost-success"
+                        >
+                        <span class="fas fa-toggle-on m-1"></span>
+                        Showing Session Code
+                    </button>
+                {:else}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.hide__session_code = false;
+                        }}
+                        class="btn btn-sm variant-ringed-warning"
+                        >
+                        <span class="fas fa-toggle-off m-1"></span>
+                        Show Session Code?
+                    </button>
+                {/if}
+            {/if}
+
+            {#if $ae_loc.trusted_access}
+                {#if $events_loc.pres_mgmt.show__copy_access_link}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.show__copy_access_link = false;
+                        }}
+                        class="btn btn-sm variant-ghost-success"
+                        >
+                        <span class="fas fa-toggle-on m-1"></span>
+                        Showing Copy Access Link
+                    </button>
+                {:else}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.show__copy_access_link = true;
+                        }}
+                        class="btn btn-sm variant-ringed-warning"
+                        >
+                        <span class="fas fa-toggle-off m-1"></span>
+                        Show Copy Access Link?
+                    </button>
+                {/if}
+            {/if}
+
+            {#if $ae_loc.trusted_access}
+                {#if $events_loc.pres_mgmt.show__email_access_link}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.show__email_access_link = false;
+                        }}
+                        class="btn btn-sm variant-ghost-success"
+                        >
+                        <span class="fas fa-toggle-on m-1"></span>
+                        Showing Email Access Link
+                    </button>
+                {:else}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.show__email_access_link = true;
+                        }}
+                        class="btn btn-sm variant-ringed-warning"
+                        >
+                        <span class="fas fa-toggle-off m-1"></span>
+                        Show Email Access Link?
+                    </button>
+                {/if}
+            {/if}
+
+
+            {#if $ae_loc.authenticated_access}
+                {#if $events_loc.pres_mgmt.show_content__session_qr}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.show_content__session_qr = false;
+                        }}
+                        class="btn btn-sm variant-ghost-success"
+                        >
+                        <span class="fas fa-toggle-on m-1"></span>
+                        Showing Session QR Code
+                    </button>
+                {:else}
+                    <button
+                        type="button"
+                        on:click={() => {
+                            $events_loc.pres_mgmt.show_content__session_qr = true;
+                        }}
+                        class="btn btn-sm variant-ringed-warning"
+                        >
+                        <span class="fas fa-toggle-off m-1"></span>
+                        Show Session QR Code?
+                    </button>
+                {/if}
+            {/if}
+
+        </div>
+
+        <div class="flex flex-row gap-1 items-center justify-evenly">
+        {#if $ae_loc.trusted_access}
+            {#if $ae_loc.edit_mode}
+                <button
+                    type="button"
+                    on:click={() => {
+                        $ae_loc.edit_mode = false;
+                    }}
+                    class="btn btn-sm variant-ghost-success"
+                    >
+                    <!-- <span class="fas fa-toggle-on m-1"></span> -->
+                    <span class="fas fa-edit m-1"></span>
+                    Edit Mode On
+                </button>
+            {:else}
+                <button
+                    type="button"
+                    on:click={() => {
+                        $ae_loc.edit_mode = true;
+                    }}
+                    class="btn btn-sm variant-ringed-warning"
+                    >
+                    <span class="fas fa-toggle-off m-1"></span>
+                    <!-- <span class="fas fa-edit m-1"></span> -->
+                    Edit Mode?
+                </button>
+            {/if}
+        {/if}
+        </div>
+
+    </div>
+
+</div>

src/routes/events_pres_mgmt/(launcher)/+layout.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-/** @type {import('./$types').LayoutData} */
-export let data: any;
-let log_lvl = 0;
-
-// import { AppShell, AppBar, initializeStores } from '@skeletonlabs/skeleton';
-
-// import { ae_loc, ae_sess, ae_api, slct, slct_trigger } from '$lib/ae_stores';
-// import { events_loc, events_slct } from '$lib/ae_events_stores';
-
-import { onMount } from 'svelte';
-onMount(() => {
-    console.log('Launcher: +layout.svelte');
-    // Hide the AppShell shell header (id="shell-header") and footer
-    document.getElementById('shell-header').classList.add('hidden');
-    document.getElementById('shell-footer').classList.add('hidden');
-});
-
-</script>
-
-
-
-<slot />
-
-

src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/+page.ts

@@ -1,130 +0,0 @@
-/** @type {import('./$types').PageLoad} */
-import { error } from '@sveltejs/kit';
-console.log(`ae pres_mgmt launcher [slug] +page.ts: start`);
-
-import { browser } from '$app/environment';
-import { events_func } from '$lib/ae_events_functions';
-
-export async function load({ params, parent, url }) { // route
-    let log_lvl = 0;
-
-    let data = await parent();
-    // console.log(`ae events_pres_mgmt event [slug] +page.ts data:`, data);
-    data.log_lvl = log_lvl;
-
-    let account_id = data.account_id;
-    let ae_acct = data[account_id];
-    console.log(`ae_acct = `, ae_acct);
-
-    // if (!account_id) {
-    //     console.log(`ae pres_mgmt launcher [slug] +page.ts: The account_id was not found in the data!!!`);
-    //     error(404, {
-	// 		message: 'Account ID not found'
-	// 	});
-    // }
-
-    let event_id = params.slug;
-    if (!event_id) {
-        console.log(`ae pres_mgmt launcher [slug] +layout.ts: The event_id was not found in the params.slug!!!`);
-        error(404, {
-			message: 'Event ID not found'
-		});
-    }
-
-    ae_acct.trig = {};
-
-    if (ae_acct.slct.event_id !== event_id) {
-        ae_acct.slct.event_id = event_id;
-        ae_acct.trig.event_id = true;
-
-        // let load_event_obj = events_func.handle_load_ae_obj_id__event({
-        //     api_cfg: ae_acct.api,
-        //     event_id:  event_id,
-        //     try_cache: false
-        // });
-
-        // ae_acct.slct.event_obj = await load_event_obj;
-    }
-
-    if (browser) {
-        ae_acct.trig.event_location_obj_li = false;
-        let load_event_location_obj_li = await events_func.load_ae_obj_li__event_location({
-            api_cfg: ae_acct.api,
-            event_id: event_id,
-            inc_file_li: true,
-            params: {qry__enabled: 'enabled', qry__limit: 550},
-            try_cache: true
-        })
-        .finally(() => {
-            // console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
-            ae_acct.trig.event_location_obj_li = true;
-        });
-        ae_acct.slct.event_location_obj_li = load_event_location_obj_li;
-        // console.log(`ae_acct.slct.event_location_obj_li = `, ae_acct.slct.event_location_obj_li);
-
-        let id_li__event_location = [];
-
-        let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
-
-        for (let i = 0; i < load_event_location_obj_li.length; i++) {
-            let event_location_obj = load_event_location_obj_li[i];
-            let event_location_id_random = event_location_obj.event_location_id_random;
-            tmp_li.push(event_location_id_random);
-        }
-        id_li__event_location = tmp_li;
-        console.log(`id_li__event_location:`, id_li__event_location);
-        ae_acct.slct.id_li__event_location = id_li__event_location;
-    }
-
-    let for_obj_type = 'event';
-    let for_obj_id = event_id;
-
-    // ae_acct.trig.event_session_obj_li = true;
-
-
-    if (browser) {
-        console.log('HERE!!!');
-        // if (url.searchParams.get('location_id')) {
-        //     console.log(`url.searchParams.get('location_id') = `, url.searchParams.get('location_id'));
-        //     for_obj_type = 'event_location';
-        //     for_obj_id = url.searchParams.get('location_id');
-        // }
-
-        ae_acct.trig.event_session_obj_li = false;
-        let load_event_session_obj_li = await events_func.load_ae_obj_li__event_session({
-            api_cfg: ae_acct.api,
-            for_obj_type: for_obj_type,
-            for_obj_id: for_obj_id,
-            // inc_file_li: false,
-            // inc_presentation_li: false,
-            params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 150},
-            try_cache: true
-        })
-        .finally(() => {
-            // console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
-            // ae_acct.trig.event_session_obj_li = false;
-        });
-        ae_acct.slct.event_session_obj_li = load_event_session_obj_li;
-        // console.log(`ae_acct.slct.event_session_obj_li = `, ae_acct.slct.event_session_obj_li);
-
-        let id_li__event_session = [];
-
-        let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
-
-        for (let i = 0; i < load_event_session_obj_li.length; i++) {
-            let event_session_obj = load_event_session_obj_li[i];
-            let event_session_id_random = event_session_obj.event_session_id_random;
-            tmp_li.push(event_session_id_random);
-        }
-        id_li__event_session = tmp_li;
-        console.log(`id_li__event_session:`, id_li__event_session);
-        ae_acct.slct.id_li__event_session = id_li__event_session;
-    } else {
-        console.log(`ae pres_mgmt launcher [slug] +page.ts: browser = false`);
-    }
-
-    // WARNING: Precaution against shared data between sites and sessions.
-    data[account_id] = ae_acct;
-
-    return data;
-}

src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/+page@(launcher).svelte

@@ -1,462 +0,0 @@
-<script lang="ts">
-/** @type {import('./$types').PageData} */
-export let data: any;
-
-// Imports
-import { browser } from '$app/environment';
-import { onMount } from 'svelte';
-
-// import type { key_val } from '$lib/ae_stores';
-import { ae_util } from '$lib/ae_utils';
-// import { api } from '$lib/api';
-// import Element_ae_crud from '$lib/element_ae_crud.svelte';
-// import Element_data_store from '$lib/element_data_store_v2.svelte';
-
-import { liveQuery } from "dexie";
-// import { core_func } from '$lib/ae_core_functions';
-// import { db_core } from "$lib/db_core";
-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, events_trig } from '$lib/ae_events_stores';
-import { events_func } from '$lib/ae_events_functions';
-
-
-import { kill_processes, open_local_file_v2, run_cmd, run_cmd_sync, run_osascript, get_device_info } from '$lib/electron_relay.js';
-import Event_launcher_menu from './launcher_menu.svelte';
-import Event_launcher_session_view from './launcher_session_view.svelte';
-
-// import native_app from '$lib/electron_native.js';
-
-// Exports
-
-
-// Variables
-// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
-$slct.account_id = data.account_id;
-// console.log(`$slct.account_id = `, $slct.account_id);
-let ae_acct = data[$slct.account_id];
-// console.log(`ae_acct = `, ae_acct);
-
-// $ae_loc.url_origin = data.url.origin;
-
-// if (browser) {
-//     console.log(`Browser: ${browser}`);
-//     events_func.db_save_ae_obj_li__event_location({
-//         obj_type: 'event_location',
-//         obj_li: ae_acct.slct.event_location_obj_li
-//         });
-
-//     events_func.db_save_ae_obj_li__event_session({
-//         obj_type: 'event_session',
-//         obj_li: ae_acct.slct.event_session_obj_li
-//         });
-// }
-console.log(`ae_acct.slct.event_id:`, ae_acct.slct.event_id);
-$events_slct.event_id = ae_acct.slct.event_id;
-// $events_slct.event_obj = ae_acct.slct.event_obj;
-$events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li ?? [''];
-$events_slct.id_li__event_location = ae_acct.slct.id_li__event_location ?? [''];
-console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
-$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li ?? [''];
-$events_slct.id_li__event_session = ae_acct.slct.id_li__event_session ?? [''];
-
-$events_trig = ae_acct.trig;
-$events_trig.event_location_li = true;
-$events_trig.event_session_li = true;
-
-// $events_trigger = 'event_location_li';
-
-// Set the local storage values
-if (!$events_loc.launcher) {
-    $events_loc.launcher = {};
-    $events_loc.launcher.slct = {
-        event_id: null,
-    };
-    $events_loc.launcher.show_content__session_code = true;
-    $events_loc.launcher.show_content__presentation_code = true;
-    $events_loc.launcher.show_content__presenter_code = true;
-}
-if (!$events_loc.launcher.slct) {
-    $events_loc.launcher.slct = {
-        event_id: null,
-        event_location_id: null,
-        event_session_id: null,
-        event_presentation_id: null,
-        event_presenter_id: null,
-    };
-}
-
-if (browser) {
-    console.log(`data.url.searchParams.get('location_id') = `, data.url.searchParams.get('location_id'));
-}
-
-if (ae_acct.slct.event_id) {
-    $events_loc.launcher.slct.event_id = ae_acct.slct.event_id;
-}
-if (ae_acct.slct.event_location_id) {
-    $events_loc.launcher.slct.event_location_id = ae_acct.slct.event_location_id;
-}
-if (ae_acct.slct.event_session_id) {
-    $events_loc.launcher.slct.event_session_id = ae_acct.slct.event_session_id;
-}
-if (ae_acct.slct.event_presentation_id) {
-    $events_loc.launcher.slct.event_presentation_id = ae_acct.slct.event_presentation_id;
-}
-if (ae_acct.slct.event_presenter_id) {
-    $events_loc.launcher.slct.event_presenter_id = ae_acct.slct.event_presenter_id;
-}
-
-// Set the session storage values
-if (!$events_sess.launcher) {
-    $events_sess.launcher = {};
-}
-
-$events_sess.launcher.show_content__session_code = true;
-$events_sess.launcher.show_content__presentation_code = true;
-$events_sess.launcher.show_content__presenter_code = true;
-
-
-// Process the location list to pull out just the IDs.
-// let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
-// let bi_id_li__event_location: string[] = [];
-// for (let i = 0; i < $events_slct.event_location_obj_li.length; i++) {
-//     let event_location_obj = $events_slct.event_location_obj_li[i];
-//     let event_location_id_random = event_location_obj.event_location_id_random;
-//     tmp_li.push(event_location_id_random);
-// }
-// bi_id_li__event_location = tmp_li;
-// console.log(`bi_id_li__event_location:`, bi_id_li__event_location);
-
-// Variables that will be used with Svelte bind are prefixed with 'bi_'.
-
-let bi_trig__event_location: any = null;
-let bi_id_li__event_location: string[] = [];
-// $: if ($events_trigger == 'event_location_li' && $events_slct.event_location_obj_li && $events_slct.event_location_obj_li.length > 0) {
-// $: if (bi_trig__event_location == 'event_location_li' && $events_slct.event_location_obj_li && $events_slct.event_location_obj_li.length > 0) {
-// $: if ($events_slct.event_location_obj_li) {
-//     console.log(`$events_slct.event_location_obj_li:`, $events_slct.event_location_obj_li);
-//     // $events_trigger = null;
-//     bi_trig__event_location = null;
-
-//     bi_id_li__event_location = [];
-
-//     let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
-
-//     for (let i = 0; i < $events_slct.event_location_obj_li.length; i++) {
-//         let event_location_obj = $events_slct.event_location_obj_li[i];
-//         let event_location_id_random = event_location_obj.event_location_id_random;
-//         tmp_li.push(event_location_id_random);
-//     }
-//     bi_id_li__event_location = tmp_li;
-//     console.log(`bi_id_li__event_location:`, bi_id_li__event_location);
-//     $events_slct.id_li__event_location = bi_id_li__event_location;
-
-//     $events_slct.event_location_obj_li = ae_acct.slct.event_location_obj_li;
-// }
-
-let bi_trig__event_session: any = null;
-let bi_id_li__event_session: string[] = [];
-// $: if ($events_trigger == 'event_session_li' && $events_slct.event_session_obj_li && $events_slct.event_session_obj_li.length) {
-// $: if (bi_trig__event_session == 'event_session_li' && $events_slct.event_session_obj_li && $events_slct.event_session_obj_li.length) {
-// $: if ($events_slct.id_li__event_session) {
-//     console.log(`$events_slct.event_session_obj_li:`, $events_slct.event_session_obj_li);
-//     // $events_trigger = null;
-//     bi_trig__event_session = null;
-
-//     bi_id_li__event_session = [];
-
-//     let tmp_li = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
-
-//     for (let i = 0; i < $events_slct.event_session_obj_li.length; i++) {
-//         let event_session_obj = $events_slct.event_session_obj_li[i];
-//         let event_session_id_random = event_session_obj.event_session_id_random;
-//         tmp_li.push(event_session_id_random);
-//     }
-//     bi_id_li__event_session = tmp_li;
-//     console.log(`bi_id_li__event_session:`, bi_id_li__event_session);
-//     $events_slct.id_li__event_session = bi_id_li__event_session;
-// }
-
-
-// let lq__event_session_obj = liveQuery(
-//     () => db_events.sessions.get($events_slct.event_session_id)
-// );
-
-
-
-// Event
-let lq__event_obj = liveQuery(
-    () => db_events.events
-        .get($events_loc.launcher.slct.event_id)
-);
-
-// Event File - For Location
-let lq__location_event_file_obj_li = liveQuery(
-    () => db_events.files
-        // .where('event_session_id_random')
-        .where('for_id_random')
-        .equals($events_loc.launcher.slct.event_location_id ?? '')
-        .sortBy('name')
-);
-
-// Event Location
-let lq__event_location_obj = liveQuery(
-    () => db_events.locations
-        .get($events_loc.launcher.slct.event_location_id)
-);
-
-let lq__event_location_obj_li = liveQuery(
-    () => db_events.locations
-        .where('event_id')
-        .equals($events_loc.launcher.slct.event_id)
-        .sortBy('name')
-);
-
-let lq_get__event_location_obj_li = liveQuery(
-    () => db_events.locations
-        .bulkGet($events_slct.id_li__event_location ?? [''])
-);
-
-// Event Session
-let lq__event_session_obj = liveQuery(
-    () => db_events.sessions
-        .get($events_loc.launcher.slct.event_session_id)
-);
-
-let lq__event_session_obj_li = liveQuery(
-    () => db_events.sessions
-        .where('event_location_id')
-        .equals($events_loc.launcher.slct.event_location_id)
-        .sortBy('name')
-);
-
-let lq_get__event_session_obj_li = liveQuery(
-    () => db_events.sessions
-        .bulkGet($events_slct.id_li__event_session)
-);
-
-
-// Functions and Logic
-
-if (browser) {
-    console.log(`Browser: ${browser}`);
-    bi_trig__event_location = 'event_location_li';
-    bi_trig__event_session = 'event_session_li';
-
-    // $events_loc.launcher.slct.event_location_id = data.url.searchParams.get('location_id');
-    // $events_loc.launcher.slct.event_session_id = data.url.searchParams.get('session_id');
-}
-
-onMount(() => {
-    console.log('Pres Mgmt Launcher [slug]: +page@(launcher).svelte');
-
-    // if ($ae_event_launcher.app_mode == 'native') {
-        // handle_get_device_info($slct.event_device_id);
-    // }
-
-    // const native_app = require('$lib./script');
-
-    // let native_app_config = native_app.load_init_config();
-    // console.log('Native App Initial Config:', native_app_config);
-});
-
-
-
-
-async function handle_get_device_info(event_device_id) {
-    console.log('*** handle_get_device_info() ***');
-    // console.log(event_device_id);
-
-    // console.log('GET DEVICE INFO!!! GET DEVICE INFO!!! GET DEVICE INFO!!!');
-
-    let get_device_info_promise = get_device_info({event_device_id: event_device_id});
-    get_device_info_promise.then(function (result) {
-        // console.log('GOT DEVICE INFO!!! GOT DEVICE INFO!!! GOT DEVICE INFO!!!');
-        console.log(get_device_info_promise);
-        let event_device_data = {};
-        event_device_data['other_json'] = JSON.stringify(result);
-
-        event_device_data['info_hostname'] = result.hostname;
-
-        // console.log(event_device_data['other_json']);
-
-        // console.log(result.networkInterfaces);
-
-        let ni_data_li = [];
-        let ip_address_li = [];
-
-        for (let network_interface in result.networkInterfaces) {
-            // console.log(network_interface);
-            let ni_data = {};
-
-            if (network_interface.startsWith('en')) {
-                console.log('Wired or wireless network interface found');
-
-                ni_data['name'] = network_interface;
-
-                let ni_details = result.networkInterfaces[network_interface];
-                // console.log(ni_details);
-
-                for (let i=0; i < ni_details.length; i++) {
-                    ni_data['address'] = ni_details[i].address;
-                    ni_data['mac'] = ni_details[i].mac;
-
-                    ip_address_li.push(ni_details[i].address);
-                }
-
-                ni_data_li.push(ni_data);
-            }
-        }
-
-        event_device_data['meta_json'] = JSON.stringify(ni_data_li);
-        console.log(event_device_data['meta_json']);
-
-        event_device_data['info_ip_list'] = ip_address_li.join('; ');
-        console.log(event_device_data['info_ip_list']);
-
-        event_device_obj_up_promise = update_event_device_obj({event_device_id: event_device_id, data: event_device_data, log_lvl: 0})
-        .then(function (up_event_device_result) {
-            // console.log('UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!! UPDATED DEVICE INFO!!!');
-            if (up_event_device_result) {
-                console.log(up_event_device_result);
-            }
-        })
-        .catch(function (error) {
-            console.log('No results returned or failed.');
-            console.log(error);
-        });
-
-    });
-
-    return get_device_info_promise;
-}
-
-
-
-
-
-</script>
-
-
-<!-- WARNING: This should be the name of the location, not the event name. -->
-<svelte:head>
-	<title>
-        Launcher:
-        {ae_util.shorten_string({ string: $lq__event_obj?.name ?? '', max_length: 20, begin_length: 10, end_length: 4 })}
-        ({$lq__event_obj?.event_id ?? 'loading...'}) - Pres Mgmt - {$ae_loc?.title}
-    </title>
-</svelte:head>
-
-{#if !$lq__event_obj}
-<div class="flex flex-row items-center justify-center">
-    <span class="fas fa-spinner fa-spin mx-1"></span>
-    <span>Loading...</span>
-</div>
-{:else}
-<header id="Main-Header" class="flex flex-row items-center justify-evenly">
-    <h3 class="h4 text-center italic">&AElig; Presentation Launcher</h3>
-    <h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
-    <h3 class="h4 text-center italic">{$lq__event_location_obj?.name}
-        {$events_loc.launcher.slct.event_location_id}
-    </h3>
-</header>
-{/if}
-
-
-<!-- The menu should be to the left of the main session view. -->
-<div
-    class="
-        container h-full min-w-full w-full
-        flex flex-row flex-wrap sm:flex-nowrap gap-0
-        justify-center
-        py-1 px-2 pb-16
-        bg-gray-100
-        "
-    >
-
-<section
-    id="Main-Nav-Menu"
-    class="event_launcher_menu
-        container h-full flex flex-col gap-2 py-1 px-1
-        basis-1/5
-        min-w-72
-        max-w-xs
-        border-r border-gray-200
-        "
-    >
-    <!-- {#await $events_slct.id_li__event_location}
-        Loading location list... a
-    {:then event_location_obj_li} -->
-    <!-- {#if $lq__event_obj && $lq_get__event_location_obj_li && $lq_get__event_session_obj_li && event_location_obj_li && event_location_obj_li.length > 0} -->
-    {#if $lq__event_obj && $events_slct.event_location_obj_li}
-    <Event_launcher_menu
-        bind:data_url={data.url}
-
-        lq__event_obj={lq__event_obj}
-
-        lq__location_event_file_obj_li={lq__location_event_file_obj_li}
-
-        lq__event_location_obj={lq__event_location_obj}
-        lq_get__event_location_obj_li={lq_get__event_location_obj_li}
-
-        lq__event_session_obj={lq__event_session_obj}
-        lq_get__event_session_obj_li={lq_get__event_session_obj_li}
-        >
-    </Event_launcher_menu>
-    {:else}
-    <div class="flex flex-row items-center justify-center">
-        <span class="fas fa-spinner fa-spin mx-1"></span>
-        <span>Loading location list...</span>
-    </div>
-    {/if}
-    <!-- {/await} -->
-    <!-- Root: slct Location ID: {$events_slct.event_location_id ?? '-- not set --'} -->
-</section>
-
-<section
-    id="Main-Content"
-    class="event_launcher_main
-        container h-full flex flex-col gap-1 py-1 px-2
-        items-center
-        basis-4/5
-        max-w-full
-        "
-    >
-    <!-- {#if $events_trigger == 'load__event_session_obj' && $events_slct.event_session_id}
-    <Event_launcher_session_view
-        slct_event_session_id={$events_slct.event_session_id}
-
-        lq__event_location_obj={lq__event_location_obj}
-        lq__event_location_obj_li={lq__event_location_obj_li}
-        lq__event_session_obj={lq__event_session_obj}
-        lq__event_session_obj_li={lq__event_session_obj_li}
-        >
-    </Event_launcher_session_view>
-    {/if} -->
-    <!-- {$lq__event_session_obj?.name} -->
-
-    {#if $events_loc.launcher.slct.event_session_id && $lq__event_session_obj}
-    <Event_launcher_session_view
-        slct_event_session_id={$events_slct.event_session_id}
-
-        lq__event_location_obj={lq__event_location_obj}
-
-        lq__event_session_obj={lq__event_session_obj}
-        >
-    </Event_launcher_session_view>
-    {/if}
-</section>
-
-</div>
-
-<!-- <section
-    class="
-        ae_events_pres_mgmt_event
-        md:container h-full mx-auto flex flex-col gap-1 py-1 px-2 pb-16
-        items-center
-        min-w-100
-        w-3/4
-        max-w-max
-        "
-    >
-</section> -->

src/routes/events_pres_mgmt/event/[slug]/+page.ts

@@ -43,7 +43,7 @@ export async function load({ params, parent }) { // route
             for_obj_id: event_id,
             params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
             try_cache: true,
-            log_lvl: 1
+            log_lvl: log_lvl
         });
         console.log(`load_event_session_obj_li = `, load_event_session_obj_li);
 
@@ -55,7 +55,7 @@ export async function load({ params, parent }) { // route
             for_obj_id: event_id,
             params: {qry__enabled: 'enabled', qry__hidden: 'all', qry__limit: 200},
             try_cache: true,
-            log_lvl: 1
+            log_lvl: log_lvl
         });
         console.log(`load_event_location_obj_li = `, load_event_location_obj_li);
 

src/routes/events_pres_mgmt/session_view.svelte

@@ -405,7 +405,13 @@ $: if ($lq__event_session_obj) {
 
                         // $slct.event_location_obj_li = await core_func.load_ae_obj_li__event_location({api_cfg: $ae_api, account_id: $slct.account_id, params: params});
 
-                        $slct.event_location_obj_li = events_func.load_ae_obj_li__event_location({api_cfg: $ae_api, event_id: $slct.event_id, params: params, log_lvl: 1})
+                        $slct.event_location_obj_li = events_func.load_ae_obj_li__event_location({
+                            api_cfg: $ae_api,
+                            for_obj_type: 'event',
+                            for_obj_id: $lq__event_session_obj?.event_id_random,
+                            params: params,
+                            log_lvl: log_lvl
+                            })
                         .then(function (load_results) {
                             console.log(`Loaded event_location_obj_li:`, load_results);