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

Worked on new message for session page view. Wrapping up for the day.

Browse Source
This commit is contained in:
Scott Idem
2024-09-18 19:07:18 -04:00
parent 37c40ff4fc
commit f9e156e862
6 changed files with 153 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/ae_events__event.ts
View File

@@ -279,6 +279,7 @@ export function sync_config__event_pres_mgmt(
pres_mgmt_cfg_local.hide__session_code = pres_mgmt_cfg_remote?.hide__session_code ?? false;
pres_mgmt_cfg_local.hide__session_description = pres_mgmt_cfg_remote?.hide__session_description ?? false;
pres_mgmt_cfg_local.hide__session_location = pres_mgmt_cfg_remote?.hide__session_location ?? false;
pres_mgmt_cfg_local.hide__session_msg = pres_mgmt_cfg_remote?.hide__session_msg ?? false;
pres_mgmt_cfg_local.hide__session_poc_profile = pres_mgmt_cfg_remote?.hide__session_poc_profile ?? false; // This should still allow the POC name to be shown.
pres_mgmt_cfg_local.hide__session_poc_biography = pres_mgmt_cfg_remote?.hide__session_poc_biography ?? false; // New and in progress

2
src/lib/ae_events_stores.ts
View File

@@ -179,7 +179,7 @@ let events_local_data_struct: key_val = {
// Presentation Management
pres_mgmt: {
sync_local_config: true,
sync_local_config: false,
lock_config: false,
datetime_format: 'datetime_12_long',

6
src/lib/element_data_store_v2.svelte
View File

@@ -481,7 +481,7 @@ async function handle_update__data_store(
<div
class="ae__elem__data_store relative {class_li}"
class:hide={hide}
class:hidden={hide}
>
{#if ae_ds_tmp}
@@ -856,7 +856,7 @@ section.edit {
}
*/
.hide {
/* .hide {
display: none;
}
} */
</style>

26
src/routes/events_pres_mgmt/ae_comp__pres_mgmt_menu_opts.svelte
View File

@@ -39,6 +39,32 @@ export let hide: boolean = true;
<div class="flex flex-row flex-wrap gap-1 items-center justify-evenly">
{#if $ae_loc.authenticated_access}
{#if !$events_loc.pres_mgmt.hide__session_msg}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__session_msg = true;
}}
class="btn btn-sm variant-ghost-success"
>
<span class="fas fa-toggle-on m-1"></span>
Showing Session Message
</button>
{:else}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.hide__session_msg = false;
}}
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
Show Session Message?
</button>
{/if}
{/if}
{#if $ae_loc.authenticated_access}
{#if !$events_loc.pres_mgmt.hide__session_code}
<button

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

@@ -5,11 +5,12 @@ let log_lvl = 0;
// console.log(`ae_events_pres_mgmt event [slug] +page.svelte data:`, data);
// Imports
import { Modal } from 'flowbite-svelte';
import { onMount } from 'svelte';
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 Element_data_store from '$lib/element_data_store_v2.svelte';
let ae_promises: key_val = {};
let ae_tmp: key_val = {};
@@ -23,6 +24,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_presenter_form_agree from './../../ae_comp__event_presenter_form_agree.svelte';
import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li_direct.svelte';
import Session_view from './../../session_view.svelte';
import Session_page_menu from './../../session_page_menu.svelte';
@@ -99,6 +101,10 @@ let lq__event_presentation_obj_li = liveQuery(
.sortBy('name')
);
let lq__event_presenter_obj = liveQuery(
() => db_events.presenters.get($events_slct.event_presenter_id)
);
let lq__auth__event_presenter_obj = liveQuery(
() => db_events.presenters.get($events_loc.auth__person.presenter_id ?? null)
);
@@ -165,10 +171,82 @@ onMount(() => {
{@html $lq__event_session_obj?.name ?? ae_snip.html__not_set}
</h2>
<Element_data_store
ds_code="events__pres_mgmt__session_msg"
ds_name="Default: Events - Pres Mgmt Session Message"
ds_type="html"
for_type="event"
for_id={$lq__event_session_obj?.event_id_random}
class_li="w-full max-w-screen-lg text-lg text-blue-500 font-bold text-center p-1 m-auto border border-blue-200 rounded-md bg-blue-100 space-y-2"
hide={$events_loc.pres_mgmt.hide__session_msg || !$ae_loc.authenticated_access}
show_edit={false}
show_edit_btn={true}
/>
<div class="m-1 flex flex-col flex-wrap gap-1 items-center">
{#if $ae_loc.trusted_access || ($events_loc.auth__person.id && $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random]) }
{#if $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] === true}
<h3 class="h3">Welcome {$lq__event_session_obj?.poc_person_full_name ?? 'Session POC'}</h3>
{:else if $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] == 'read'}
<h3 class="h3">Welcome {$lq__auth__event_presenter_obj?.full_name ?? 'Presenter'}</h3>
{/if}
<!-- {#if $ae_loc.trusted_access || $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] || ($events_loc.auth__kv.presenter[$events_slct.event_presenter_id] && $lq__event_presenter_obj?.agree)} -->
{#if
$ae_loc.trusted_access ||
$events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] === true ||
($events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] == 'read' && $lq__auth__event_presenter_obj?.agree)
}
<!-- Message if they have agreed -->
<Element_data_store
ds_code="events__pres_mgmt__session_page_authorized_info"
ds_name="Default: Events - Pres Mgmt Session Authorized Info"
ds_type="html"
for_type="event"
for_id={$lq__event_session_obj?.event_id_random}
class_li="w-fit max-w-screen-lg flex flex-col gap-1"
show_edit={false}
show_edit_btn={true}
mount_reload_sec={1}
/>
{:else if ($events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] == 'read' && !$lq__event_presenter_obj?.agree)}
<!-- Message if they have not yet agreed -->
<Element_data_store
ds_code="events__pres_mgmt__presenter_agree_read_consent"
ds_name="Default: Events - Pres Mgmt Session Restricted Access"
ds_type="html"
for_type="event"
for_id={$lq__event_session_obj?.event_id_random}
class_li="w-fit max-w-screen-lg text-lg text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100 space-y-2"
show_edit={false}
show_edit_btn={true}
/>
{/if}
{:else}
<Element_data_store
ds_code="events__pres_mgmt__session_page_restricted_access"
ds_name="Default: Events - Pres Mgmt Session Restricted Access"
ds_type="html"
for_type="event"
for_id={$lq__event_presenter_obj?.event_id_random}
class_li="w-fit max-w-screen-lg text-xl text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100"
show_edit={false}
show_edit_btn={true}
/>
{/if}
</div>
{#if !$events_loc.pres_mgmt.show_content__session_view || $events_loc.pres_mgmt.show_content__session_view == 'default'}
<Session_view
event_session_id={$lq__event_session_obj?.event_session_id}
lq__event_obj={lq__event_obj}
lq__event_presenter_obj={lq__event_presenter_obj}
lq__event_session_obj={lq__event_session_obj}
lq__auth__event_presenter_obj={lq__auth__event_presenter_obj}
lq__event_presentation_obj_li={lq__event_presentation_obj_li}
@@ -232,6 +310,40 @@ onMount(() => {
</section>
<!-- Main modal -->
<Modal
title="Presenter's Profile"
bind:open={$events_sess.pres_mgmt.show_modal__presenter_agree}
autoclose={false}
class="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
>
<Comp_event_presenter_form_agree
lq__event_presenter_obj={lq__event_presenter_obj}
/>
<svelte:fragment slot="footer">
<div class="text-center w-full">
<button
on:click={() => {
$events_sess.pres_mgmt.show_modal__presenter_agree = false;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
>
<span class="fas fa-times m-1"></span>
Close
</button>
</div>
</svelte:fragment>
</Modal>
{#if $events_sess.pres_mgmt?.show_form__sign_in}
<div class="ae_quick_modal_container">
<section class="ae_quick_popover">

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

@@ -12,7 +12,7 @@ import { Modal } from 'flowbite-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_v2.svelte';
// import Element_data_store from '$lib/element_data_store_v2.svelte';
let ae_promises: key_val = {};
let ae_tmp: key_val = {};
@@ -24,7 +24,7 @@ import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$
import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
import Comp_event_presenter_form_agree from './ae_comp__event_presenter_form_agree.svelte';
// import Comp_event_presenter_form_agree from './ae_comp__event_presenter_form_agree.svelte';
import Comp_event_presentation_obj_li from './ae_comp__event_presentation_obj_li.svelte';
import Comp_event_session_poc_profile from './ae_comp__event_session_poc_profile.svelte';
import Comp_event_session_poc_form_agree from './ae_comp__event_session_poc_form_agree.svelte';
@@ -45,10 +45,10 @@ if (!$events_sess.pres_mgmt) {
$events_sess.pres_mgmt.show_modal__presenter_agree = false;
$events_sess.pres_mgmt.show_content__presenter_start = false;
let poc_type = $events_loc.pres_mgmt.label__session_poc_type;
export let lq__event_obj: any;
// let poc_type = $events_loc.pres_mgmt.label__session_poc_type;
// export let lq__event_obj: any;
export let lq__event_presenter_obj: any; // This is the currently selected presenter.
export let lq__event_session_obj: any;
// let lq__event_session_obj = liveQuery(
@@ -76,9 +76,9 @@ let lq__event_presentation_obj = liveQuery(
// () => db_events.presenters.get($events_slct.auth__event_presenter_id)
// );
let lq__event_presenter_obj = liveQuery(
() => db_events.presenters.get($events_slct.event_presenter_id)
);
// let lq__event_presenter_obj = liveQuery(
// () => db_events.presenters.get($events_slct.event_presenter_id)
// );
$slct.person_obj_kv = {}; // This is intended for the person POC lookup list when generated.
@@ -879,65 +879,6 @@ $: if ($lq__event_session_obj) {
>{$lq__event_session_obj.description}</textarea>
</label> -->
<div class="m-1 flex flex-col flex-wrap gap-1 items-center">
{#if $ae_loc.trusted_access || ($events_loc.auth__person.id && $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random]) }
{#if $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] === true}
<h3 class="h3">Welcome {$lq__event_session_obj?.poc_person_full_name ?? 'Session POC'}</h3>
{:else if $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] == 'read'}
<h3 class="h3">Welcome {$lq__auth__event_presenter_obj?.full_name ?? 'Presenter'}</h3>
{/if}
<!-- {#if $ae_loc.trusted_access || $events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] || ($events_loc.auth__kv.presenter[$events_slct.event_presenter_id] && $lq__event_presenter_obj?.agree)} -->
{#if
$ae_loc.trusted_access ||
$events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] === true ||
($events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] == 'read' && $lq__auth__event_presenter_obj?.agree)
}
<!-- Message if they have agreed -->
<Element_data_store
ds_code="events__pres_mgmt__session_page_authorized_info"
ds_name="Default: Events - Pres Mgmt Session Authorized Info"
ds_type="html"
for_type="event"
for_id={$lq__event_presenter_obj?.event_id_random}
class_li="w-fit max-w-screen-lg flex flex-col gap-1"
show_edit={false}
show_edit_btn={true}
mount_reload_sec={1}
/>
{:else if ($events_loc.auth__kv.session[$lq__event_session_obj?.event_session_id_random] == 'read' && !$lq__event_presenter_obj?.agree)}
<!-- Message if they have not yet agreed -->
<Element_data_store
ds_code="events__pres_mgmt__presenter_agree_read_consent"
ds_name="Default: Events - Pres Mgmt Session Restricted Access"
ds_type="html"
for_type="event"
for_id={$lq__event_presenter_obj?.event_id_random}
class_li="w-fit max-w-screen-lg text-lg text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100 space-y-2"
show_edit={false}
show_edit_btn={true}
/>
{/if}
{:else}
<Element_data_store
ds_code="events__pres_mgmt__session_page_restricted_access"
ds_name="Default: Events - Pres Mgmt Session Restricted Access"
ds_type="html"
for_type="event"
for_id={$lq__event_presenter_obj?.event_id_random}
class_li="w-fit max-w-screen-lg text-xl text-red-500 font-bold text-center p-1 m-1 border border-red-200 rounded-md bg-red-100"
show_edit={false}
show_edit_btn={true}
/>
{/if}
</div>
</section>
@@ -964,35 +905,6 @@ $: if ($lq__event_session_obj) {
{/if}
<!-- Main modal -->
<Modal
title="Presenter's Profile"
bind:open={$events_sess.pres_mgmt.show_modal__presenter_agree}
autoclose={false}
class="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
>
<Comp_event_presenter_form_agree
lq__event_presenter_obj={lq__event_presenter_obj}
/>
<svelte:fragment slot="footer">
<div class="text-center w-full">
<button
on:click={() => {
$events_sess.pres_mgmt.show_modal__presenter_agree = false;
}}
class="btn btn-sm variant-soft-warning hover:variant-ghost-warning"
>
<span class="fas fa-times m-1"></span>
Close
</button>
</div>
</svelte:fragment>
</Modal>
<style lang="postcss">
</style>