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

36
src/routes/events_pres_mgmt/session_page_menu.svelte
View File

@@ -17,15 +17,16 @@ 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-none={!$events_loc.pres_mgmt.show_menu__session}
>
<!-- The menu button options -->
<!-- BEGIN: The menu button options -->
<div
class="flex flex-row items-center justify-around w-full">
class="flex flex-row flex-wrap gap-1 items-center justify-around w-full">
<span
class="ae_menu__navigation_options"
@@ -47,7 +48,6 @@ let ae_triggers: key_val = {};
} else {
$events_loc.pres_mgmt.show_menu__session = 'options';
}
// $events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:hidden={!$ae_loc.trusted_access}
@@ -70,7 +70,6 @@ let ae_triggers: key_val = {};
} else {
$events_loc.pres_mgmt.show_menu__session = 'help';
}
// $events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
title="Help and information about the session"
@@ -93,12 +92,13 @@ let ae_triggers: key_val = {};
<Sign_in_out data={data} />
</span>
</div> <!-- End of the menu button options -->
</div> <!-- END: The menu button options -->
<!-- The expanded menu area for information and options -->
<!-- BEGIN: The expanded menu area for information and options -->
<div
class="flex flex-row items-center justify-around w-full"
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
@@ -130,8 +130,8 @@ let ae_triggers: key_val = {};
ae_triggers.priority = true;
}}
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}
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>
@@ -179,8 +179,8 @@ let ae_triggers: key_val = {};
ae_triggers.hide = true;
}}
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}
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}
@@ -232,8 +232,8 @@ let ae_triggers: key_val = {};
ae_triggers.enable = true;
}}
class="btn btn-sm"
class:variant-soft-success={$lq__event_session_obj?.enable}
class:variant-soft-warning={!$lq__event_session_obj?.enable}
class:variant-ghost-success={$lq__event_session_obj?.enable}
class:variant-ringed-warning={!$lq__event_session_obj?.enable}
disabled={!$ae_loc.administrator_access}
>
{#if $lq__event_session_obj?.enable}
@@ -260,7 +260,7 @@ let ae_triggers: key_val = {};
on:click={() => {
$ae_loc.edit_mode = false;
}}
class="btn btn-sm variant-soft-success"
class="btn btn-sm variant-ghost-success"
>
<!-- <span class="fas fa-toggle-on m-1"></span> -->
<span class="fas fa-edit m-1"></span>
@@ -271,7 +271,7 @@ let ae_triggers: key_val = {};
on:click={() => {
$ae_loc.edit_mode = true;
}}
class="btn btn-sm variant-soft-warning"
class="btn btn-sm variant-ringed-warning"
>
<span class="fas fa-toggle-off m-1"></span>
<!-- <span class="fas fa-edit m-1"></span> -->
@@ -279,7 +279,7 @@ let ae_triggers: key_val = {};
</button>
{/if}
{/if}
</div>
</div> <!-- END: The expanded menu area for information and options -->
<Element_data_store
ds_code="events__pres_mgmt__session_help"
@@ -287,7 +287,7 @@ let ae_triggers: key_val = {};
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"
class_li="bg-yellow-100 border border-yellow-400 p-2 rounded-md"
show_edit={false}
show_edit_btn={true}
hide={$events_loc.pres_mgmt.show_menu__session != 'help'}
@@ -299,7 +299,7 @@ let ae_triggers: key_val = {};
on:click={() => {
$events_loc.pres_mgmt.show_menu__session = !$events_loc.pres_mgmt.show_menu__session;
}}
class="btn btn-sm m-1 variant-ghost-error hover:variant-filled-error"
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"
>