Added a reports section and the first report. Agreed presenters.

src/lib/ae_events__event_presenter.ts

@@ -221,6 +221,129 @@ export async function handle_update_ae_obj__event_presenter(
 }
 
 
+// Updated 2024-07-11
+export async function handle_search__event_presenter(
+        {
+            api_cfg,
+            event_id,
+            agree = null,
+            fulltext_search_qry_str,
+            ft_presenter_search_qry_str,
+            like_search_qry_str = null,
+            like_presentation_search_qry_str = null,
+            like_presenter_search_qry_str = null,
+            params = {},
+            try_cache = true,
+            log_lvl = 0
+        }: {
+            api_cfg: any,
+            event_id: any,
+            agree?: null|boolean,
+            fulltext_search_qry_str?: null|string,
+            ft_presenter_search_qry_str?: null|string,
+            like_search_qry_str?: null|string,
+            like_presentation_search_qry_str?: null|string,
+            like_presenter_search_qry_str?: null|string,
+            params?: any,
+            try_cache?: boolean,
+            log_lvl?: number
+        }
+        ) {
+    console.log(`*** handle_search__event_presenter() *** event_id=${event_id}`);
+
+    let enabled: string = (params.qry__enabled ?? 'enabled'); // all, disabled, enabled
+    let hidden: string = (params.qry__hidden ?? 'not_hidden'); // all, hidden, not_hidden
+    let limit: number = (params.qry__limit ?? 25); // 99
+    let offset: number = (params.qry__offset ?? 0); // 0
+
+    let params_json: key_val = {};
+
+    // if (!fulltext_search_qry_str && !like_search_qry_str) {
+    //     console.log('No search string provided!!!');
+    //     return false; // Returning false instead of [] because no search was performed.
+    // }
+
+    if (fulltext_search_qry_str || ft_presenter_search_qry_str) {
+        params_json['ft_qry'] = {};
+        if (fulltext_search_qry_str && fulltext_search_qry_str.length > 2) {
+            params_json['ft_qry']['default_qry_str'] = fulltext_search_qry_str;
+        }
+
+        if (ft_presenter_search_qry_str && ft_presenter_search_qry_str.length > 2) {
+            params_json['ft_qry']['event_presenter_li_qry_str'] = ft_presenter_search_qry_str;
+        }
+    }
+
+    // Use the AND (AND LIKE) query
+    // if (like_search_qry_str || like_presenter_search_qry_str) {
+    //     params_json['and_like'] = {};
+    //     if (like_search_qry_str && like_search_qry_str.length > 2) {
+    //         params_json['and_like']['default_qry_str'] = like_search_qry_str;
+    //     }
+    //     if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+    //         params_json['and_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+    //     }
+    // }
+
+    // Use the AND (OR LIKE) query
+    if (like_search_qry_str || like_presentation_search_qry_str || like_presenter_search_qry_str) {
+        params_json['or_like'] = {};
+        if (like_search_qry_str && like_search_qry_str.length > 2) {
+            params_json['or_like']['default_qry_str'] = like_search_qry_str;
+        }
+        if (like_presentation_search_qry_str && like_presentation_search_qry_str.length > 2) {
+            params_json['or_like']['event_presentation_li_qry_str'] = like_presentation_search_qry_str;
+        }
+        if (like_presenter_search_qry_str && like_presenter_search_qry_str.length > 2) {
+            params_json['or_like']['event_presenter_li_qry_str'] = like_presenter_search_qry_str;
+        }
+    }
+
+    params_json['and_qry'] = {};
+
+    if (agree) {
+        params_json['and_qry']['agree'] = agree;
+    }
+
+    let order_by_li = {'priority': 'DESC', 'sort': 'DESC', 'given_name': 'ASC', 'family_name': 'ASC', 'email': 'ASC', 'updated_on': 'DESC', 'created_on': 'DESC'};
+
+    ae_promises.load__event_presenter_obj_li = await api.get_ae_obj_li_for_obj_id_crud({
+        api_cfg: api_cfg,
+        obj_type: 'event_presenter',
+        for_obj_type: 'event',
+        for_obj_id: event_id,
+        use_alt_table: true, // NOTE: We want to use the alt table for session searching
+        use_alt_base: false,
+        enabled: enabled,
+        hidden: hidden,
+        order_by_li: order_by_li,
+        limit: limit,
+        offset: offset,
+        params_json: params_json,
+        params: params,
+        log_lvl: log_lvl
+        })
+    .then(function (event_presenter_obj_li_get_result) {
+        if (event_presenter_obj_li_get_result) {
+            handle_db_save_ae_obj_li__event_presenter({obj_type: 'event_presenter', obj_li: event_presenter_obj_li_get_result});
+            return event_presenter_obj_li_get_result;
+        } else {
+            return [];
+        }
+    })
+    .catch(function (error) {
+        console.log('No results returned or failed.', error);
+    })
+    .finally(function () {
+    });
+
+    if (log_lvl) {
+        console.log('ae_promises.load__event_presenter_obj_li:', ae_promises.load__event_presenter_obj_li);
+    }
+    return ae_promises.load__event_presenter_obj_li;
+}
+
+
 // Updated 2024-06-10
 export function handle_db_save_ae_obj_li__event_presenter(
         {
@@ -304,8 +427,10 @@ export function handle_db_save_ae_obj_li__event_presenter(
 
                     event_session_code: obj.event_session_code,
                     event_session_name: obj.event_session_name,
+                    event_session_start_datetime: obj.event_session_start_datetime,
                     event_presentation_code: obj.event_presentation_code,
                     event_presentation_name: obj.event_presentation_name,
+                    event_presentation_start_datetime: obj.event_presentation_start_datetime,
 
                     person_external_id: obj.person_external_id,
                     person_given_name: obj.person_given_name,

src/lib/ae_events_functions.ts

@@ -53,6 +53,7 @@ import {
     handle_load_ae_obj_li__event_presenter,
     handle_create_ae_obj__event_presenter,
     handle_update_ae_obj__event_presenter,
+    handle_search__event_presenter,
     handle_db_save_ae_obj_li__event_presenter,
     handle_email_sign_in__event_presenter,
 } from "$lib/ae_events__event_presenter";
@@ -91,6 +92,7 @@ let export_obj = {
     handle_load_ae_obj_li__event_presenter: handle_load_ae_obj_li__event_presenter,
     handle_create_ae_obj__event_presenter: handle_create_ae_obj__event_presenter,
     handle_update_ae_obj__event_presenter: handle_update_ae_obj__event_presenter,
+    handle_search__event_presenter: handle_search__event_presenter,
     handle_email_sign_in__event_presenter: handle_email_sign_in__event_presenter,
 
     handle_load_ae_obj_id__badge: handle_load_ae_obj_id__badge,

src/lib/ae_events_stores.ts

@@ -141,6 +141,9 @@ let events_local_data_struct: key_val = {
         show_content__session_search_help: true,
         show_content__presenter_page_help: true,
 
+        show_report__presenters_agree: false,
+        show_report__recent_files: false,
+
         disable_submit__opt_out: true,
         submit_status__opt_out: null,
     },

src/lib/db_events.ts

@@ -469,12 +469,14 @@ export interface Presenter {
     file_count?: null|number;
 
     event_session_code?: null|string;
-    event_session_name?: null|string;
+    event_session_name?: string;
+    event_session_start_datetime?: null|Date;
     event_presentation_code?: null|string;
-    event_presentation_name?: null|string;
+    event_presentation_name?: string;
+    event_presentation_start_datetime?: null|Date;
 
     person_external_id?: null|string;
-    person_given_name?: null|string;
+    person_given_name?: string;
     person_family_name?: null|string;
     person_full_name?: null|string;
     person_professional_title?: null|string;

src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_li.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 // Imports
-import { createEventDispatcher, onMount } from 'svelte';
+import { onMount } from 'svelte';
 
 import type { key_val } from '$lib/ae_stores';
 // import { ae_util } from '$lib/ae_utils';
@@ -19,6 +19,7 @@ import { events_func } from '$lib/ae_events_functions';
 export let container_class_li: string|Array<string> = [];
 export let link_to_type: string;
 export let link_to_id: string;
+export let event_presenter_id_random_li: Array<string> = [''];
 export let allow_basic: boolean = false;
 export let allow_moderator: boolean = false;
 
@@ -58,6 +59,37 @@ let lq__event_presentation_obj = liveQuery(
     () => db_events.presentations.get($events_slct.event_presentation_id)
 );
 
+let lq_kv__event_presenter_obj_li_2 = liveQuery(
+    () => db_events.presenters
+    .bulkGet(event_presenter_id_random_li)
+    .then(results => {
+        // console.log(`LQ Results:`, results);
+        // If the results are an array
+        if (results.length == 1) {
+            // If the first item is undefined we need to do something.
+            if (results[0] == undefined) {
+                console.log('Something went wrong! No presenters found?');
+                // return [];
+                // return [{ id: '' }];
+                // return 'NOTHING???';
+            }
+            return results;
+        }else if (results.length > 1) {
+            return results;
+        } else {
+            return ['No presenters found.'];
+        }
+        // return results;
+    })
+    .catch(error => {
+        console.error(`LQ Error: ${error}`);
+        return ['No presenters found.'];
+    })
+    .finally(() => {
+        console.log(`LQ Finally:`, $lq_kv__event_presenter_obj_li_2);
+    })
+);
+
 // let lq__event_presentation_obj_li = liveQuery(
 //     () => db_events.presentations
 //         // .where({event_session_id_random: $events_slct.event_session_id})
@@ -122,11 +154,14 @@ onMount(() => {
 
 <section class="ae_comp event_presenter_obj_li {container_class_li}">
 
+
 <!-- Show presenters for this presentation -->
 <!-- This needs to be moved to a separate component. -->
 {#if $lq__event_presenter_obj_li && $lq__event_presenter_obj_li?.length > 0}
     <strong class="text-sm">Presenters:
-        <!-- ({$lq__event_presenter_obj_li?.length}) -->
+        {#if $ae_loc.administrator_access}
+            ({$lq__event_presenter_obj_li?.length})
+        {/if}
     </strong>
     <ul
         class="space-y-2 px-4"

src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_tbl.svelte

@@ -0,0 +1,100 @@
+<script lang="ts">
+// Imports
+// import type { key_val } from '$lib/ae_stores';
+
+import { liveQuery } from "dexie";
+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_kv } from '$lib/ae_events_stores';
+// import { events_func } from '$lib/ae_events_functions';
+
+// Exports
+export let container_class_li: string|Array<string> = [];
+export let event_presenter_id_random_li: Array<string> = [''];
+export let allow_basic: boolean = false;
+export let allow_moderator: boolean = false;
+export let show_presentation_fields: boolean = false;
+export let show_session_fields: boolean = false;
+
+export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher'
+
+// Variables
+
+// Functions and Logic
+// let lq__event_presenter_obj = liveQuery(
+//     () => db_events.presenters.get($events_slct.event_presenter_id)
+// );
+
+let lq_kv__event_presenter_obj_li = liveQuery(
+    () => db_events.presenters
+    .bulkGet(event_presenter_id_random_li)
+);
+</script>
+
+
+<section class="ae_comp event_presenter_obj_tbl {container_class_li}">
+
+
+{#if event_presenter_id_random_li && $lq_kv__event_presenter_obj_li && $lq_kv__event_presenter_obj_li?.length > 0}
+<table
+    class="table-auto w-full table-striped table-hover"
+    >
+    <thead>
+        <tr>
+            {#if show_session_fields}
+            <th class="px-4 py-2">Session</th>
+            <th class="px-4 py-2">Start datetime</th>
+            {/if}
+            {#if show_presentation_fields}
+            <th class="px-4 py-2">Presentation</th>
+            {/if}
+            <th class="px-4 py-2">Name</th>
+            <th class="px-4 py-2">Email</th>
+            <th class="px-4 py-2">Agree</th>
+            <th class="px-4 py-2">Files</th>
+        </tr>
+    </thead>
+    <tbody>
+    {#each $lq_kv__event_presenter_obj_li as event_presenter_obj}
+        <tr
+            class:dim={event_presenter_obj?.hide}>
+            {#if show_session_fields}
+            <td class="px-4 py-2">
+                <a
+                    href="/events_pres_mgmt/session/{event_presenter_obj?.event_session_id_random}"
+                    class="text-blue-500 underline hover:text-blue-800"
+                    >
+                {event_presenter_obj?.event_session_name}
+                </a>
+            </td>
+            <td class="px-4 py-2">{event_presenter_obj?.event_session_start_datetime}</td>
+            {/if}
+            {#if show_presentation_fields}
+            <td class="px-4 py-2">{event_presenter_obj?.event_presentation_name}</td>
+            {/if}
+            <td class="px-4 py-2">
+                <a
+                    href="/events_pres_mgmt/presenter/{event_presenter_obj?.event_presenter_id_random}"
+                    class="text-blue-500 underline hover:text-blue-800"
+                    >
+                    {event_presenter_obj?.full_name}
+                </a>
+            </td>
+            <td class="px-4 py-2">{event_presenter_obj?.email}</td>
+            <td class="px-4 py-2">{event_presenter_obj?.agree ? 'Yes' : 'No'}</td>
+            <td class="px-4 py-2">{event_presenter_obj?.file_count ?? '0'}</td>
+        </tr>
+    {/each}
+    </tbody>
+</table>
+{/if}
+
+</section>
+
+
+<style>
+.dim {
+    opacity: 0.5;
+    color: #999;
+}
+</style>

src/routes/events_pres_mgmt/ae_comp__event_session_obj_li.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
 // Imports
-// import { createEventDispatcher, onMount } from 'svelte';
+// import { onMount } from 'svelte';
 
 import type { key_val } from '$lib/ae_stores';
 import { ae_util } from '$lib/ae_utils';
 // import { api, send_email } from '$lib/api';
 import Element_ae_crud from '$lib/element_ae_crud.svelte';
 // import Element_data_store from '$lib/element_data_store.svelte';
-import Comp_event_presenter_obj_li from '../../ae_comp__event_presenter_obj_li.svelte';
+import Comp_event_presenter_obj_li from './ae_comp__event_presenter_obj_li.svelte';
 import Element_manage_event_file_li from '$lib/element_manage_event_file_li.svelte';
 
 import { liveQuery } from "dexie";

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

@@ -13,7 +13,7 @@ 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.svelte';
-import Comp_event_session_obj_li from './ae_comp__event_session_obj_li.svelte';
+import Comp_event_session_obj_li from '../../ae_comp__event_session_obj_li.svelte';
 
 import { liveQuery } from "dexie";
 import { core_func } from '$lib/ae_core_functions';
@@ -420,6 +420,10 @@ async function handle_search__event_session(
         <span class="fas fa-home mx-1"></span>
         X
     </a> -->
+    <a href="/events_pres_mgmt/event/{$lq__event_obj?.event_id_random}/reports" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
+        <span class="fas fa-chart-line mx-1"></span>
+        Pres Mgmt Reports
+    </a>
 
     <button
         type="button"

src/routes/events_pres_mgmt/event/[slug]/reports/+page.svelte

@@ -0,0 +1,359 @@
+<script lang="ts">
+/** @type {import('./$types').PageData} */
+export let data: any;
+// console.log(`ae_events_pres_mgmt event [slug] +page.svelte data:`, data);
+
+import { onMount } from 'svelte';
+
+import type { key_val } from '$lib/ae_stores';
+import { ae_util } from '$lib/ae_utils';
+// import Element_ae_crud from '$lib/element_ae_crud.svelte';
+import Element_data_store from '$lib/element_data_store.svelte';
+// import Comp_event_presenter_obj_li from '../../../ae_comp__event_presenter_obj_li.svelte';
+import Comp_event_presenter_obj_tbl from '../../../ae_comp__event_presenter_obj_tbl.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';
+
+// 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);
+
+$events_slct.event_id = ae_acct.slct.event_id;
+$events_slct.event_obj = ae_acct.slct.event_obj;
+$events_slct.event_session_obj_li = ae_acct.slct.event_session_obj_li;
+
+let lq__event_obj = liveQuery(
+    () => db_events.events.get($events_slct.event_id)
+);
+
+let event_session_id_random_li: string[] = ['VSBH-19-41-50'];
+let event_presentation_id_random_li: string[] = ['VSBH-19-41-50'];
+let event_presenter_id_random_li: string[] = ['I245hLQ4aek'];
+
+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 = {};
+
+
+onMount(() => {
+    console.log('Events Event [slug] Reports: +page.svelte');
+
+    if (!$events_slct.event_id) {
+        console.log(`No ID! Nothing to show. Try setting the ID again.`);
+        $events_slct.event_id = $events_slct.event_id;
+    }
+
+});
+
+
+async function handle_search__event_presenter(
+        {
+            api_cfg,
+            event_id,
+            agree = null,
+            ft_search_str = '',
+            lk_search_str = '',
+            search_delay = 0,
+            max_tries = 5,
+            params = {
+                'qry__enabled': 'enabled',
+                'qry__hidden': 'not_hidden',
+                'qry__limit': 35,},
+            try_cache=false,
+            log_lvl=1,
+        }: {
+            api_cfg: any,
+            event_id: string,
+            agree?: null|boolean,
+            ft_search_str?: string,
+            lk_search_str?: string,
+            search_delay?: number, // In milliseconds
+            max_tries?: number,
+            params?: key_val,
+            try_cache?: boolean,
+            log_lvl?: number,
+        }
+    ) {
+    console.log('handle_search__event_presenter()');
+
+    $events_sess.pres_mgmt.status_qry__search = 'loading';
+
+    search_submit_results = events_func.handle_search__event_presenter({
+        api_cfg: $ae_api,
+        event_id: $events_slct.event_id,
+        agree: agree,
+        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,
+        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_presenter_obj_li = search_results;
+        console.log(search_results);
+        // $events_sess.pres_mgmt.status_qry__search = 'done';
+    })
+    .finally(() => {
+        if (log_lvl) {
+            console.log('TEST SEARCH - Search done. Pulling out the event_presenter_id_randoms.');
+        }
+        // console.log(`TEST search: ${$lq_kv__event_presenter_obj_li}`);
+
+        event_presenter_id_random_li = [];
+
+        // We need to loop through the array of objects and get the event_presenter_id_random from each object a new list of event_presenter_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.
+        for (let i = 0; i < $events_slct.event_presenter_obj_li.length; i++) {
+            tmp_li.push($events_slct.event_presenter_obj_li[i].event_presenter_id_random);
+        }
+        event_presenter_id_random_li = tmp_li;
+
+        // event_presenter_id_random_li = $events_slct.event_presenter_obj_li.map(presenter_obj => presenter_obj.event_presenter_id_random);
+
+        // Finally done with the search.
+        $events_sess.pres_mgmt.status_qry__search = 'done';
+
+        if (log_lvl > 1) {
+            console.log(`TEST SEARCH - event_presenter_id_random_li:`, event_presenter_id_random_li);
+            // console.log(`TEST SEARCH - search live query: ${$lq_kv__event_presenter_obj_li}`);
+        }
+
+    });
+
+
+}
+
+handle_search__event_presenter({
+    api_cfg: $ae_api,
+    event_id: $events_slct.event_id,
+    agree: true,
+    ft_search_str: '',
+    lk_search_str: '',
+    params: {
+        'qry__enabled': 'enabled',
+        'qry__hidden': 'not_hidden',
+        'qry__limit': 35,},
+    try_cache: false,
+    log_lvl: 0,
+});
+
+</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
+        h-full mx-auto
+        flex flex-col
+        items-center
+        space-y-2 pt-0 pb-8
+        min-w-fit
+        w-3/4
+        max-w-max
+        "
+    >
+    <!-- lg:bg-green-100
+    xl:bg-green-200 -->
+
+
+{#if $lq__event_obj}
+<header>
+<h2 class="h3 text-center">{$lq__event_obj?.name}</h2>
+<h3 class="h4 text-center">Presentation Management Reports</h3>
+</header>
+{/if}
+
+<div
+    class="pres_mgmt__reports_help {ae_snip.classes__events_pres_mgmt_menu}"
+    class:border-none={!$events_loc.pres_mgmt.show_content__reports_help}
+    >
+    <div>
+    <a href="/events_pres_mgmt/event/{$events_slct.event_obj.event_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
+        <span class="fas fa-arrow-left mx-1"></span>
+        Back to Session Search
+    </a>
+
+    <button
+        type="button"
+        on:click={() => {
+            $events_loc.pres_mgmt.show_content__reports_help = !$events_loc.pres_mgmt.show_content__reports_help;
+        }}
+        class="{ae_snip.classes__events_pres_mgmt_menu__button}"
+        title="Help and information about the session search"
+        >
+        <span class="fas fa-question-circle mx-1"></span>
+        {#if $events_loc.pres_mgmt.show_content__reports_help}
+            Hide
+        {:else}
+            Show
+        {/if}
+        Help?
+    </button>
+    </div>
+
+    <Element_data_store
+        ds_code="events__pres_mgmt__reports_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 p-2 rounded-md border border-yellow-200"
+        show_edit={false}
+        show_edit_btn={true}
+        hide={!$events_loc.pres_mgmt.show_content__reports_help}
+        />
+
+    <div>
+        <button
+            type="button"
+            on:click={() => {
+                $events_loc.pres_mgmt.show_content__reports_help = !$events_loc.pres_mgmt.show_content__reports_help;
+            }}
+            class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
+            class:hidden={!$events_loc.pres_mgmt.show_content__reports_help}
+            title="Help and information about the session search"
+            >
+            <span class="fas fa-question-circle mx-1"></span>
+            {#if $events_loc.pres_mgmt.show_content__reports_help}
+                Hide
+            {:else}
+                Show
+            {/if}
+            Help?
+        </button>
+    </div>
+</div>
+
+<div class="variant-ghost-success my-2 p-2 rounded-md flex flex-row items-center">
+
+
+    <button
+        type="button"
+        disabled={!$ae_loc.trusted_access}
+        on:click={() => {
+            $events_loc.pres_mgmt.show_report__presenters_agree = !$events_loc.pres_mgmt.show_report__presenters_agree;
+        }}
+        class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all mx-1"
+        title="Show presenters who have agreed to present."
+        >
+        {#if $events_sess.pres_mgmt.status_rpt__presenters_agree == 'loading'}
+            <span class="fas fa-spinner fa-spin"></span>
+        {/if}
+        <span class="fas fa-check mx-1"></span>
+        Presenters Agreed
+    </button>
+
+    <button
+        type="button"
+        disabled={!$ae_loc.administrator_access}
+        on:click={() => {
+            $events_loc.pres_mgmt.show_report__recent_files = !$events_loc.pres_mgmt.show_report__recent_files;
+        }}
+        class="btn btn-sm variant-ghost-success hover:variant-filled-success transition-all mx-1"
+        title="NOT READY YET: Show recent file uploads."
+        >
+        {#if $events_sess.pres_mgmt.status_rpt__presenters_agree == 'loading'}
+            <span class="fas fa-spinner fa-spin"></span>
+        {/if}
+        <span class="fas fa-file mx-1"></span>
+        Recent File Uploads
+    </button>
+
+
+</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} -->
+
+<!-- Show presenters for this presentation -->
+{#if $events_loc.pres_mgmt.show_report__presenters_agree && event_presenter_id_random_li?.length > 0}
+<Comp_event_presenter_obj_tbl
+    event_presenter_id_random_li={event_presenter_id_random_li}
+    show_session_fields={true}
+    show_presentation_fields={true}
+    >
+</Comp_event_presenter_obj_tbl>
+{/if}
+
+<!-- {#if $events_slct.event_presenter_obj_li?.length == event_presenter_id_random_li?.length}
+<Comp_event_presenter_obj_li
+    link_to_type={'event'}
+    link_to_id={$events_slct.event_id}
+    event_presenter_id_random_li={event_presenter_id_random_li}
+    />
+{:else}
+<section class="text-center text-2xl bg-yellow-100 p-4 rounded-md lg:max-w-lg space-y-2">
+    <p>
+        <span class="fas fa-exclamation-triangle text-2xl text-yellow-500"></span>
+        No results to show.
+    </p>
+</section>
+{/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_pres_mgmt/presenter_view.svelte

@@ -342,7 +342,11 @@ async function handle_delete__event_file({event_file_id}) {
     <span class="text-md font-normal">
         Session:
     </span>
-    <a href="/events_pres_mgmt/session/{$lq__event_presenter_obj.event_session_id_random}">{$lq__event_presenter_obj.event_session_name}</a>
+    <a
+        href="/events_pres_mgmt/session/{$lq__event_presenter_obj.event_session_id_random}"
+        class="text-blue-500 hover:underline"
+        title="ID: {$lq__event_presentation_obj?.event_session_id_random}"
+        >{$lq__event_presenter_obj.event_session_name}</a>
 </h3>
 <h3 class="h4">
     <Element_ae_crud
@@ -366,7 +370,11 @@ async function handle_delete__event_file({event_file_id}) {
         <span class="text-md font-normal">
         Presentation Title:
         </span>
-        "{$lq__event_presentation_obj?.name}"
+        <span
+            title="ID: {$lq__event_presentation_obj?.event_presentation_id_random}"
+            >
+            "{$lq__event_presentation_obj?.name}"
+        </span>
     </Element_ae_crud>
 
     <!-- Title: "{$lq__event_presentation_obj?.name}" -->

src/routes/events_pres_mgmt/session/[slug]/+page.svelte

@@ -1409,7 +1409,7 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
         </div>
 
         <!-- Show presenters for this presentation -->
-         {#if event_presentation_obj.event_presentation_id_random}
+        {#if event_presentation_obj.event_presentation_id_random}
             <Comp_event_presenter_obj_li
                 link_to_type={'event_presentation'}
                 link_to_id={event_presentation_obj.event_presentation_id_random}