Separating out components and functions to make things more modular.

This commit is contained in:
Scott Idem
2024-07-03 17:48:06 -04:00
parent 270a1429f8
commit 4aae2bead4
16 changed files with 528 additions and 119 deletions

View File

@@ -20,12 +20,12 @@ let ae_triggers: key_val = {};
import { liveQuery } from "dexie";
import { core_func } from '$lib/ae_core_functions';
import { db_events } from "$lib/db_events";
import { ae_html, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
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';
import Form_agree from './form_agree.svelte';
import Presenter_view from './presenter_view.svelte';
import Form_agree from '../../form_agree.svelte';
import Presenter_view from '../../presenter_view.svelte';
import Comp_event_presenter_obj_li from '../../ae_comp__event_presenter_obj_li.svelte';
import Element_manage_event_file_li from '$lib/element_manage_event_file_li.svelte';
@@ -333,7 +333,8 @@ $: if ($slct_trigger == 'load__event_file_obj_li') {
events_func.handle_load_ae_obj_li__event_file({
api_cfg: $ae_api,
event_session_id: $events_slct.event_session_id,
for_obj_type: 'event_session',
for_obj_id: $events_slct.event_session_id,
try_cache: false
});
}
@@ -465,49 +466,23 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
>
<div
class="pres_mgmt__session_help flex flex-col items-center space-y-2 border border-blue-200 rounded-md p-2 hover:bg-blue-100"
class="pres_mgmt__session_menu {ae_snip.classes__events_pres_mgmt_menu}"
class:border-none={!$events_loc.pres_mgmt.show_content__session_help}
>
<div>
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_content__session_help = !$events_loc.pres_mgmt.show_content__session_help;
}}
class="btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800"
title="Help and information about the session"
>
<span class="fas fa-question-circle mx-1"></span>
{#if $events_loc.pres_mgmt.show_content__session_help}
Hide
{:else}
Show
{/if}
Help?
</button>
</div>
<Element_data_store
ds_code="events__pres_mgmt__session_help"
ds_name="Default: Events - Pres Mgmt Session Help"
ds_type="html"
for_type="event"
for_id={$events_slct.event_id}
class_li="bg-yellow-100 p-2 rounded-md border border-yellow-200"
show_edit={false}
show_edit_btn={true}
hide={!$events_loc.pres_mgmt.show_content__session_help}
/>
<div>
<a href="/events_pres_mgmt/event/{$events_slct.event_session_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>
<div>
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_content__session_help = !$events_loc.pres_mgmt.show_content__session_help;
}}
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
class:hidden={!$events_loc.pres_mgmt.show_content__session_help}
title="Help and information about the session search"
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
title="Help and information about the session"
>
<span class="fas fa-question-circle mx-1"></span>
{#if $events_loc.pres_mgmt.show_content__session_help}
@@ -517,13 +492,45 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
{/if}
Help?
</button>
</div>
</div>
<Element_data_store
ds_code="events__pres_mgmt__session_help"
ds_name="Default: Events - Pres Mgmt Session Help"
ds_type="html"
for_type="event"
for_id={$events_slct.event_id}
class_li="bg-yellow-100 p-2 rounded-md border border-yellow-200"
show_edit={false}
show_edit_btn={true}
hide={!$events_loc.pres_mgmt.show_content__session_help}
/>
<div>
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_content__session_help = !$events_loc.pres_mgmt.show_content__session_help;
}}
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
class:hidden={!$events_loc.pres_mgmt.show_content__session_help}
title="Help and information about the session search"
>
<span class="fas fa-question-circle mx-1"></span>
{#if $events_loc.pres_mgmt.show_content__session_help}
Hide
{:else}
Show
{/if}
Help?
</button>
</div>
</div>
{#if $events_slct.event_session_id && $lq__event_session_obj}
<h2 class="h2 text-center rounded-md p-2 bg-gray-300">
{@html $lq__event_session_obj?.name ?? ae_html.not_set}
{@html $lq__event_session_obj?.name ?? ae_snip.html__not_set}
</h2>
<!-- Information about the session -->
@@ -641,7 +648,7 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
</Element_ae_crud>
</li>
<li>
<strong class="text-sm">Location/Room:</strong> {@html $lq__event_session_obj.event_location_name ? $lq__event_session_obj.event_location_name : ae_html.not_set}
<strong class="text-sm">Location/Room:</strong> {@html $lq__event_session_obj.event_location_name ? $lq__event_session_obj.event_location_name : ae_snip.html__not_set}
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<Element_ae_crud
@@ -751,7 +758,7 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
<li>
<strong class="text-sm">Moderator/Champion:</strong>
<span title={$lq__event_session_obj?.poc_person_id_random}>
{@html $lq__event_session_obj.poc_person_full_name ? $lq__event_session_obj.poc_person_full_name : ae_html.not_set}
{@html $lq__event_session_obj.poc_person_full_name ? $lq__event_session_obj.poc_person_full_name : ae_snip.html__not_set}
</span>
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
@@ -949,7 +956,7 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
{#if $ae_loc.administrator_access}
<li>
<strong class="text-sm">Session passcode:</strong> {@html $lq__event_session_obj.passcode ? $lq__event_session_obj.passcode : ae_html.not_set}
<strong class="text-sm">Session passcode:</strong> {@html $lq__event_session_obj.passcode ? $lq__event_session_obj.passcode : ae_snip.html__not_set}
</li>
{/if}
@@ -1004,7 +1011,7 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
>{$lq__event_session_obj.description}</pre>
{:else}
{@html ae_html.not_set}
{@html ae_snip.html__not_set}
{/if}
</Element_ae_crud>
</div>
@@ -1382,7 +1389,7 @@ $: if ($slct_trigger == 'load__event_presenter_obj_li') {
>{event_presentation_obj.description}</pre>
{:else}
{@html ae_html.not_set}
{@html ae_snip.html__not_set}
{/if}
<!-- {:else}
<div class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"