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

Going live with the new menu after some testing.

Browse Source
This commit is contained in:
Scott Idem
2024-08-01 16:33:03 -04:00
parent cf9f914412
commit e7b7948b06
1 changed files with 61 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -230,7 +230,7 @@ onMount(() => {
class="ae_menu__navigation_options" class="ae_menu__navigation_options"
> >
<a href="/events_pres_mgmt/event/{$events_slct.event_session_obj.event_id_random}" class="{ae_snip.classes__events_pres_mgmt_menu__button}"> <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> <span class="fas fa-arrow-left m-1"></span>
Back to Session Search Back to Session Search
</a> </a>
</span> </span>
@@ -249,9 +249,10 @@ onMount(() => {
// $events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session; // $events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
}} }}
class="{ae_snip.classes__events_pres_mgmt_menu__button}" class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!$ae_loc.trusted_access}
title="Options for the session" title="Options for the session"
> >
<span class="fas fa-cog mx-1"></span> <span class="fas fa-cog m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session == 'options'} {#if $events_loc.pres_mgmt.show_menu__session == 'options'}
Hide Hide
{:else} {:else}
@@ -273,7 +274,7 @@ onMount(() => {
class="{ae_snip.classes__events_pres_mgmt_menu__button}" class="{ae_snip.classes__events_pres_mgmt_menu__button}"
title="Help and information about the session" title="Help and information about the session"
> >
<span class="fas fa-question-circle mx-1"></span> <span class="fas fa-question-circle m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session == 'help'} {#if $events_loc.pres_mgmt.show_menu__session == 'help'}
Hide Hide
{:else} {:else}
@@ -285,6 +286,7 @@ onMount(() => {
<span <span
class="ae_menu__action_options" class="ae_menu__action_options"
class:hidden={!$events_loc.auth__person?.id}
> >
<!-- The Sign_in_out component is usually just a button for Sign Out if they are signed in as a POC or presenter. --> <!-- 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} /> <Sign_in_out data={data} />
@@ -318,7 +320,7 @@ onMount(() => {
events_func.handle_load_ae_obj_id__event_session({api_cfg: $ae_api, event_session_id: $lq__event_session_obj?.event_session_id_random, log_lvl: 1}); events_func.handle_load_ae_obj_id__event_session({api_cfg: $ae_api, event_session_id: $lq__event_session_obj?.event_session_id_random, log_lvl: 1});
}} }}
> >
{@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'} <!-- {@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 <button
on:click={() => { on:click={() => {
ae_tmp.value__priority = !$lq__event_session_obj?.priority; ae_tmp.value__priority = !$lq__event_session_obj?.priority;
@@ -326,9 +328,24 @@ onMount(() => {
// $events_slct.exhibit_tracking_obj.priority = !$lq__event_session_obj?.priority; // $events_slct.exhibit_tracking_obj.priority = !$lq__event_session_obj?.priority;
ae_triggers.priority = true; ae_triggers.priority = true;
}} }}
class="btn btn-sm variant-soft-warning" class="btn btn-sm m-1 transition-all hover:transition-all *:hover:inline"
class:variant-soft-success={!$lq__event_session_obj?.priority}
class:variant-soft-warning={$lq__event_session_obj?.priority}
> >
{@html ($lq__event_session_obj?.priority ? '<span class="fas fa-arrow-down m-1"></span> Not Priority?' : '<span class="fas fa-star m-1"></span> High?')} {#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> </button>
</Element_ae_crud> </Element_ae_crud>
@@ -352,7 +369,7 @@ onMount(() => {
events_func.handle_load_ae_obj_id__event_session({api_cfg: $ae_api, event_session_id: $lq__event_session_obj?.event_session_id_random, log_lvl: 1}); events_func.handle_load_ae_obj_id__event_session({api_cfg: $ae_api, event_session_id: $lq__event_session_obj?.event_session_id_random, log_lvl: 1});
}} }}
> >
{($lq__event_session_obj?.hide ? 'Hidden' : 'Not Hidden')} <!-- {($lq__event_session_obj?.hide ? 'Hidden' : 'Not Hidden')} -->
<button <button
on:click={() => { on:click={() => {
ae_tmp.value__hide = !$lq__event_session_obj?.hide; ae_tmp.value__hide = !$lq__event_session_obj?.hide;
@@ -360,9 +377,22 @@ onMount(() => {
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide; // $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
ae_triggers.hide = true; ae_triggers.hide = true;
}} }}
class="btn btn-sm variant-soft-warning" class="btn btn-sm m-1 transition-all hover:transition-all *:hover:inline"
class:variant-soft-success={!$lq__event_session_obj?.hide}
class:variant-soft-warning={$lq__event_session_obj?.hide}
disabled={!$ae_loc.trusted_access}
> >
{@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?')} {#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> </button>
</Element_ae_crud> </Element_ae_crud>
@@ -392,7 +422,7 @@ onMount(() => {
}); });
}} }}
> >
{($lq__event_session_obj?.enable ? 'Enabled' : 'Disabled')} <!-- {($lq__event_session_obj?.enable ? 'Enabled' : 'Disabled')} -->
<button <button
on:click={() => { on:click={() => {
ae_tmp.value__enable = !$lq__event_session_obj?.enable; ae_tmp.value__enable = !$lq__event_session_obj?.enable;
@@ -400,10 +430,19 @@ onMount(() => {
// $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide; // $events_slct.exhibit_tracking_obj.hide = !$lq__event_session_obj?.hide;
ae_triggers.enable = true; ae_triggers.enable = true;
}} }}
class="btn btn-sm variant-soft-warning" class="btn btn-sm"
class:variant-soft-success={$lq__event_session_obj?.enable}
class:variant-soft-warning={!$lq__event_session_obj?.enable}
disabled={!$ae_loc.administrator_access}
> >
{#if $lq__event_session_obj?.enable}
{@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?')} <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> </button>
</Element_ae_crud> </Element_ae_crud>
@@ -422,7 +461,8 @@ onMount(() => {
}} }}
class="btn btn-sm variant-soft-success" class="btn btn-sm variant-soft-success"
> >
<span class="fas fa-toggle-on mx-1"></span> <!-- <span class="fas fa-toggle-on m-1"></span> -->
<span class="fas fa-edit m-1"></span>
Edit Mode On Edit Mode On
</button> </button>
{:else} {:else}
@@ -432,7 +472,8 @@ onMount(() => {
}} }}
class="btn btn-sm variant-soft-warning" class="btn btn-sm variant-soft-warning"
> >
<span class="fas fa-toggle-off mx-1"></span> <span class="fas fa-toggle-off m-1"></span>
<!-- <span class="fas fa-edit m-1"></span> -->
Edit Mode? Edit Mode?
</button> </button>
{/if} {/if}
@@ -457,11 +498,11 @@ onMount(() => {
on:click={() => { on:click={() => {
$events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session; $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="btn btn-sm m-1 variant-ghost-error hover:variant-filled-error"
class:hidden={!$events_loc.pres_mgmt.show_menu__session} class:hidden={!$events_loc.pres_mgmt.show_menu__session}
title="Collapse the expanded menu" title="Collapse the expanded menu"
> >
<span class="fas fa-chevron-up mx-1"></span> <span class="fas fa-chevron-up m-1"></span>
{#if $events_loc.pres_mgmt.show_menu__session} {#if $events_loc.pres_mgmt.show_menu__session}
Hide Hide
<!-- Collapse --> <!-- Collapse -->
@@ -474,7 +515,7 @@ onMount(() => {
</div> <!-- End of the new standard page specific menu --> </div> <!-- End of the new standard page specific menu -->
{#if !$lq__event_session_obj} {#if !$lq__event_session_obj}
<span class="fas fa-spinner fa-spin mx-1"></span> <span class="fas fa-spinner fa-spin m-1"></span>
<span>Loading...</span> <span>Loading...</span>
{:else} {:else}
<!-- {$lq__event_session_obj?.name} --> <!-- {$lq__event_session_obj?.name} -->
@@ -507,7 +548,7 @@ onMount(() => {
} }
class="btn btn-md variant-soft-secondary hover:variant-filled-secondary float-right" class="btn btn-md variant-soft-secondary hover:variant-filled-secondary float-right"
> >
<span class="fas fa-times mx-1"></span> <span class="fas fa-times m-1"></span>
Close Close
</button> </button>
@@ -526,7 +567,7 @@ onMount(() => {
} }
class="btn btn-md variant-soft-secondary hover:variant-filled-secondary" class="btn btn-md variant-soft-secondary hover:variant-filled-secondary"
> >
<span class="fas fa-times mx-1"></span> <span class="fas fa-times m-1"></span>
Close Close
</button> </button>
<!-- </div> --> <!-- </div> -->