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

Lots of style improvements. Dark mode is mostly useable now. Work on reports.

Browse Source
This commit is contained in:
Scott Idem
2025-09-16 12:59:20 -04:00
parent 32b6f59245
commit c7b8d49730
14 changed files with 180 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/routes/events/ae_comp__event_presentation_obj_li.svelte
View File

@@ -46,8 +46,9 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
<section
class="
ae_comp event_presentation_obj_li
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
border-1 border-dashed border-y-transparent border-r-transparent
sm:border-l-red-400 md:border-l-yellow-400 lg:border-l-gray-100
sm:dark:border-l-red-600 md:dark:border-l-yellow-600 lg:dark:border-l-gray-700
px-0.5 py-2 space-y-2
min-w-full
w-full
@@ -95,31 +96,34 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
<!-- <section class="ae_comp event_presentation_obj_li {container_class_li}"> -->
<h3 class="h5 border-b-2 border-gray-300/50">
<span class="text-sm text-semibold text-neutral-800/80">
<h3
class="h5 text-success-800-400">
<span class="text-sm">
Presentations:
<span class="font-bold bg-success-100 px-4 border rounded-lg border-success-200"
class:hidden={!$lq__event_presentation_obj_li?.length}
title="Presentations: {$lq__event_presentation_obj_li?.length ?? 'None'}"
{#if $lq__event_presentation_obj_li?.length}
<span
class="text-3xl font-bold preset-filled-success-100-900 px-4 rounded-lg"
title="Count {$lq__event_presentation_obj_li.length ?? 'None'}"
>
<span class="fas fa-chalkboard-teacher m-1"></span>
{@html ($lq__event_presentation_obj_li?.length ? `${$lq__event_presentation_obj_li?.length}&times;` : '')}
<span class="fas fa-list-ol mx-4"></span>
{$lq__event_presentation_obj_li.length ?? 'None'}&times;
</span>
{/if}
{#if !$lq__event_presentation_obj_li?.length}
<!-- {#if !$lq__event_presentation_obj_li?.length}
<span class="text-sm text-gray-500">
<span class="fas fa-exclamation-triangle mx-1"></span>
No presentations available to show at this time
</span>
{/if}
{/if} -->
</span>
</h3>
<!-- Show presentations for this LiveQuery -->
{#if $lq__event_presentation_obj_li?.length}
<ul
class="space-y-4 p-4 m-2 bg-gray-100 rounded-md"
class="space-y-4 p-4 m-2 rounded-md preset-filled-surface-400-600"
>
{#each $lq__event_presentation_obj_li as event_presentation_obj}
<li
@@ -166,7 +170,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
</div>
<h4 class="h5 rounded-md p-2 bg-gray-200">
<h4 class="h5 rounded-md p-2 preset-filled-surface-300-700">
<span
class:hidden={!event_presentation_obj.start_datetime || $events_loc.pres_mgmt.hide__presentation_datetime}
class="text-base border-r-2 border-gray-800/50 px-1"
@@ -249,7 +253,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
{event_presentation_obj?.code ?? ''} {event_presentation_obj?.abstract_code ?? ''}
</span>
{:else if $ae_loc.trusted_access && $ae_loc.edit_mode}
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-success-800-400">
<span class="fas fa-barcode"></span>
Code:
<span class=""
@@ -266,7 +270,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
<div
class:hidden={!($ae_loc.trusted_access && $ae_loc.edit_mode)}
>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-success-800-400">
Date
&
<button
@@ -286,7 +290,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
time
</button>
:</span>
<span class="fas fa-calendar-alt text-neutral-800/80"></span>
<span class="fas fa-calendar-alt text-success-800-400"></span>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presentation'}
@@ -369,7 +373,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
events_func.load_ae_obj_id__event_presentation({api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id_random, log_lvl: 1});
}}
>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-success-800-400">
Description:
</span>