Moved some files around. Improved style. No longer using other pres_mgmt nav component. Added links to the locations.

This commit is contained in:
Scott Idem
2024-10-17 10:36:03 -04:00
parent 63fea17472
commit a2b7dd9450
13 changed files with 95 additions and 128 deletions

View File

@@ -386,8 +386,8 @@ max-w-max -->
title="View event search or manage files for the event"
>
{#if $events_loc.pres_mgmt.show_content__event_view == 'manage_files'}
<span class="fas fa-info m-1"></span>
<!-- View Details -->
<!-- <span class="fas fa-info m-1"></span> -->
<span class="fas fa-search m-1"></span>
Event Search?
{:else}
<span class="fas fa-file-archive m-1"></span>

View File

@@ -67,7 +67,7 @@ if (!$events_sess.pres_mgmt) {
$: lq__event_obj = liveQuery(async () => {
let results = await db_events.events
.get($events_slct.event_id);
.get(ae_acct.slct.event_id);
return results;
});
@@ -152,6 +152,7 @@ onMount(() => {
>
<Location_page_menu
lq__event_obj={lq__event_obj}
lq__event_location_obj={lq__event_location_obj}
/>

View File

@@ -9,8 +9,10 @@ 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__events_menu_nav from './../../ae_comp__events_menu_nav.svelte';
// export let event_location_id: string;
export let lq__event_obj: any;
export let lq__event_location_obj: any;
// export let lq__auth__event_presenter_obj: any;
@@ -30,14 +32,13 @@ 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/{$lq__event_location_obj?.event_id}" 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__events_menu_nav
hide={!$ae_loc.authenticated_access}
event_id={$lq__event_obj?.event_id}
ae_core={$ae_loc.administrator_access}
events__locations={$ae_loc.trusted_access}
events__session_search={$events_slct.event_id}
/>
<span
class="ae_menu__object_options flex flex-row items-center justify-around"

View File

@@ -35,10 +35,22 @@ if (!$events_loc.pres_mgmt?.location_kv) {
</script>
<section
class="
ae_comp event_location_obj_li
border border-2 border-dashed border-x-red-500 border-y-white
sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-gray-100
px-0.5 py-2 space-y-2
min-w-full
w-full
container overflow-x-scroll {container_class_li}
"
>
<div
class="float-right flex flex-row items-center"
>
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
{#if $ae_loc.administrator_access && $ae_loc.edit_mode}
<button
type="button"
on:click={() => {
@@ -69,9 +81,6 @@ if (!$events_loc.pres_mgmt?.location_kv) {
</div>
<section class="ae_comp event_location_obj_li {container_class_li}">
<h3 class="h5">
Locations:
<span class="font-bold bg-success-100 px-4 border rounded-lg border-success-200"
@@ -147,6 +156,36 @@ if (!$events_loc.pres_mgmt?.location_kv) {
{/if}
</span>
<span class="links">
<a
href="/events/{event_location_obj?.event_id}/location/{event_location_obj?.event_location_id_random}"
class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary transition-all hover:transition-all *:hover:inline text-xs"
title="View this location"
>
<span class="fas fa-map-marker-alt m-1"></span>
<span class="hidden">View</span>
</a>
<a
href="/events/{event_location_obj?.event_id}/launcher/{event_location_obj?.event_location_id_random}"
class="btn btn-sm variant-glass-secondary hover:variant-filled-secondary transition-all hover:transition-all *:hover:inline text-xs"
title="The legacy launcher that not actively being developed. Use with the native launcher for oral sessions."
>
<span class="fas fa-paper-plane m-1"></span>
<span class="hidden">Launcher</span>
</a>
<a
href="/events/{event_location_obj?.event_id}/launcher/{event_location_obj?.event_location_id_random}"
class="btn btn-sm variant-ghost-tertiary hover:variant-filled-secondary transition-all hover:transition-all *:hover:inline text-xs"
title="The new launcher that is actively being developed. Do not use with the native launcher."
>
<span class="fas fa-plane m-1"></span>
<span class="hidden">Dev Launcher</span>
</a>
</span>
<button
type="button"
on:click={() => {

View File

@@ -368,12 +368,12 @@ if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__present
</div>
</div>
{#if
<!-- Show message if the presenter has agreed -->
<!-- {#if
($ae_loc.trusted_access ||
$lq__auth__event_presenter_obj?.agree)
}
<div class="m-1 flex flex-col flex-wrap gap-1 items-center justify-center w-full">
<!-- 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"
@@ -386,7 +386,7 @@ if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__present
mount_reload_sec={1}
/>
</div>
{/if}
{/if} -->
{/if}
{:else}

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 Comp__pres_mgmt_menu_nav from './../../ae_comp__events_menu_nav.svelte';
import Comp__events_menu_nav from './../../ae_comp__events_menu_nav.svelte';
export let lq__event_obj: any;
@@ -28,7 +28,7 @@ let ae_triggers: key_val = {};
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<Comp__pres_mgmt_menu_nav
<Comp__events_menu_nav
hide={!$ae_loc.authenticated_access}
event_id={$lq__event_obj?.event_id}
ae_core={$ae_loc.administrator_access}

View File

@@ -21,7 +21,7 @@ export let events__session_search: boolean = false; // event_id
<!-- This is for common navigation links. -->
<div
class="ae_comp__pres_mgmt_menu_nav flex flex-row items-center justify-around"
class="ae_comp__events_menu_nav flex flex-row items-center justify-around"
class:hidden={hide}
>
<span
@@ -63,7 +63,8 @@ export let events__session_search: boolean = false; // event_id
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!events__session_search}
>
<span class="fas fa-arrow-left m-1"></span>
<!-- <span class="fas fa-arrow-left m-1"></span> -->
<span class="fas fa-search m-1"></span>
Back to Session Search
</a>
@@ -72,7 +73,8 @@ export let events__session_search: boolean = false; // event_id
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!events__session_id}
>
<span class="fas fa-arrow-left m-1"></span>
<!-- <span class="fas fa-arrow-left m-1"></span> -->
<span class="fas fa-chalkboard-teacher m-1"></span>
Back to Session
</a>
</span>

View File

@@ -31,6 +31,18 @@ export let log_lvl: number = 0;
</script>
<section
class="
ae_comp event_presentation_obj_li
border border-2 border-dashed border-x-red-500 border-y-white
sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-gray-100
px-0.5 py-2 space-y-2
min-w-full
w-full
container overflow-x-scroll {container_class_li}
"
>
<div
class="float-right flex flex-row items-center"
>
@@ -68,7 +80,7 @@ export let log_lvl: number = 0;
</div>
<section class="ae_comp event_presentation_obj_li {container_class_li}">
<!-- <section class="ae_comp event_presentation_obj_li {container_class_li}"> -->
<h3 class="h5">

View File

@@ -67,7 +67,8 @@ export let pres_mgmt__session_search: boolean = false; // event_id
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!pres_mgmt__session_search}
>
<span class="fas fa-arrow-left m-1"></span>
<!-- <span class="fas fa-arrow-left m-1"></span> -->
<span class="fas fa-search m-1"></span>
Back to Session Search
</a>
@@ -76,7 +77,8 @@ export let pres_mgmt__session_search: boolean = false; // event_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>
<!-- <span class="fas fa-arrow-left m-1"></span> -->
<span class="fas fa-chalkboard-teacher m-1"></span>
Back to Session
</a>
</span>

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 Comp__pres_mgmt_menu_nav from './ae_comp__pres_mgmt_menu_nav.svelte';
import Comp__events_menu_nav from './../events/ae_comp__events_menu_nav.svelte';
export let lq__event_obj: any;
@@ -28,12 +28,12 @@ let ae_triggers: key_val = {};
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<Comp__pres_mgmt_menu_nav
<Comp__events_menu_nav
hide={!$ae_loc.authenticated_access}
event_id={$lq__event_obj?.event_id}
ae_core={$ae_loc.administrator_access}
pres_mgmt__reports={$ae_loc.trusted_access}
pres_mgmt__locations={$ae_loc.trusted_access}
events__reports={$ae_loc.trusted_access}
events__locations={$ae_loc.trusted_access}
/>
<span

View File

@@ -149,7 +149,7 @@ onMount(() => {
<section
class="
ae_events_pres_mgmt_event_session
md:container
container
flex flex-col gap-1
items-center
justify-start
@@ -377,9 +377,6 @@ onMount(() => {
</section>
<!-- Main modal -->
<Modal
title="Presenter's Profile"
@@ -410,94 +407,5 @@ onMount(() => {
</Modal>
{#if $events_sess.pres_mgmt?.show_form__sign_in}
<div class="ae_quick_modal_container">
<section class="ae_quick_popover">
<div class="flex flex-col items-center">
<!-- <div class="h-4 p-10"> -->
<!-- </div> -->
<section class="ae_modal_scrollfix">
<button
on:click={
() => {
$events_sess.pres_mgmt.show_content__agree_text = null;
}
}
class="btn btn-md variant-soft-secondary hover:variant-filled-secondary float-right"
>
<span class="fas fa-times m-1"></span>
Close
</button>
</section>
<!-- <div class="h-12"> -->
<button
on:click={
() => {
$events_sess.pres_mgmt.show_content__agree_text = null;
}
}
class="btn btn-md variant-soft-secondary hover:variant-filled-secondary"
>
<span class="fas fa-times m-1"></span>
Close
</button>
<!-- </div> -->
</div>
</section>
</div>
{/if}
<style lang="postcss">
/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
div.ae_quick_modal_container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: hsla(0, 0%, 50%, .75);
/* padding: 1rem; */
/* border: solid thick red; */
}
/* The section.ae_quick_popover should be above the rest of the content and centered on the page. */
section.ae_quick_popover {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
background-color: hsla(0, 0%, 97%, .97);
/* margin-top: 1rem;
margin-bottom: 2rem; */
/* padding: 1rem;
padding-top:4rem; */
/* padding-bottom: 4rem; */
border: solid thin hsla(0, 0%, 0%, .9);
border-radius: .5rem;
box-shadow: 0 0 1rem hsla(0, 0%, 0%, .5);
min-height: 30%;
/* max-height: 100vh; */
min-width: 80%;
/* overflow-y: auto; */
}
</style>

View File

@@ -10,7 +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 Sign_in_out from './sign_in_out.svelte';
import Comp__pres_mgmt_menu_nav from './ae_comp__pres_mgmt_menu_nav.svelte';
import Comp__events_menu_nav from './../events/ae_comp__events_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';
@@ -35,11 +35,11 @@ let ae_triggers: key_val = {};
<div
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<Comp__pres_mgmt_menu_nav
<Comp__events_menu_nav
hide={false}
event_id={$lq__event_session_obj?.event_id}
pres_mgmt__session_search={$lq__event_session_obj?.event_id}
pres_mgmt__locations={$ae_loc.administrator_access}
events__session_search={$lq__event_session_obj?.event_id}
events__locations={$ae_loc.administrator_access}
/>
<span

View File

@@ -893,7 +893,9 @@ $: if ($lq__event_session_obj) {
<!-- Presentations in the session -->
<section>
<section
class="w-full"
>
{#await $lq__event_presentation_obj_li}
Loading....