Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Scott Idem
2024-07-11 17:01:44 -04:00
parent 7eb3080f46
commit 945c943c61
11 changed files with 649 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/lib/ae_events__event_presenter.ts
View File

@@ -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,

2
src/lib/ae_events_functions.ts
View File

@@ -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,

3
src/lib/ae_events_stores.ts
View File

@@ -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,
},

8
src/lib/db_events.ts
View File

@@ -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;

39
src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_li.svelte
View File

@@ -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"

100
src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_tbl.svelte Normal file
View File

@@ -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>

4
src/routes/events_pres_mgmt/event/[slug]/ae_comp__event_session_obj_li.svelte → src/routes/events_pres_mgmt/ae_comp__event_session_obj_li.svelte
View File

@@ -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";

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

@@ -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"

359
src/routes/events_pres_mgmt/event/[slug]/reports/+page.svelte Normal file
View File

@@ -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>

12
src/routes/events_pres_mgmt/presenter_view.svelte
View File

@@ -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}" -->

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

@@ -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}