399 lines
15 KiB
Svelte
399 lines
15 KiB
Svelte
<script lang="ts">
|
|
export let data: any;
|
|
export let log_lvl = 0;
|
|
|
|
import type { key_val } 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 Element_ae_crud from '$lib/element_ae_crud.svelte';
|
|
import Element_data_store from '$lib/element_data_store.svelte';
|
|
import Sign_in_out from './sign_in_out.svelte';
|
|
|
|
export let event_session_id: string;
|
|
export let lq__event_session_obj: any;
|
|
export let lq__auth__event_presenter_obj: any;
|
|
|
|
let ae_tmp: key_val = {};
|
|
let ae_triggers: key_val = {};
|
|
|
|
</script>
|
|
|
|
|
|
<!-- New standard page specific menu 2024-08-01 -->
|
|
<div
|
|
class="pres_mgmt__session_menu {ae_snip.classes__events_pres_mgmt_menu}"
|
|
class:border-gray-100={!$events_loc.pres_mgmt.show_menu__session}
|
|
>
|
|
|
|
<!-- 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>
|
|
|
|
<span
|
|
class="ae_menu__object_options flex flex-row items-center justify-around"
|
|
>
|
|
<!-- Button to toggle between the regular session view and managing session files -->
|
|
<button
|
|
type="button"
|
|
on:click={() => {
|
|
if ($events_loc.pres_mgmt.show_content__session_view == 'manage_files') {
|
|
$events_loc.pres_mgmt.show_content__session_view = null;
|
|
} else {
|
|
$events_loc.pres_mgmt.show_content__session_view = 'manage_files';
|
|
}
|
|
}}
|
|
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
|
|
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
|
|
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__session_view != 'manage_files'}
|
|
class:hidden={!$ae_loc.trusted_access}
|
|
title="Manage files for the session"
|
|
>
|
|
{#if $events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
|
|
<span class="fas fa-users m-1"></span>
|
|
<!-- View Details -->
|
|
Session Presenters?
|
|
{:else}
|
|
<span class="fas fa-file-archive m-1"></span>
|
|
Session Files?
|
|
<!-- <span> -->
|
|
{$lq__event_session_obj?.file_count ? `(${$lq__event_session_obj?.file_count})` : ''}
|
|
<!-- </span> -->
|
|
{/if}
|
|
</button>
|
|
|
|
<button
|
|
type="button"
|
|
on:click={() => {
|
|
if ($events_loc.pres_mgmt.show_menu__session == 'options') {
|
|
$events_loc.pres_mgmt.show_menu__session = null;
|
|
} else {
|
|
$events_loc.pres_mgmt.show_menu__session = 'options';
|
|
}
|
|
}}
|
|
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
|
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session == 'options'}
|
|
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session != 'options'}
|
|
class:hidden={!$ae_loc.trusted_access}
|
|
title="Options for the session"
|
|
>
|
|
<span class="fas fa-cog m-1"></span>
|
|
{#if $events_loc.pres_mgmt.show_menu__session == 'options'}
|
|
Hide
|
|
{:else}
|
|
Show
|
|
{/if}
|
|
Options?
|
|
</button>
|
|
|
|
<button
|
|
type="button"
|
|
on:click={() => {
|
|
if ($events_loc.pres_mgmt.show_menu__session == 'help') {
|
|
$events_loc.pres_mgmt.show_menu__session = null;
|
|
} else {
|
|
$events_loc.pres_mgmt.show_menu__session = 'help';
|
|
}
|
|
}}
|
|
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
|
|
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session == 'help'}
|
|
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session != 'help'}
|
|
title="Help and information about the session"
|
|
>
|
|
<span class="fas fa-question-circle m-1"></span>
|
|
{#if $events_loc.pres_mgmt.show_menu__session == 'help'}
|
|
Hide Help?
|
|
{:else}
|
|
Help?
|
|
{/if}
|
|
</button>
|
|
</span>
|
|
|
|
<span
|
|
class="ae_menu__action_options"
|
|
class:hidden={!$events_loc.auth__person?.id}
|
|
>
|
|
{#if event_session_id}
|
|
<!-- The Sign_in_out component is usually just a button for Sign Out if they are signed in as a POC or presenter. -->
|
|
<Sign_in_out
|
|
data={data}
|
|
event_session_id={event_session_id}
|
|
lq__event_session_obj={lq__event_session_obj}
|
|
lq__auth__event_presenter_obj={lq__auth__event_presenter_obj}
|
|
/>
|
|
{/if}
|
|
</span>
|
|
|
|
|
|
</div> <!-- END: The menu button options -->
|
|
|
|
|
|
<!-- 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:hidden={$events_loc.pres_mgmt.show_menu__session != 'options'}
|
|
>
|
|
|
|
<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={'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
|
|
});
|
|
}}
|
|
>
|
|
<!-- {@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 m-1 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={'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
|
|
});
|
|
}}
|
|
>
|
|
<!-- {($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 m-1 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={'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
|
|
})
|
|
.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"
|
|
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 -->
|
|
|
|
|
|
<!-- Group -->
|
|
|
|
|
|
{#if $ae_loc.authenticated_access}
|
|
{#if $events_loc.pres_mgmt.show_content__session_qr}
|
|
<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
|
|
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}
|
|
|
|
{#if $ae_loc.trusted_access}
|
|
{#if $ae_loc.edit_mode}
|
|
<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
|
|
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> <!-- END: The expanded menu area for information and options -->
|
|
|
|
|
|
<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={$lq__event_session_obj?.event_id_random}
|
|
class_li="bg-yellow-100 border border-yellow-400 p-2 rounded-md max-w-xl"
|
|
show_edit={false}
|
|
show_edit_btn={true}
|
|
hide={$events_loc.pres_mgmt.show_menu__session != 'help'}
|
|
/>
|
|
|
|
<div>
|
|
<button
|
|
type="button"
|
|
on:click={() => {
|
|
$events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
|
|
}}
|
|
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
|
|
class:hidden={!$events_loc.pres_mgmt.show_menu__session}
|
|
title="Collapse the expanded menu"
|
|
>
|
|
<span class="fas fa-chevron-up m-1"></span>
|
|
{#if $events_loc.pres_mgmt.show_menu__session}
|
|
Hide
|
|
<!-- Collapse -->
|
|
{:else}
|
|
Show
|
|
{/if}
|
|
<!-- Menu? -->
|
|
</button>
|
|
</div>
|
|
</div> <!-- End of the new standard page specific menu -->
|