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

Made the session menu look nicer.

Browse Source
This commit is contained in:
Scott Idem
2024-08-15 19:52:12 -04:00
parent f674503b21
commit 5208480614
1 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/menu_session_list.svelte
View File

@@ -150,17 +150,34 @@ let hover_timer: any = null;
// console.log(new_url);
// goto(new_url, {replaceState: false});
}}
class="btn btn-sm variant-ghost-primary hover:variant-filled-primary overflow-hidden text-sm w-full max-w-full text-left transition-all rounded-md flex flex-row justify-between items-center"
class="btn btn-sm hover:variant-filled-primary overflow-hidden text-sm w-full max-w-full text-left transition-all rounded-md flex flex-row justify-between items-center"
class:variant-filled-primary={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
class:variant-ghost-secondary={$events_loc.launcher.slct.event_session_id != event_session_obj?.id}
class:font-bold={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
title={event_session_obj?.name}
class:hidden={!$events_loc.launcher.show_content__hidden_sessions && event_session_obj?.hide}
class:dim={event_session_obj?.hide}
title={event_session_obj?.name}
>
<span>
<span class="fas fa-calendar-alt"></span>
<span class="text-xs">
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'week_long')}
<span
class="border-r border-gray-400 pr-1"
>
{#if $events_loc.launcher.slct.event_session_id === event_session_obj?.id}
<span class="fas fa-calendar-check"></span>
{:else}
<span class="fas fa-calendar-alt"></span>
{/if}
<span
class="text-xs"
class:hidden={$events_loc.launcher.slct.event_session_id === event_session_obj?.id}
>
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'week_medium')}
</span>
<span
class="text-xs"
>
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, $events_loc.launcher.time_format)}
</span>
{ae_util.iso_datetime_formatter(event_session_obj?.start_datetime, 'time_us_short_no_leading')}
</span>
<span class="text-xs">
{event_session_obj?.name}