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

I should have committed this earlier. Lots of changes to use LiveQuery and better menus.

Browse Source
This commit is contained in:
Scott Idem
2024-09-18 16:45:49 -04:00
parent fd152cc27e
commit 04b549b874
25 changed files with 654 additions and 619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/routes/events_pres_mgmt/ae_comp__event_presentation_obj_li.svelte
View File

@@ -1,11 +1,11 @@
<script lang="ts">
// Imports
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
// 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 { 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';
@@ -16,70 +16,18 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
// Exports
export let container_class_li: string|Array<string> = [];
export let lq__event_obj: any;
export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher'
// export let link_to_type: string;
// export let link_to_id: string;
export let lq__event_presentation_obj_li: any;
export let log_lvl: number = 0;
// It is important that these not be set to a value! It messes with the Dexie LiveQuery.
// export let event_presentation_id_random_li: Array<string>;
let event_presentation_id_random_li: Array<string>;
// Variables
// let ae_promises: key_val = {};
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
let tmp_li: Array<string> = []; // This is to prevent the array from constantly updating and triggering the liveQuery.
if (!event_presentation_id_random_li?.length) {
console.log(`No ID list was passed to the component. Loading all presentations for the session.`);
if ($lq__event_presentation_obj_li?.length) {
console.log(`Count: ${$lq__event_presentation_obj_li?.length}`, $lq__event_presentation_obj_li);
for (let i = 0; i < $lq__event_presentation_obj_li?.length; i++) {
tmp_li.push($lq__event_presentation_obj_li[i].event_presentation_id_random);
}
event_presentation_id_random_li = tmp_li;
} else {
console.log(`No presentations found for the session!`);
}
console.log(`event_presentation_id_random_li:`, event_presentation_id_random_li);
}
// Functions and Logic
import { browser } from '$app/environment';
if (browser) {
console.log('Browser environment detected.');
}
let lq_kv__event_presentation_obj_li = liveQuery(
() => db_events.presentations
.bulkGet(event_presentation_id_random_li)
);
// Pull the IDs out of the object list. This may need to be an async function.
let lq_fancy__event_presentation_obj_li = liveQuery(
() => db_events.presentations
.bulkGet(async () => {
console.log('DO STUFF?');
await $lq__event_presentation_obj_li;
console.log(`Count: ${$lq__event_presentation_obj_li?.length}`, $lq__event_presentation_obj_li);
let tmp_li: Array<string> = [];
if ($lq__event_presentation_obj_li?.length) {
for (let i = 0; i < $lq__event_presentation_obj_li?.length; i++) {
tmp_li.push($lq__event_presentation_obj_li[i].event_presentation_id_random);
}
}
return tmp_li;
}
)
);
</script>
@@ -123,51 +71,27 @@ let lq_fancy__event_presentation_obj_li = liveQuery(
<section class="ae_comp event_presentation_obj_li {container_class_li}">
<h3 class="h5">Presentations:
<h3 class="h5">
Presentations:
<span class="font-bold bg-success-100 px-4 border rounded-lg border-success-200"
class:hidden={$lq__event_presentation_obj_li?.length <= 1}
title="Presentations for session: {$lq__event_presentation_obj_li?.length ?? 'None'}"
class:hidden={!$lq__event_presentation_obj_li?.length}
title="Presentations: {$lq__event_presentation_obj_li?.length ?? 'None'}"
>
<span class="fas fa-chalkboard-teacher mx-1"></span>
{@html ($lq__event_presentation_obj_li?.length > 1 ? `${$lq__event_presentation_obj_li?.length}&times;` : '')}
<span class="fas fa-chalkboard-teacher m-1"></span>
{@html ($lq__event_presentation_obj_li?.length ? `${$lq__event_presentation_obj_li?.length}&times;` : '')}
</span>
{#if !$lq__event_presentation_obj_li?.length}
<span class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
>
<span class="fas fa-exclamation-triangle mx-1"></span>
No presentations available.
</span>
{/if}
</h3>
<!-- Testing!? -->
<!-- Trying to make it so that it will figure the ID list out based on a LiveQuery passed. -->
<!-- <hr>
{#await $lq_kv__event_presentation_obj_li}
waiting
{:then event_presentation_obj_li}
done
{#if $lq_kv__event_presentation_obj_li && $lq_kv__event_presentation_obj_li?.length > 0}
length: {$lq_kv__event_presentation_obj_li?.length}
{/if}
{event_presentation_obj_li?.length}
{:catch}
error
{/await}
<hr>
{#await $lq_fancy__event_presentation_obj_li}
waiting
{:then event_presentation_obj_li}
done
{#if $lq_fancy__event_presentation_obj_li && $lq_fancy__event_presentation_obj_li?.length > 0}
length: {$lq_fancy__event_presentation_obj_li?.length}
{/if}
{event_presentation_obj_li?.length}
{:catch}
error
{/await}
<hr> -->
<!-- Testing!? -->
<!-- {#await lq__event_presentation_obj_li}
Loading...
{:then} -->
{#if $lq__event_presentation_obj_li && $lq__event_presentation_obj_li?.length > 0}
<!-- Show presentations for this LiveQuery -->
{#if $lq__event_presentation_obj_li?.length}
<ul
class="space-y-4 p-4 m-2 bg-gray-100 rounded-md"
>
@@ -259,7 +183,9 @@ Loading...
{/if}
</h4>
<div>
<div
class:hidden={!$events_loc.pres_mgmt.show_content__presentation_description}
>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presentation'}
@@ -290,13 +216,13 @@ Loading...
type="button"
on:click={() => {
console.log('Show/Hide Description');
if ($events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random) {
$events_loc.pres_mgmt.show_content__presentation_description = null;
if ($events_sess.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random) {
$events_sess.pres_mgmt.show_content__presentation_description = null;
// Was testing with LiveQuery
$events_slct.event_presentation_id = null;
} else {
$events_loc.pres_mgmt.show_content__presentation_description = event_presentation_obj.event_presentation_id_random;
$events_sess.pres_mgmt.show_content__presentation_description = event_presentation_obj.event_presentation_id_random;
// Was testing with LiveQuery
$events_slct.event_presentation_id = event_presentation_obj.event_presentation_id_random;
@@ -304,7 +230,7 @@ Loading...
}}
class="btn btn-sm variant-soft-surface hover:variant-filled-surface text-xs"
>
{#if $events_loc.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random}
{#if $events_sess.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id_random}
<span class="fas fa-eye-slash mx-1"></span>
<span>Hide Description</span>
{:else}
@@ -315,7 +241,7 @@ Loading...
<pre
class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
class:hidden={$events_loc.pres_mgmt.show_content__presentation_description !== event_presentation_obj.event_presentation_id_random}
class:hidden={$events_sess.pres_mgmt.show_content__presentation_description !== event_presentation_obj.event_presentation_id_random}
>{event_presentation_obj.description}</pre>
{:else}
@@ -337,6 +263,7 @@ Loading...
<Comp_event_presenter_obj_li
link_to_type={'event_presentation'}
link_to_id={event_presentation_obj?.event_presentation_id_random}
event_presenter_id_random_li={[]}
log_lvl={log_lvl}
>
</Comp_event_presenter_obj_li>
@@ -356,11 +283,15 @@ Loading...
{/each}
</ul>
{:else}
Nothing to show yet...!
<!-- <p class:hidden={display_mode != 'default'}>
No presentations available to show at this time
</p> -->
{/if}
</section>
<!-- {/await} -->
<style>
</style>

23
src/routes/events_pres_mgmt/ae_comp__event_presenter_form_agree.svelte
View File

@@ -1,19 +1,18 @@
<script lang="ts">
console.log(`ae_events_pres_mgmt session [slug] form_agree.svelte`);
export let log_lvl = 0;
// Imports (external and then internal)
import { onMount } from 'svelte';
import { liveQuery } from "dexie";
// import { onMount } from 'svelte';
// import { liveQuery } from "dexie";
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
import { api } from '$lib/api';
import Element_data_store from '$lib/element_data_store_v2.svelte';
import Element_ae_crud from '$lib/element_ae_crud.svelte';
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
import { ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { db_events } from "$lib/db_events";
// 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';
@@ -22,9 +21,11 @@ export let lq__event_presenter_obj: any;
// export let event_presentation_id: string;
// export let lq__event_presentation_obj: any;
// export let lq__event_session_obj: any;
export let log_lvl: number = 0;
let ae_triggers: key_val = {};
let ae_promises: key_val = {}; // Promise<any>;
let ae_promises: key_val = {};
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
// let lq__event_session_obj = liveQuery(
// () => db_events.sessions.get($events_slct.event_session_id)
@@ -111,7 +112,7 @@ async function handle_update__event_presenter({
fields: data,
key: $ae_api.api_crud_super_key,
return_obj: true,
log_lvl: 2
log_lvl: log_lvl
})
.then(async function (update__obj_result) {
if (!update__obj_result) {
@@ -134,10 +135,6 @@ async function handle_update__event_presenter({
</script>
<!-- {#await $lq__event_presenter_obj}
Loading...
{:then result} -->
{#if $lq__event_presenter_obj}
<h2 class="h3">
Presenter Agreement for:<br>
@@ -405,5 +402,3 @@ async function handle_update__event_presenter({
</section>
{/if}
<!-- {/await} -->

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

@@ -54,12 +54,12 @@ let lq__event_presentation_obj = liveQuery(
});
}}
class="btn btn-sm p-1 m-1 variant-soft-tertiary hover:variant-ghost-warning transition hover:transition-all *:hover:inline"
class:hidden={!$ae_loc.trusted_access || display_mode != 'default'}
class:hidden={!$ae_loc.edit_mode || !$ae_loc.trusted_access || display_mode != 'default'}
title="Refresh the list of presenters"
>
<span class="fas fa-sync-alt m-1"></span>
<span class="hidden">
Presenters x
Presenters
</span>
</button>
</div>
@@ -68,16 +68,32 @@ let lq__event_presentation_obj = liveQuery(
<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:
<h3 class="h5">
Presenters:
<span class="font-bold bg-success-100 px-4 border rounded-lg border-success-200"
class:hidden={!$lq__event_presenter_obj_li?.length}
title="Presenters: {$lq__event_presenter_obj_li?.length ?? 'None'}"
>
<span class="fas fa-user m-1"></span>
{@html ($lq__event_presenter_obj_li?.length ? `${$lq__event_presenter_obj_li?.length}&times;` : '')}
</span>
{#if !$lq__event_presenter_obj_li?.length}
<span class="text-sm text-gray-500">
No presenters available to show at this time
</span>
{/if}
</h3>
<!-- Show presenters for this LiveQuery -->
{#if $lq__event_presenter_obj_li?.length}
<!-- <strong class="text-sm">Presenters:
{#if $ae_loc.administrator_access}
({$lq__event_presenter_obj_li?.length})
{/if}
</strong>
</strong> -->
<ul
class="space-y-2 px-4"
class="space-y-1 px-4 m-2 bg-gray-100 rounded-md"
>
{#each $lq__event_presenter_obj_li as event_presenter_obj}
<!-- This is a hack. I can not get the LiveQuery to work with specific presentation IDs. It only works with the session ID. I need to figure out how to get the presenters for the specific presentation. -->
@@ -160,10 +176,10 @@ let lq__event_presentation_obj = liveQuery(
() => {
console.log('View terms and conditions');
$events_slct.event_presentation_id = event_presenter_obj.event_presentation_id_random;
$events_slct.event_presentation_obj = $lq__event_presentation_obj;
// $events_slct.event_presentation_obj = $lq__event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.event_presenter_obj = event_presenter_obj;
// $events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_modal__presenter_agree = event_presenter_obj.event_presenter_id_random;
}
@@ -184,10 +200,10 @@ let lq__event_presentation_obj = liveQuery(
console.log('View terms and conditions');
$events_slct.event_presentation_id = event_presenter_obj.event_presentation_id_random;
$events_slct.event_presentation_obj = $lq__event_presentation_obj;
// $events_slct.event_presentation_obj = $lq__event_presentation_obj;
$events_slct.event_presenter_id = event_presenter_obj.event_presenter_id_random;
$events_slct.event_presenter_obj = event_presenter_obj;
// $events_slct.event_presenter_obj = event_presenter_obj;
$events_sess.pres_mgmt.show_modal__presenter_agree = event_presenter_obj.event_presenter_id_random;
}
@@ -252,17 +268,15 @@ let lq__event_presentation_obj = liveQuery(
{/each}
</ul>
{:else}
<p
class:hidden={display_mode != 'default'}
>No presenters available to show for this presentation at this time</p>
<!-- {$lq__event_presenter_obj_li?.length} -->
<!-- {$events_slct.event_presentation_id} -->
<!-- {$lq__event_presentation_obj} -->
<!-- <p class:hidden={display_mode != 'default'}>
No presenters available to show at this time
</p> -->
{/if}
</section>
<style>
</style>
</style>

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

@@ -8,7 +8,7 @@ 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_presenter_id_random_li: Array<string>;
export let event_presenter_id_random_li: Array<string> = [];
export let link_to_type: string;
export let link_to_id: string;
// export let lq__event_presentation_obj

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

@@ -46,8 +46,7 @@ export let show_session_fields: boolean = false;
<section class="ae_comp event_presenter_obj_tbl container {container_class_li}">
{#if event_presenter_id_random_li && $lq__event_presenter_obj_li && $lq__event_presenter_obj_li?.length > 0 && $lq__event_presenter_obj_li?.length == event_presenter_id_random_li?.length}
{#if $lq__event_presenter_obj_li?.length}
<div class="overflow-auto space-y-2">
<h2 class="h3">

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

@@ -1,6 +1,4 @@
<script lang="ts">
export let log_lvl = 0;
// Imports
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils';
@@ -17,12 +15,12 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv }
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 link_to_type: string;
// export let link_to_id: string;
export let lq__event_session_obj_li: any;
export let log_lvl: number = 0;
export let hide__session_location: boolean = false;
export let hide__session_poc: boolean = false;
export let show__launcher_link: boolean = false;
@@ -47,7 +45,7 @@ let ae_triggers: key_val = {};
<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 $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} -->

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

@@ -17,7 +17,7 @@ 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 show_location_fields: boolean = false;
export let show_location_fields: boolean = true;
// Functions and Logic
// if (log_lvl) {
@@ -33,7 +33,7 @@ export let show_location_fields: boolean = false;
<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__event_session_obj_li?.length}
{#if $lq__event_session_obj_li?.length}
<div class="overflow-auto space-y-2">
<h2 class="h3">
@@ -60,7 +60,9 @@ export let show_location_fields: boolean = false;
<tr>
<th class="px-4 py-2">Name</th>
<th class="px-4 py-2">Start Datetime</th>
{#if show_location_fields}
<th class="px-4 py-2">Location</th>
{/if}
<th class="px-4 py-2">Session Files</th>
<th class="px-4 py-2">Presenter Files</th>
</tr>
@@ -82,9 +84,11 @@ export let show_location_fields: boolean = false;
<td class="px-4 py-2">
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'datetime_12_no_seconds')}
</td>
{#if show_location_fields}
<td class="px-4 py-2">
{event_session_obj?.event_location_name}
</td>
{/if}
<td class="px-4 py-2">
{event_session_obj?.file_count ?? '0'}
</td>

3
src/routes/events_pres_mgmt/ae_comp__event_session_obj_tbl_wrapper.svelte
View File

@@ -14,7 +14,7 @@ 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;
export let show_location_fields: boolean = true;
if (log_lvl) {
console.log(`link_to_type: ${link_to_type}; link_to_id: ${link_to_id}`);
@@ -49,7 +49,6 @@ $: lq__event_session_obj_li = liveQuery(async () => {
});
</script>
<!-- {lq__event_session_obj_li?.length} -->
<Comp_event_session_obj_tbl
container_class_li={container_class_li}

67
src/routes/events_pres_mgmt/ae_comp__pres_mgmt_menu_nav.svelte Normal file
View File

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

181
src/routes/events_pres_mgmt/ae_comp__pres_mgmt_menu_opts.svelte Normal file
View File

@@ -0,0 +1,181 @@
<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_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>

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

@@ -553,8 +553,8 @@ async function handle_search__event_session(
{/if}
{/await} -->
count: {$lq_kv__event_session_obj_li?.length}???
count ids: {event_session_id_random_li?.length ?? 'nothing???'}???
<!-- count: {$lq_kv__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_kv__event_session_obj_li && $lq_kv__event_session_obj_li?.length > 0 && event_session_id_random_li && event_session_id_random_li?.length > 0}
@@ -562,12 +562,12 @@ count ids: {event_session_id_random_li?.length ?? 'nothing???'}???
<div class="sm:bg-red-200 md:bg-yellow-200 lg:bg-white">
<Comp_event_session_obj_li
lq__event_session_obj_li={lq_kv__event_session_obj_li}
event_session_id_random_li={event_session_id_random_li}
hide__session_location={$events_loc.pres_mgmt.hide__session_location}
hide__session_poc={$events_loc.pres_mgmt.hide__session_poc}
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}

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

@@ -574,7 +574,10 @@ async function handle_qry__event_session(
<h3 class="h4 text-center">Sessions POC Agreed</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}

29
src/routes/events_pres_mgmt/event_page_menu.svelte
View File

@@ -8,7 +8,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv }
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
import Element_data_store from '$lib/element_data_store_v2.svelte';
// import Sign_in_out from './sign_in_out.svelte';
import Comp__pres_mgmt_menu_nav from './ae_comp__pres_mgmt_menu_nav.svelte';
export let lq__event_obj: any;
@@ -28,28 +28,11 @@ let ae_triggers: key_val = {};
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<span
class="ae_menu__navigation_options flex flex-row items-center justify-around"
class:hidden={!$ae_loc.trusted_access}
>
<a
href="/core"
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!$ae_loc.administrator_access}
>
<span class="fas fa-cogs m-1"></span>
&AElig; Core
</a>
<a
href="/events_pres_mgmt/event/{$lq__event_obj?.event_id_random}/reports"
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!$ae_loc.trusted_access}
>
<span class="fas fa-chart-line m-1"></span>
Pres Mgmt Reports
</a>
</span>
<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"

18
src/routes/events_pres_mgmt/event_reports_page_menu.svelte
View File

@@ -8,7 +8,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv }
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
import Element_data_store from '$lib/element_data_store_v2.svelte';
// import Sign_in_out from './sign_in_out.svelte';
import Comp__pres_mgmt_menu_nav from './ae_comp__pres_mgmt_menu_nav.svelte';
export let lq__event_obj: any;
@@ -28,17 +28,11 @@ let ae_triggers: key_val = {};
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<span
class="ae_menu__navigation_options flex flex-row items-center justify-around"
>
<a
href="/events_pres_mgmt/event/{$lq__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>
</span>
<Comp__pres_mgmt_menu_nav
hide={false}
ae_core={true}
pres_mgmt__session_search={$events_slct.event_id}
/>
<span
class="ae_menu__object_options flex flex-row items-center justify-around"

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

@@ -177,7 +177,6 @@ onMount(() => {
{#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}
<Comp_event_session_obj_li
event_session_id_random_li={event_session_id_random_li}
lq__event_session_obj_li={lq__event_session_obj_li}
hide__session_poc={$events_loc.pres_mgmt.hide__session_poc}
hide__session_location={true}
@@ -186,6 +185,7 @@ onMount(() => {
show__launcher_link={$ae_loc.administrator_access && $events_loc.pres_mgmt.show_content__launcher_link}
show__launcher_link_legacy={$events_loc.pres_mgmt.show_content__launcher_link_legacy}
show__location_link={$events_loc.pres_mgmt.show_content__location_link}
log_lvl={log_lvl}
>
</Comp_event_session_obj_li>
{:else if $lq__event_session_obj_li && $lq__event_session_obj_li?.length == 0}

19
src/routes/events_pres_mgmt/location_view.svelte
View File

@@ -442,25 +442,6 @@ $: if ($lq__event_location_obj) {
</section>
<!-- Sessionss in the location -->
<section>
<!-- {#await $lq__event_session_obj_li}
Loading....
{:then event_session_obj_li} -->
{#if $lq__event_session_obj_li && $lq__event_session_obj_li?.length > 0}
<!-- {$lq__event_session_obj_li?.length} Presentations -->
<!-- <Comp_event_session_obj_li
lq__event_obj={lq__event_obj}
event_session_id_random_li={event_session_id_random_li}
>
</Comp_event_session_obj_li> -->
{/if}
<!-- {/await} -->
</section>
{/if}

19
src/routes/events_pres_mgmt/presenter_page_menu.svelte
View File

@@ -10,6 +10,7 @@ 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__pres_mgmt_menu_nav.svelte';
// import Sign_in_out from './sign_in_out.svelte'; // Should this be used here later???
@@ -32,19 +33,11 @@ let ae_triggers: key_val = {};
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<span
class="ae_menu__navigation_options flex flex-row items-center justify-around"
>
<a href="/events_pres_mgmt/event/{$lq__event_presenter_obj?.event_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
<span class="fas fa-arrow-left m-1"></span>
Back to Session Search
</a>
<a href="/events_pres_mgmt/session/{$lq__event_presenter_obj?.event_session_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
<span class="fas fa-arrow-left m-1"></span>
Back to Session
</a>
</span>
<Comp__pres_mgmt_menu_nav
hide={false}
pres_mgmt__session_id={$lq__event_presenter_obj?.event_session_id_random}
pres_mgmt__session_search={$events_slct.event_id}
/>
<span
class="ae_menu__object_options flex flex-row items-center justify-around"

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

@@ -112,8 +112,8 @@ $: if ($lq__event_obj?.mod_pres_mgmt_json) {
// }
// $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,
pres_mgmt_cfg_remote: $lq__event_obj?.mod_pres_mgmt_json,
pres_mgmt_cfg_local: $events_loc?.pres_mgmt,
log_lvl: log_lvl,
});
// if (log_lvl) {

574
src/routes/events_pres_mgmt/session_page_menu.svelte
View File

@@ -10,6 +10,9 @@ 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 Sign_in_out from './sign_in_out.svelte';
import Comp__pres_mgmt_menu_nav from './ae_comp__pres_mgmt_menu_nav.svelte';
// import Comp__global_menu_opts from '$lib/ae_comp__global_menu_opts.svelte';
import Comp__pres_mgmt_menu_opts from './ae_comp__pres_mgmt_menu_opts.svelte';
export let event_session_id: string;
export let lq__event_session_obj: any;
@@ -28,17 +31,14 @@ let ae_triggers: key_val = {};
>
<!-- BEGIN: The menu button options -->
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<span
class="ae_menu__navigation_options flex flex-row items-center justify-around"
>
<a href="/events_pres_mgmt/event/{$lq__event_session_obj?.event_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
<span class="fas fa-arrow-left m-1"></span>
Back to Session Search
</a>
</span>
<Comp__pres_mgmt_menu_nav
hide={false}
pres_mgmt__session_search={$events_slct.event_id}
/>
<span
class="ae_menu__object_options flex flex-row items-center justify-around"
@@ -143,366 +143,252 @@ let ae_triggers: key_val = {};
<!-- BEGIN: The expanded menu area for information and options -->
<div
class="flex flex-row 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="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 != 'options'}
>
<Element_ae_crud
trigger_patch={ae_triggers.hide_event_launcher}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_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: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
<div
class="ae_comp__session_menu_opts w-full"
>
<!-- {($lq__event_session_obj?.hide_event_launcher ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide_event_launcher = !$lq__event_session_obj?.hide_event_launcher;
<h2 class="text-sm font-semibold text-center pb-1">
&AElig; Session Menu Options
</h2>
// $events_slct.exhibit_tracking_obj.hide_event_launcher = !$lq__event_session_obj?.hide_event_launcher;
ae_triggers.hide_event_launcher = true;
}}
class="btn btn-sm m-1 transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!$lq__event_session_obj?.hide_event_launcher}
class:variant-ringed-warning={$lq__event_session_obj?.hide_event_launcher}
disabled={!$ae_loc.trusted_access}
>
{#if $lq__event_session_obj?.hide_event_launcher}
<span class="fas fa-toggle-on m-1"></span>
Unhide from Launcher?
{: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 ($lq__event_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>
<div class="flex flex-row gap-1 items-center justify-between">
<div class="flex flex-col gap-1 items-center justify-around">
<div class="flex flex-row gap-1 items-center justify-evenly">
<Element_ae_crud
trigger_patch={ae_triggers.hide_event_launcher}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_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={''}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
<Element_ae_crud
trigger_patch={ae_triggers.priority}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_session_obj?.event_session_id_random}
field_name={'priority'}
field_type={'button'}
field_value={ae_tmp.value__priority}
allow_null={true}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={''}
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: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {($lq__event_session_obj?.hide_event_launcher ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide_event_launcher = !$lq__event_session_obj?.hide_event_launcher;
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {@html $lq__event_session_obj?.priority ? '<span class="fas fa-star m-1"></span> High Priority' : '<span class="far fa-star m-1"></span> Priority not set'} -->
<button
on:click={() => {
ae_tmp.value__priority = !$lq__event_session_obj?.priority;
// $events_slct.exhibit_tracking_obj.hide_event_launcher = !$lq__event_session_obj?.hide_event_launcher;
ae_triggers.hide_event_launcher = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!$lq__event_session_obj?.hide_event_launcher}
class:variant-ringed-warning={$lq__event_session_obj?.hide_event_launcher}
disabled={!$ae_loc.trusted_access}
>
{#if $lq__event_session_obj?.hide_event_launcher}
<span class="fas fa-toggle-on m-1"></span>
Unhide from Launcher?
{: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 ($lq__event_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>
</div>
// $events_slct.exhibit_tracking_obj.priority = !$lq__event_session_obj?.priority;
ae_triggers.priority = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ringed-surface={!$lq__event_session_obj?.priority}
class:variant-ghost-success={$lq__event_session_obj?.priority}
>
{#if $lq__event_session_obj?.priority}
<span class="fas fa-star m-1"></span>
<!-- <span class="fas fa-arrow-down m-1"></span> -->
<span class="hidden">
Not Priority?
</span>
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="far fa-star m-1"></span>
<span class="hidden">
Priority
</span>
?
{/if}
</button>
</Element_ae_crud>
<div class="flex flex-row gap-1 items-center justify-evenly">
<Element_ae_crud
trigger_patch={ae_triggers.priority}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_session_obj?.event_session_id_random}
field_name={'priority'}
field_type={'button'}
field_value={ae_tmp.value__priority}
allow_null={true}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={''}
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: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {@html $lq__event_session_obj?.priority ? '<span class="fas fa-star m-1"></span> High Priority' : '<span class="far fa-star m-1"></span> Priority not set'} -->
<button
on:click={() => {
ae_tmp.value__priority = !$lq__event_session_obj?.priority;
// $events_slct.exhibit_tracking_obj.priority = !$lq__event_session_obj?.priority;
ae_triggers.priority = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ringed-surface={!$lq__event_session_obj?.priority}
class:variant-ghost-success={$lq__event_session_obj?.priority}
>
{#if $lq__event_session_obj?.priority}
<span class="fas fa-star m-1"></span>
<!-- <span class="fas fa-arrow-down m-1"></span> -->
<span class="hidden">
Not Priority?
</span>
{:else}
<!-- <span class="fas fa-toggle-off m-1"></span> -->
<span class="far fa-star m-1"></span>
<span class="hidden">
Priority
</span>
?
{/if}
</button>
</Element_ae_crud>
<Element_ae_crud
trigger_patch={ae_triggers.hide}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_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={''}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
<Element_ae_crud
trigger_patch={ae_triggers.hide}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_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={''}
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: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {($lq__event_session_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide = !$lq__event_session_obj?.hide;
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
});
}}
>
<!-- {($lq__event_session_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
<button
on:click={() => {
ae_tmp.value__hide = !$lq__event_session_obj?.hide;
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
ae_triggers.hide = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!$lq__event_session_obj?.hide}
class:variant-ringed-warning={$lq__event_session_obj?.hide}
disabled={!$ae_loc.trusted_access}
>
{#if $lq__event_session_obj?.hide}
<span class="fas fa-toggle-on m-1"></span>
Unhide?
{: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 ($lq__event_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>
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
ae_triggers.hide = true;
}}
class="btn btn-sm transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={!$lq__event_session_obj?.hide}
class:variant-ringed-warning={$lq__event_session_obj?.hide}
disabled={!$ae_loc.trusted_access}
>
{#if $lq__event_session_obj?.hide}
<span class="fas fa-toggle-on m-1"></span>
Unhide?
{: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 ($lq__event_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>
<!-- Enable/Disable -->
<Element_ae_crud
trigger_patch={ae_triggers.enable}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_session_obj?.event_session_id_random}
field_name={'enable'}
field_type={'button'}
field_value={ae_tmp.value__enable}
allow_null={false}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={''}
on:ae_crud_updated={e => {
console.log(`ae_crud_updated:`, e.detail);
<!-- Enable/Disable -->
<Element_ae_crud
trigger_patch={ae_triggers.enable}
api_cfg={$ae_api}
object_type={'event_session'}
object_id={$lq__event_session_obj?.event_session_id_random}
field_name={'enable'}
field_type={'button'}
field_value={ae_tmp.value__enable}
allow_null={false}
hide_edit_btn={true}
outline_element={false}
show_crud={false}
display_inline={true}
class_li={''}
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: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
});
}}
>
<!-- {($lq__event_session_obj?.enable ? 'Enabled' : 'Disabled')} -->
<button
on:click={() => {
ae_tmp.value__enable = !$lq__event_session_obj?.enable;
events_func.load_ae_obj_id__event_session({
api_cfg: $ae_api,
event_session_id: $lq__event_session_obj?.event_session_id_random,
log_lvl: log_lvl
})
.then(function (load_results) {
// Maybe reload page?
// window.location.reload();
});
}}
>
<!-- {($lq__event_session_obj?.enable ? 'Enabled' : 'Disabled')} -->
<button
on:click={() => {
ae_tmp.value__enable = !$lq__event_session_obj?.enable;
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
ae_triggers.enable = true;
}}
class="btn btn-sm transition-all hover:transition-all"
class:variant-ghost-success={$lq__event_session_obj?.enable}
class:variant-ringed-warning={!$lq__event_session_obj?.enable}
disabled={!$ae_loc.manager_access}
>
{#if $lq__event_session_obj?.enable}
<span class="fas fa-toggle-on m-1"></span>
Enabled
{:else}
<span class="fas fa-toggle-off m-1"></span>
Enable?
{/if}
<!-- {@html ($lq__event_session_obj?.enable ? '<span class="fas fa-toggle-on m-1"></span> Disable?' : '<span class="fas fa-toggle-off m-1"></span> Enable?')} -->
</button>
</Element_ae_crud>
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
ae_triggers.enable = true;
}}
class="btn btn-sm transition-all hover:transition-all"
class:variant-ghost-success={$lq__event_session_obj?.enable}
class:variant-ringed-warning={!$lq__event_session_obj?.enable}
disabled={!$ae_loc.manager_access}
>
{#if $lq__event_session_obj?.enable}
<span class="fas fa-toggle-on m-1"></span>
Enabled
{:else}
<span class="fas fa-toggle-off m-1"></span>
Enable?
{/if}
<!-- {@html ($lq__event_session_obj?.enable ? '<span class="fas fa-toggle-on m-1"></span> Disable?' : '<span class="fas fa-toggle-off m-1"></span> Enable?')} -->
</button>
</Element_ae_crud>
<!-- Sort -->
<!-- Sort -->
<!-- Group -->
<!-- Group -->
</div>
</div>
</div>
<div class="flex flex-col gap-1 items-center">
{#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 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 QR Code?
</button>
{/if}
{/if}
</div>
{#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
class="flex flex-row items-center justify-around w-full"
class:hidden={$events_loc.pres_mgmt.show_menu__session != 'options'}
> -->
<Comp__pres_mgmt_menu_opts
hide={!$ae_loc.authenticated_access}
/>
<!-- </div> -->
</div> <!-- END: The expanded menu area for information and options -->

3
src/routes/events_pres_mgmt/session_view.svelte
View File

@@ -68,7 +68,6 @@ export let lq__event_presentation_obj_li: any;
// Local Variables
let lq__event_presentation_obj = liveQuery(
() => db_events.presentations.get($events_slct.event_presentation_id)
);
@@ -952,8 +951,8 @@ $: if ($lq__event_session_obj) {
{#if $lq__event_presentation_obj_li && $lq__event_presentation_obj_li?.length > 0}
<!-- {$lq__event_presentation_obj_li?.length} Presentations -->
<Comp_event_presentation_obj_li
lq__event_obj={lq__event_obj}
lq__event_presentation_obj_li={lq__event_presentation_obj_li}
log_lvl={log_lvl}
>
<!-- event_presentation_id_random_li={[]} -->
</Comp_event_presentation_obj_li>