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

Work on making wrappers and code clean up

Browse Source
This commit is contained in:
Scott Idem
2024-09-18 12:16:36 -04:00
parent 86b309f048
commit fd152cc27e
10 changed files with 122 additions and 638 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,9 +21,9 @@ export let link_to_id: string;
export let lq__event_presenter_obj_li: any;
export let log_lvl: number = 0;
if (log_lvl) {
console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
}
// if (log_lvl) {
// console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
// }
// Variables
// let ae_promises: key_val = {};

6
src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_tbl.svelte
View File

@@ -23,9 +23,9 @@ export let log_lvl: number = 0;
export let show_presentation_fields: boolean = false;
export let show_session_fields: boolean = false;
if (log_lvl) {
console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
}
// if (log_lvl) {
// console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
// }
// Variables
// let ae_promises: key_val = {};

2
src/routes/events_pres_mgmt/ae_comp__event_presenter_obj_tbl_wrapper.svelte
View File

@@ -57,6 +57,8 @@ $: lq__event_presenter_obj_li = liveQuery(async () => {
link_to_id={link_to_id}
event_presenter_id_random_li={event_presenter_id_random_li}
lq__event_presenter_obj_li={lq__event_presenter_obj_li}
show_presentation_fields={show_presentation_fields}
show_session_fields={show_session_fields}
log_lvl={log_lvl}
>
</Comp_event_presenter_obj_tbl>

228
src/routes/events_pres_mgmt/ae_comp__event_session_obj_li.svelte
View File

@@ -2,34 +2,34 @@
export let log_lvl = 0;
// Imports
// 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_v2.svelte';
import Comp_event_presenter_obj_li from './ae_comp__event_presenter_obj_li_wrapper.svelte';
import Element_manage_event_file_li from '$lib/element_manage_event_file_li_direct.svelte';
import { liveQuery } from "dexie";
// import { liveQuery } from "dexie";
import { core_func } from '$lib/ae_core_functions';
import { db_events } from "$lib/db_events";
// 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 lq__event_obj: any;
// export let lq__event_obj: any;
export let lq__event_session_obj_li: any; // This is probably not needed???
export let container_class_li: string|Array<string> = [];
export let link_to_type: string;
export let link_to_id: string;
export let event_session_id_random_li: Array<string> = ['']; // ['']
// export let link_to_type: string; // This is probably not needed???
// export let link_to_id: string; // This is probably not needed???
export let event_session_id_random_li: Array<string>; // ['']
export let hide__session_location: boolean = false;
export let hide__session_poc: boolean = false;
export let show__launcher_link: boolean = false;
export let show__launcher_link_legacy: boolean = false;
export let show__location_link: boolean = false;
export let show__session_files: boolean = false;
export let show__session_presentations: boolean = false;
// export let allow_basic: boolean = false;
// export let allow_moderator: boolean = false;
@@ -38,74 +38,16 @@ export let show__location_link: boolean = false;
// Variables
// let ae_promises: key_val = {};
let ae_tmp: key_val = {};
let ae_triggers: key_val = {
hide_event_launcher: {},
hide: {},
};
// let dq__where_type_val: string = link_to_type; // "event", "event_location", "event_track"
let dq__where_type_id_val: string = `${link_to_type}_id_random`;
let dq__where_eq_id_val: string = link_to_id;
let ae_triggers: key_val = {};
// Functions and Logic
import { browser } from '$app/environment';
if (browser) {
console.log('Browser environment detected.');
}
// let lq__event_obj = liveQuery(
// () => db_events.events.get($events_slct.event_id)
// );
// let lq__event_session_obj_li = liveQuery(
// () => db_events.sessions
// .where(dq__where_type_id_val)
// .equals(dq__where_eq_id_val)
// .sortBy('name')
// );
let lq_kv__event_session_obj_li = liveQuery(
() => db_events.sessions
.bulkGet(event_session_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 sessions found?');
// return [];
// return [{ id: '' }];
// return 'NOTHING???';
}
return results;
}else if (results.length > 1) {
return results;
} else {
return ['No sessions found.'];
}
// return results;
})
.catch(error => {
console.error(`LQ Error: ${error}`);
return ['No sessions found.'];
})
.finally(() => {
console.log(`LQ Finally:`, $lq_kv__event_session_obj_li);
})
);
</script>
<section class="ae_comp event_session_obj_li {container_class_li}">
{#if event_session_id_random_li && $events_slct.event_session_obj_li?.length == $lq_kv__event_session_obj_li?.length}
{#if event_session_id_random_li?.length > 0 && event_session_id_random_li?.length == $lq__event_session_obj_li?.length}
<!-- {#if $events_slct.event_session_obj_li?.length == event_session_id_random_li?.length && event_session_id_random_li.length == $lq__event_session_obj_li?.length} -->
<!-- {#if $events_slct?.event_session_obj_li && $events_slct.event_session_obj_li.length > 0} -->
@@ -113,15 +55,15 @@ let lq_kv__event_session_obj_li = liveQuery(
<section class="py-2 space-y-2 xs:max-w-sm lg:max-w-100 container overflow-x-scroll">
<h2 class="h3">
<span class="text-md">
Results:
Sessions:
</span>
{#if $events_slct.event_session_obj_li.length}
{#if $lq__event_session_obj_li?.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$events_slct.event_session_obj_li.length ?? 'None'}"
title="Count {$lq__event_session_obj_li?.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$events_slct.event_session_obj_li.length ?? 'None'}
{$lq__event_session_obj_li?.length ?? 'None'}
</span>
{/if}
</h2>
@@ -137,14 +79,11 @@ let lq_kv__event_session_obj_li = liveQuery(
<th
class:hidden={hide__session_poc}
>POC</th>
<th
class:hidden={!$ae_loc.edit_mode || !$ae_loc.authenticated_access}
>Actions</th>
</tr>
</thead>
<tbody>
<!-- {#each $events_slct?.event_session_obj_li as session_obj} -->
{#each $lq_kv__event_session_obj_li as session_obj}
{#each $lq__event_session_obj_li as session_obj}
<tr
class:dim={session_obj?.hide}
>
@@ -153,7 +92,7 @@ let lq_kv__event_session_obj_li = liveQuery(
href="/events_pres_mgmt/session/{session_obj?.event_session_id_random}"
class="
btn btn-md
variant-ghost-primary hover:variant-filled-primary
variant-ghost-secondary hover:variant-filled-secondary
min-w-full max-w-md
sm:w-80
md:max-w-xs md:p-2
@@ -168,19 +107,16 @@ let lq_kv__event_session_obj_li = liveQuery(
<strong>{session_obj?.name}</strong>
</span>
{#if session_obj?.file_count_all}
<span
class="badge variant-glass-success hover:variant-filled-success"
title="{session_obj?.file_count_all}&times; files under session">
<span class="badge variant-glass-success hover:variant-filled-success" title="{session_obj?.file_count_all}&times; files under session">
<span class="fas fa-file-alt mx-1"></span>
{session_obj?.file_count_all}&times;
</span>
{:else}
<!-- Nothing -->
{/if}
</a>
{#if $ae_loc.manager_access}
{#if show__session_presentations && $ae_loc.manager_access}
<Comp_event_presenter_obj_li
link_to_type={'event_session'}
link_to_id={session_obj?.event_session_id_random}
@@ -191,7 +127,7 @@ let lq_kv__event_session_obj_li = liveQuery(
{/if}
{#if $ae_loc.manager_access}
{#if show__session_files && $ae_loc.manager_access}
<Element_manage_event_file_li
link_to_type={'event_session'}
link_to_id={session_obj?.event_session_id_random}
@@ -234,7 +170,7 @@ let lq_kv__event_session_obj_li = liveQuery(
class:hidden={hide__session_location}
>
<!-- Minimum level access to see the link here is "trusted". -->
<!-- BEGIN: Legacy link -->
<!-- BEGIN: Legacy link -->
{#if show__launcher_link_legacy}
<a
data-sveltekit-preload-data="false"
@@ -254,7 +190,6 @@ let lq_kv__event_session_obj_li = liveQuery(
{#if show__launcher_link}
<a
data-sveltekit-preload-data="false"
href="/events_pres_mgmt/launcher/{session_obj?.event_id_random}?location_id={session_obj?.event_location_id_random}"
class="btn btn-sm variant-glass-surface hover:variant-filled-secondary"
title="Launcher: {session_obj?.event_location_name} {session_obj?.event_location_id_random}"
@@ -267,7 +202,6 @@ let lq_kv__event_session_obj_li = liveQuery(
{session_obj?.event_location_name ?? '-- not set --'}
</span> -->
{/if}
{#if show__location_link}
<a
href="/events_pres_mgmt/location/{session_obj?.event_location_id_random}"
@@ -321,6 +255,7 @@ let lq_kv__event_session_obj_li = liveQuery(
class_li={'m-1'}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: $events_slct?.event_session_id,
@@ -398,7 +333,6 @@ let lq_kv__event_session_obj_li = liveQuery(
$events_slct.event_obj = null;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
title="Cancel edit the POC person for the session"
>
<span class="fas fa-times mx-1"></span>
Cancel
@@ -427,7 +361,6 @@ let lq_kv__event_session_obj_li = liveQuery(
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class:hidden={!$ae_loc.edit_mode}
title="Edit the POC person for the session"
>
<span class="fas fa-edit mx-1"></span>
Edit
@@ -438,123 +371,6 @@ let lq_kv__event_session_obj_li = liveQuery(
</span> <!-- flex flex-col items-center md:flex-row md:items-start -->
</td>
<td
class:hidden={!$ae_loc.edit_mode || !$ae_loc.authenticated_access}
>
<div class="flex flex-row gap-1">
<Element_ae_crud
bind:trigger_patch={ae_triggers.hide_event_launcher[session_obj?.event_session_id_random]}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={session_obj?.event_session_id_random}
field_name={'hide_event_launcher'}
field_type={'button'}
field_value={ae_tmp.value__hide_event_launcher}
allow_null={false}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={'m-1'}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {(session_obj?.hide_event_launcher ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide_event_launcher = !session_obj?.hide_event_launcher;
// $events_slct.exhibit_tracking_obj.hide_event_launcher = !session_obj?.hide_event_launcher;
ae_triggers.hide_event_launcher[session_obj?.event_session_id_random] = true;
}}
class="btn btn-sm hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
class:variant-glass-success={!session_obj?.hide_event_launcher}
class:variant-ringed-warning={session_obj?.hide_event_launcher}
disabled={!$ae_loc.trusted_access}
title="Hide or unhide the session from the launcher"
>
{#if session_obj?.hide_event_launcher}
<span class="fas fa-toggle-on m-1"></span>
<span class="fas fa-paper-plane m-1"></span>
<span>
Unhide
</span>
<span class="hidden">from Launcher</span>
?
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="fas fa-paper-plane m-1"></span>
<span class="hidden">
Showing in Launcher
</span>
{/if}
<!-- {@html (session_obj?.hide_event_launcher ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
</button>
</Element_ae_crud>
<Element_ae_crud
bind:trigger_patch={ae_triggers.hide[session_obj?.event_session_id_random]}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={session_obj?.event_session_id_random}
field_name={'hide'}
field_type={'button'}
field_value={ae_tmp.value__hide}
allow_null={false}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={'m-1'}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {(session_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide = !session_obj?.hide;
// $events_slct.exhibit_tracking_obj.hide = !session_obj?.hide;
ae_triggers.hide[session_obj?.event_session_id_random] = true;
}}
class="btn btn-sm hover:variant-ghost-warning transition-all hover:transition-all *:hover:inline"
class:variant-glass-success={!session_obj?.hide}
class:variant-ringed-warning={session_obj?.hide}
disabled={!$ae_loc.trusted_access}
>
{#if session_obj?.hide}
<span class="fas fa-toggle-on m-1"></span>
<span class="fas fa-eye m-1"></span>
<span>
Unhide?
</span>
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="fas fa-eye m-1"></span>
<span class="hidden">
Not Hidden
</span>
{/if}
<!-- {@html (session_obj?.hide ? '<span class="fas fa-eye m-1"></span> Unhide?' : '<span class="fas fa-eye-slash m-1"></span> Hide?')} -->
</button>
</Element_ae_crud>
</div>
</td>
</tr>
{/each}
</tbody>

394
src/routes/events_pres_mgmt/ae_comp__event_session_obj_li_v2.svelte
View File

@@ -1,394 +0,0 @@
<script lang="ts">
export let log_lvl = 0;
// Imports
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_v2.svelte';
import Comp_event_presenter_obj_li from './ae_comp__event_presenter_obj_li_wrapper.svelte';
import Element_manage_event_file_li from '$lib/element_manage_event_file_li_direct.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, events_trig_kv } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
// Exports
// export let lq__event_obj: any;
export let lq__event_session_obj_li: any; // This is probably not needed???
export let container_class_li: string|Array<string> = [];
// export let link_to_type: string; // This is probably not needed???
// export let link_to_id: string; // This is probably not needed???
export let event_session_id_random_li: Array<string>; // ['']
export let hide__session_location: boolean = false;
export let hide__session_poc: boolean = false;
export let show__launcher_link: boolean = false;
export let show__launcher_link_legacy: boolean = false;
export let show__location_link: boolean = false;
export let show__session_files: boolean = false;
export let show__session_presentations: boolean = false;
// export let allow_basic: boolean = false;
// export let allow_moderator: boolean = false;
// export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher'
// Variables
// let ae_promises: key_val = {};
let ae_tmp: key_val = {};
let ae_triggers: key_val = {};
// Functions and Logic
</script>
<section class="ae_comp event_session_obj_li {container_class_li}">
{#if event_session_id_random_li?.length > 0 && event_session_id_random_li?.length == $lq__event_session_obj_li?.length}
<!-- {#if $events_slct.event_session_obj_li?.length == event_session_id_random_li?.length && event_session_id_random_li.length == $lq__event_session_obj_li?.length} -->
<!-- {#if $events_slct?.event_session_obj_li && $events_slct.event_session_obj_li.length > 0} -->
<!-- <section class="ae_h_scrollfix py-2 space-y-2"> -->
<section class="py-2 space-y-2 xs:max-w-sm lg:max-w-100 container overflow-x-scroll">
<h2 class="h3">
<span class="text-md">
Sessions:
</span>
{#if $lq__event_session_obj_li?.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$lq__event_session_obj_li?.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$lq__event_session_obj_li?.length ?? 'None'}
</span>
{/if}
</h2>
<table class="table table-auto table-striped table-hover">
<thead>
<tr>
<th>Session</th>
<th>Date</th>
<th>Start/End</th>
<th
class:hidden={hide__session_location}
>Location</th>
<th
class:hidden={hide__session_poc}
>POC</th>
</tr>
</thead>
<tbody>
<!-- {#each $events_slct?.event_session_obj_li as session_obj} -->
{#each $lq__event_session_obj_li as session_obj}
<tr
class:dim={session_obj?.hide}
>
<td>
<a
href="/events_pres_mgmt/session/{session_obj?.event_session_id_random}"
class="
btn btn-md
variant-ghost-secondary hover:variant-filled-secondary
min-w-full max-w-md
sm:w-80
md:max-w-xs md:p-2
sm:btn-sm
md:btn-md
"
title="{session_obj?.name} - {session_obj?.event_session_id_random}"
>
<span class="fas fa-eye mx-1"></span>
<!-- overflow-x-scroll -->
<span class="grow overflow-hidden">
<strong>{session_obj?.name}</strong>
</span>
{#if session_obj?.file_count_all}
<span class="badge variant-glass-success hover:variant-filled-success" title="{session_obj?.file_count_all}&times; files under session">
<span class="fas fa-file-alt mx-1"></span>
{session_obj?.file_count_all}&times;
</span>
{:else}
<!-- Nothing -->
{/if}
</a>
{#if show__session_presentations && $ae_loc.manager_access}
<Comp_event_presenter_obj_li
link_to_type={'event_session'}
link_to_id={session_obj?.event_session_id_random}
display_mode={'minimal'}
log_lvl={log_lvl}
>
</Comp_event_presenter_obj_li>
{/if}
{#if show__session_files && $ae_loc.manager_access}
<Element_manage_event_file_li
link_to_type={'event_session'}
link_to_id={session_obj?.event_session_id_random}
allow_basic={$events_loc.auth__kv.session[$events_slct.event_session_id] || $events_loc.auth__kv.presenter[$events_slct.event_presenter_id]}
allow_moderator={$events_loc.auth__kv.session[$events_slct.event_session_id]}
container_class_li={''}
display_mode={'minimal'}
/>
{/if}
</td>
<td>
<span class="flex flex-col">
<span>
{ae_util.iso_datetime_formatter(session_obj?.start_datetime,'dddd')}
</span>
<span style="break-inside: avoid;">
{ae_util.iso_datetime_formatter(session_obj?.start_datetime,'date_long_month_day')}
</span>
</span>
<td>
<span class="flex flex-col items-center md:flex-row md:items-start md:text-center max-w-36">
{#if session_obj?.start_datetime}
<span style="break-inside: avoid;">
{ae_util.iso_datetime_formatter(session_obj?.start_datetime,'time_12_short')}
</span>
<span class="grow">
&ndash;
</span>
<span style="break-inside: avoid;">
{ae_util.iso_datetime_formatter(session_obj?.end_datetime,'time_12_short')}
</span>
{:else}
{@html ae_snip.html__not_set}
{/if}
</span>
</td>
<td
class:hidden={hide__session_location}
>
<!-- Minimum level access to see the link here is "trusted". -->
<!-- BEGIN: Legacy link -->
{#if show__launcher_link_legacy}
<a
data-sveltekit-preload-data="false"
href="/event/{session_obj?.event_id_random}/launcher/{session_obj?.event_location_id_random}"
class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary"
title="Launcher: {session_obj?.event_location_name} {session_obj?.event_location_id_random}"
>
<span class="fas fa-paper-plane m-1"></span>
{@html session_obj?.event_location_name ? session_obj?.event_location_name : ae_snip.html__not_set}
</a>
{:else}
<span>
{session_obj?.event_location_name ?? '-- not set --'}
</span>
{/if}
<!-- END: Legacy Link -->
{#if show__launcher_link}
<a
href="/events_pres_mgmt/launcher/{session_obj?.event_id_random}?location_id={session_obj?.event_location_id_random}"
class="btn btn-sm variant-glass-surface hover:variant-filled-secondary"
title="Launcher: {session_obj?.event_location_name} {session_obj?.event_location_id_random}"
>
<span class="fas fa-plane m-1"></span>
{@html session_obj?.event_location_name ? session_obj?.event_location_name : ae_snip.html__not_set}
</a>
{:else}
<!-- <span>
{session_obj?.event_location_name ?? '-- not set --'}
</span> -->
{/if}
{#if show__location_link}
<a
href="/events_pres_mgmt/location/{session_obj?.event_location_id_random}"
class="btn btn-sm variant-glass-surface hover:variant-filled-tertiary"
title="Location: {session_obj?.event_location_name} {session_obj?.event_location_id_random}"
>
<span class="fas fa-map-marker-alt m-1"></span>
<!-- {@html session_obj?.event_location_name ? session_obj?.event_location_name : ae_snip.html__not_set} -->
</a>
{/if}
</td>
<td
class:hidden={hide__session_poc}
>
<span class="flex flex-col items-start lg:flex-row lg:items-center lg:justify-between">
{#if session_obj?.poc_person_full_name}
<span style="break-inside: avoid;" class="">
<span class="fas fa-user mx-1"></span>
{session_obj?.poc_person_full_name}
</span>
<!-- <br> -->
{#if $ae_loc.trusted_access}
<span style="break-inside: avoid;" class="text-xs">
<a href="mailto:{session_obj?.poc_person_primary_email}" class="hover:underline">
<span class="fas fa-envelope mx-1"></span>
{session_obj?.poc_person_primary_email}
</a>
</span>
{/if}
{:else}
{@html ae_snip.html__not_set}
{/if}
{#if $ae_loc.trusted_access}
{#if session_obj?.event_session_id_random == $events_slct.event_session_id && ae_tmp[$events_slct.event_session_id] && ae_tmp[$events_slct.event_session_id].show__edit_poc_person}
<Element_ae_crud
trigger_patch={ae_triggers.update_person_poc}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$events_slct?.event_session_id}
field_name={'poc_person_id_random'}
field_type={'button'}
field_value={ae_tmp[$events_slct.event_session_id].poc_person_id}
allow_null={false}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={'m-1'}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: $events_slct?.event_session_id,
log_lvl: 1
})
.then(function (load_results) {
ae_tmp[$events_slct.event_session_id].poc_person_id = null;
ae_tmp[$events_slct.event_session_id].show__edit_poc_person = false;
$events_slct.event_session_id = null;
$events_slct.event_obj = null;
// Careful with the trigger_patch. It will keep firing if not reset.
ae_triggers.update_person_poc = false;
// Maybe reload page?
// window.location.reload();
});
}}
>
{#await $slct.person_obj_li}
<span class="fas fa-spinner fa-spin mx-1"></span>
{:then person_obj_li}
{#if person_obj_li && person_obj_li.length > 0}
<label class="text-sm">PoC:
<select
bind:value={ae_tmp[$events_slct.event_session_id].poc_person_id}
class="select min-w-fit max-w-md text-sm"
>
<option value="">-- Select a person --</option>
{#each person_obj_li as person_obj}
<option
value={person_obj.person_id_random}
selected={person_obj.person_id_random == $events_slct?.event_session_obj?.poc_person_id_random}
>
{person_obj.full_name}
({person_obj.primary_email})
<!-- (ID: {person_obj.person_id_random}) -->
</option>
{/each}
</select>
</label>
<button
type="button"
disabled={ae_tmp[$events_slct.event_session_id].poc_person_id == $events_slct?.event_session_obj?.poc_person_id_random}
on:click={() => {
console.log('Save the POC person for the session.');
let person_id = ae_tmp[$events_slct.event_session_id].poc_person_id;
console.log('Selected person ID:', person_id);
ae_triggers.update_person_poc = true;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
>
<span class="fas fa-save mx-1"></span>
Save
</button>
{/if}
{/await}
</Element_ae_crud>
{/if}
{#if ae_tmp[$events_slct.event_session_id] && ae_tmp[$events_slct.event_session_id].show__edit_poc_person}
<button
type="button"
on:click={() => {
console.log('Cancel the POC person for the session.');
ae_tmp[$events_slct.event_session_id].poc_person_id = null;
ae_tmp[$events_slct.event_session_id].show__edit_poc_person = false;
$events_slct.event_session_id = null;
$events_slct.event_obj = null;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
>
<span class="fas fa-times mx-1"></span>
Cancel
</button>
{:else}
<button
type="button"
on:click={() => {
console.log('Edit the POC person for the session.');
let params = {
qry__limit: 300,
}
$slct.person_obj_li = core_func.handle_load_ae_obj_li__person({api_cfg: $ae_api, account_id: $slct.account_id, params: params});
$events_slct.event_session_id = session_obj?.event_session_id_random;
ae_tmp[$events_slct.event_session_id] = {
poc_person_id: session_obj?.poc_person_id_random,
show__edit_poc_person: true,
};
// }
// ae_tmp[$events_slct.event_session_id].poc_person_id = $events_slct?.event_session_obj?.poc_person_id_random;
// ae_tmp[$events_slct.event_session_id].show__edit_poc_person = true;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
class:hidden={!$ae_loc.edit_mode}
>
<span class="fas fa-edit mx-1"></span>
Edit
</button>
{/if}
{/if} <!-- $ae_loc.trusted_access -->
</span> <!-- flex flex-col items-center md:flex-row md:items-start -->
</td>
</tr>
{/each}
</tbody>
</table>
</section>
{:else}
<p class="text-center text-2xl bg-gray-100 p-4 rounded-md">
<span class="fas fa-exclamation-triangle text-2xl text-yellow-500"></span>
No results to show. Please use the search above to find your session.
<span class="fas fa-exclamation-triangle text-2xl text-yellow-500"></span>
</p>
<!-- <div class="text-sm text-gray-500 text-center"> -->
<!-- Query results length: {$events_slct.event_session_obj_li?.length}; -->
<!-- ID list length: {event_session_id_random_li?.length}; -->
<!-- LQ results length: {$lq__event_session_obj_li?.length} -->
<!-- LQ KV results length: {$lq_kv__event_session_obj_li?.length} -->
<!-- </div> -->
{/if}
</section>

51
src/routes/events_pres_mgmt/ae_comp__event_session_obj_tbl.svelte
View File

@@ -1,46 +1,39 @@
<script lang="ts">
// Imports
// import type { key_val } from '$lib/ae_stores';
import { onMount } from 'svelte';
import type { key_val } from '$lib/ae_stores';
import { liveQuery } from "dexie";
import { browser } from '$app/environment';
import { core_func } from '$lib/ae_core_functions';
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
// import { liveQuery } from "dexie";
import { ae_util } from '$lib/ae_utils';
// Imports - events specific
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
import { db_events } from "$lib/db_events";
import { events_func } from '$lib/ae_events_functions';
// import { db_events } from "$lib/db_events";
// Exports
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 event_session_id_random_li: Array<string> = [];
// export let allow_basic: boolean = false;
// export let allow_moderator: boolean = false;
export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher';
export let link_to_type: string;
export let link_to_id: string;
export let event_session_id_random_li: Array<string>;
export let lq__event_session_obj_li: any;
export let log_lvl: number = 0;
// export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher';
export let show_location_fields: boolean = false;
// Functions and Logic
if (browser) {
console.log('Pres Mgmt [comp]: +ae_comp__event_session_obj_tbl.svelte');
}
// if (log_lvl) {
// console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
// }
let lq_kv__event_session_obj_li = liveQuery(
() => db_events.sessions
.bulkGet(event_session_id_random_li)
);
// let lq_kv__event_session_obj_li = liveQuery(
// () => db_events.sessions
// .bulkGet(event_session_id_random_li)
// );
</script>
<section class="ae_comp event_session_obj_tbl container {container_class_li}">
{#if event_session_id_random_li && event_session_id_random_li?.length > 0 && $events_slct.event_session_obj_li?.length == $lq_kv__event_session_obj_li?.length}
{#if event_session_id_random_li && event_session_id_random_li?.length > 0 && $events_slct.event_session_obj_li?.length == $lq__event_session_obj_li?.length}
<div class="overflow-auto space-y-2">
<h2 class="h3">
@@ -48,12 +41,12 @@ let lq_kv__event_session_obj_li = liveQuery(
Results:
</span>
{#if $lq_kv__event_session_obj_li?.length}
{#if $lq__event_session_obj_li?.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$lq_kv__event_session_obj_li.length ?? 'None'}"
title="Count {$lq__event_session_obj_li.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$lq_kv__event_session_obj_li.length ?? 'None'}
{$lq__event_session_obj_li.length ?? 'None'}
</span>
{/if}
</h2>
@@ -74,7 +67,7 @@ let lq_kv__event_session_obj_li = liveQuery(
</thead>
<tbody
class="">
{#each $lq_kv__event_session_obj_li as event_session_obj, index}
{#each $lq__event_session_obj_li as event_session_obj, index}
<tr
class:dim={event_session_obj?.hide}
>

64
src/routes/events_pres_mgmt/ae_comp__event_session_obj_tbl_wrapper.svelte Normal file
View File

@@ -0,0 +1,64 @@
<script lang="ts">
// Imports
import Comp_event_session_obj_tbl from './ae_comp__event_session_obj_tbl.svelte';
import { liveQuery } from "dexie";
import { db_events } from "$lib/db_events";
// Exports
export let container_class_li: string|Array<string> = [];
export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher'
export let event_session_id_random_li: Array<string>;
export let link_to_type: string;
export let link_to_id: string;
// export let lq__event_presentation_obj
export let log_lvl: number = 0;
export let show_location_fields: boolean = false;
if (log_lvl) {
console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
}
// Variables
// let ae_promises: key_val = {};
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
let dq__where_type_id_val: string = `${link_to_type}_id_random`;
let dq__where_eq_id_val: string = link_to_id;
// Functions and Logic
$: lq__event_session_obj_li = liveQuery(async () => {
if (event_session_id_random_li.length) {
let results = await db_events.sessions
.bulkGet(event_session_id_random_li);
return results;
} else if (link_to_type && link_to_id) {
console.log(`Trying where: ${dq__where_type_id_val}; equals: ${dq__where_eq_id_val}`);
let results = await db_events.sessions
.where(dq__where_type_id_val)
.equals(dq__where_eq_id_val)
.sortBy('name')
return results;
} else {
return null;
}
});
</script>
<!-- {lq__event_session_obj_li?.length} -->
<Comp_event_session_obj_tbl
container_class_li={container_class_li}
display_mode={display_mode}
link_to_type={link_to_type}
link_to_id={link_to_id}
event_session_id_random_li={event_session_id_random_li}
lq__event_session_obj_li={lq__event_session_obj_li}
show_location_fields={show_location_fields}
log_lvl={log_lvl}
>
</Comp_event_session_obj_tbl>

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

@@ -10,7 +10,7 @@ import { browser } from '$app/environment';
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 '../../ae_comp__event_session_obj_li_v2.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';

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

@@ -10,7 +10,7 @@ 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_file_obj_tbl from '../../../ae_comp__event_file_obj_tbl.svelte';
import Comp_event_session_obj_tbl from '../../../ae_comp__event_session_obj_tbl.svelte';
import Comp_event_session_obj_tbl from '../../../ae_comp__event_session_obj_tbl_wrapper.svelte';
import Comp_event_presenter_obj_tbl from '../../../ae_comp__event_presenter_obj_tbl_wrapper.svelte';
import { liveQuery } from "dexie";
@@ -626,7 +626,10 @@ async function handle_qry__event_session(
<h3 class="h4 text-center">Sessions without Files</h3>
<Comp_event_session_obj_tbl
link_to_type="event"
link_to_id={$events_slct.event_id}
bind:event_session_id_random_li={event_session_id_random_li}
log_lvl={1}
>
</Comp_event_session_obj_tbl>
{/if}

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

@@ -25,7 +25,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv }
import { events_func } from '$lib/ae_events_functions';
import Comp_event_files_upload from './../../ae_comp__event_files_upload.svelte';
import Comp_event_session_obj_li from './../../ae_comp__event_session_obj_li_v2.svelte';
import Comp_event_session_obj_li from '../../ae_comp__event_session_obj_li.svelte';
import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li_direct.svelte';
import Location_view from './../../location_view.svelte';
import Location_page_menu from './../../location_page_menu.svelte';