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

The session and presenter headers both look good.

Browse Source
This commit is contained in:
Scott Idem
2024-08-01 18:56:28 -04:00
parent e0e380e450
commit 98d09bac76
5 changed files with 213 additions and 433 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/routes/events_pres_mgmt/presenter/[slug]/+page.svelte
View File

@@ -19,6 +19,7 @@ import { events_func } from '$lib/ae_events_functions';
import Form_agree from './../../form_agree.svelte';
import Presenter_view from './../../presenter_view.svelte';
import Presenter_page_menu from './../../presenter_page_menu.svelte';
// Exports
export let display_mode: string = 'default'; // 'default', 'compact', 'minimal', 'launcher'
@@ -56,120 +57,14 @@ let lq__event_presenter_obj = liveQuery(
<section
class="ae_events_pres_mgmt_event_presenter md:container h-full mx-auto flex flex-col space-y-4 pt-0 pb-8"
class="ae_events_pres_mgmt_event_presenter md:container h-full mx-auto flex flex-col gap-1 py-1 px-2 pb-16"
>
<div
class="pres_mgmt__presenter_view_menu {ae_snip.classes__events_pres_mgmt_menu}"
class:border-none={!$events_loc.pres_mgmt.show_content__presenter_page_help}
>
<div>
<a href="/events_pres_mgmt/event/{$events_slct.event_presenter_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>
<a href="/events_pres_mgmt/session/{$events_slct.event_presenter_obj.event_session_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}">
<span class="fas fa-arrow-left mx-1"></span>
Back to Session
</a>
{#if $lq__event_presenter_obj?.agree}
<!-- {#if $ae_loc.trusted_access || $events_loc.auth__kv.presenter[$events_slct.event_presenter_obj.event_presenter_id_random]} -->
<button
type="button"
disabled={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$events_slct.event_presenter_obj.event_presenter_id_random]}
on:click={
() => {
$events_slct.event_presentation_id = $events_slct.event_presenter_obj.event_presentation_id_random;
$events_slct.event_presentation_obj = $events_slct.event_presentation_obj;
$events_slct.event_presenter_id = $events_slct.event_presenter_obj.event_presenter_id_random;
$events_slct.event_presenter_obj = $events_slct.event_presenter_obj;
$events_sess.pres_mgmt.show_content__agree_text = $events_slct.event_presenter_obj.event_presenter_id_random;
}
}
class="{ae_snip.classes__events_pres_mgmt_menu__button} hover:variant-filled-success"
title="Agreed to terms and conditions"
>
<span class="fas fa-check text-green-500 px-1" title="Agreed to terms and conditions"></span>
Agreed
</button>
{:else}
<button
type="button"
disabled={!$ae_loc.trusted_access && !$events_loc.auth__kv.presenter[$events_slct.event_presenter_obj.event_presenter_id_random]}
on:click={
() => {
$events_slct.event_presentation_id = $events_slct.event_presenter_obj.event_presentation_id_random;
$events_slct.event_presentation_obj = $events_slct.event_presentation_obj;
$events_slct.event_presenter_id = $events_slct.event_presenter_obj.event_presenter_id_random;
$events_slct.event_presenter_obj = $events_slct.event_presenter_obj;
$events_sess.pres_mgmt.show_content__agree_text = $events_slct.event_presenter_obj.event_presenter_id_random;
}
}
class="{ae_snip.classes__events_pres_mgmt_menu__button_warning} hover:variant-filled-warning"
title="View terms and conditions"
>
<span class="fas fa-times bg-red-500 text-white px-1 mx-1" title="Not agreed to terms and conditions"></span>
Not yet agreed
</button>
{/if}
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_content__presenter_page_help = !$events_loc.pres_mgmt.show_content__presenter_page_help;
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
title="Help and information about the session search"
>
<span class="fas fa-question-circle mx-1"></span>
{#if $events_loc.pres_mgmt.show_content__presenter_page_help}
Hide
{:else}
Show
{/if}
Help?
</button>
</div>
<Element_data_store
ds_code="events__pres_mgmt__presenter_page_help"
ds_name="Default: Events - Pres Mgmt Presenter Page 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__presenter_page_help}
/>
<div>
<button
type="button"
on:click={() => {
$events_loc.pres_mgmt.show_content__presenter_page_help = !$events_loc.pres_mgmt.show_content__presenter_page_help;
}}
class="btn btn-sm mx-1 variant-ghost-error hover:variant-filled-error"
class:hidden={!$events_loc.pres_mgmt.show_content__presenter_page_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__presenter_page_help}
Hide
{:else}
Show
{/if}
Help?
</button>
</div>
</div>
<Presenter_page_menu
data={data}
lq__event_presenter_obj={lq__event_presenter_obj}
/>
{#if !$lq__event_presenter_obj}
<span class="fas fa-spinner fa-spin mx-1"></span>
@@ -248,7 +143,7 @@ let lq__event_presenter_obj = liveQuery(
<style lang="postcss">
/* Use the div.ae_quick_modal_container to block background clicks when using the section.ae_quick_popover. */
/* Use the div.ae_quick_modal_container to block background clicks when ung the section.ae_quick_popover. */
div.ae_quick_modal_container {
position: fixed;
top: 0;