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

8
src/lib/e_app_debug_menu.svelte
View File

@@ -198,17 +198,19 @@ hover:opacity-100 -->
id="AE-Quick-Debug"
class="
btn btn-icon
preset-tonal-surface border-sm border-surface-500
text-xs
preset-filled-surface-50-950 preset-outlined-surface-100-900
hover:preset-tonal-warning
transition-all
fixed bottom-2 left-2
text-gray-400 hover:text-gray-800
text-neutral-300 hover:text-neutral-800
dark:text-neutral-700 dark:hover:text-neutral-200
"
title="Turn debug content and styles off and on"
>
<!-- absolute bottom-2 left-2 -->
<!-- fixed bottom-0 left-0 -->
π
&pi;
</button>
</section>

13
src/routes/events/+layout.svelte
View File

@@ -135,12 +135,11 @@ if (browser) {
regionFooter='modal-footer flex justify-between space-x-2'
/> -->
<!-- App Shell -->
<!-- <AppShell
regionPage={($ae_loc.iframe ? 'iframe' : '')}
slotHeader={($ae_loc.iframe ? 'iframe' : '')}
slotFooter={($ae_loc.iframe ? 'iframe' : '')}
> -->
<!-- WARNING: Add these when ready to better enabled dark mode! -->
<!-- bg-gray-50 dark:bg-gray-900 -->
<!-- text-gray-800 dark:text-gray-200 -->
<div
class:iframe={$ae_loc?.iframe}
class="
@@ -148,6 +147,8 @@ if (browser) {
h-full max-h-full max-w-6xl overflow-auto
flex flex-col gap-1
m-auto
bg-gray-50 dark:bg-gray-900
text-gray-800 dark:text-gray-200
"
>

34
src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_li.svelte
View File

@@ -73,29 +73,41 @@ let ae_tmp: key_val = $state({});
</div>
<section class="ae_comp event_presenter_obj_li {container_class_li}">
<section
class="
ae_comp event_presenter_obj_li
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
container overflow-x-scroll {container_class_li}
"
>
<h3
class:hidden={$lq__event_presenter_obj_li?.length < 2 && !$ae_loc.edit_mode}
class="h5 border-b-1 border-gray-300/50"
class="h5 text-success-800-400"
>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm">
Presenters:
<span class="text-sm text-semibold px-4 py-1 bg-success-100-900 border rounded-lg border-success-200"
class:hidden={!$lq__event_presenter_obj_li?.length}
title="Presenters: {$lq__event_presenter_obj_li?.length ?? 'None'}"
{#if $lq__event_presenter_obj_li?.length}
<span
class="text-3xl font-bold preset-filled-success-100-900 px-4 rounded-lg"
title="Count {$lq__event_presenter_obj_li.length ?? 'None'}"
>
<span class="fas fa-user m-1"></span>
{@html ($lq__event_presenter_obj_li?.length ? `${$lq__event_presenter_obj_li?.length}&times;` : '')}
<span class="fas fa-list-ol mx-4"></span>
{$lq__event_presenter_obj_li.length ?? 'None'}&times;
</span>
{/if}
{#if !$lq__event_presenter_obj_li?.length}
<!-- {#if !$lq__event_presenter_obj_li?.length}
<span class="text-sm text-gray-500">
No presenters available to show at this time
</span>
{/if}
{/if} -->
</span>
</h3>

7
src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_tbl.svelte
View File

@@ -122,9 +122,10 @@ function generate_presenter_export_csv(ae_obj_li) {
</span>
{#if $lq__event_presenter_obj_li.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$lq__event_presenter_obj_li.length ?? 'None'}"
>
<span
class="text-3xl font-bold preset-filled-success-100-900 px-4 rounded-lg"
title="Count {$lq__event_presenter_obj_li.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$lq__event_presenter_obj_li.length ?? 'None'}&times;
</span>

2
src/routes/events/[event_id]/presenter/ae_comp__event_presenter_obj_tbl_wrapper.svelte
View File

@@ -123,6 +123,6 @@ let lq__event_presenter_obj_li = $derived(liveQuery(async () => {
</Comp_event_presenter_obj_tbl>
{:else}
<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<p>No presenters available to show. WRAPPER</p>
<p>No presenters available to show in table.</p>
</section>
{/if}

63
src/routes/events/[event_id]/reports/+page.svelte
View File

@@ -571,7 +571,13 @@ async function handle_qry__event_session(
{:else}
<h2 class="h2 text-center rounded-md p-1 px-2 bg-gray-300 flex flex-row gap-0.25 items-center justify-between w-full">
<h2
class="
h2 text-center rounded-md p-1 px-2
preset-filled-surface-400-600 text-neutral-800/90
flex flex-row gap-0.25 items-center justify-between w-full
"
>
<span
class="flex flex-row gap-1 items-center"
>
@@ -691,17 +697,17 @@ async function handle_qry__event_session(
<!-- {#await ae_promises.handle_search__event_presenter}
<span class="fas fa-spinner fa-spin"></span>
{/await} -->
{#if $events_sess.pres_mgmt?.show_report == 'presenters_agree' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
{#if $events_loc.pres_mgmt?.show_report == 'presenters_agree' && $events_sess.pres_mgmt?.status_qry__search == 'loading'}
<span class="fas fa-spinner fa-spin"></span>
{/if}
{#if $events_loc.pres_mgmt.rpt__presenter_agree}
{:else if $events_loc.pres_mgmt.rpt__presenter_agree}
<span class="fas fa-check m-1"></span>
Presenters
Agreed
{:else}
<span class="fas fa-times m-1"></span>
Presenters
{/if}
Presenters
{#if $events_loc.pres_mgmt.rpt__presenter_agree}
Agreed
{:else}
Not Agreed
{/if}
</button>
@@ -718,14 +724,16 @@ async function handle_qry__event_session(
});
$events_loc.pres_mgmt.show_report = 'presenters_biography';
}}
class:hidden={$lq__event_obj?.mod_pres_mgmt_json?.hide__report_kv.presenter_no_bio}
class:hidden={$lq__event_obj?.mod_pres_mgmt_json?.hide__report_kv.presenter_no_bio && !$ae_loc.edit_mode}
class="btn btn-sm preset-tonal-success border border-success-500 hover:preset-filled-success-500 transition-all m-1"
title="Show presenters with bios."
>
{#if $events_sess.pres_mgmt?.show_report == 'presenters_biography' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
{#if $events_loc.pres_mgmt?.show_report == 'presenters_biography' && $events_sess.pres_mgmt?.status_qry__search == 'loading'}
<span class="fas fa-spinner fa-spin"></span>
{:else}
<span class="fas fa-id-card m-1"></span>
<!-- <span class="fas fa-book m-1"></span> -->
{/if}
<span class="fas fa-book m-1"></span>
Presenter Bios
</button>
@@ -741,9 +749,9 @@ async function handle_qry__event_session(
});
$events_loc.pres_mgmt.show_report = 'presenters_overview';
}}
class:hidden={$lq__event_obj?.mod_pres_mgmt_json?.hide__report_kv.presenter_overview || !$ae_loc.administrator_access}
class:hidden={$lq__event_obj?.mod_pres_mgmt_json?.hide__report_kv.presenter_overview}
class="btn btn-sm preset-tonal-success border border-success-500 hover:preset-filled-success-500 transition-all m-1"
title="NOT READY YET: Show overview of presenters' statuses. (for LCI)"
title="Show overview of presenters' statuses. (A work in progress for LCI)"
>
{#if $events_sess.pres_mgmt?.show_report == 'presenters_overview' && $events_sess.pres_mgmt.status_rpt[$events_sess.pres_mgmt?.show_report] == 'loading'}
<span class="fas fa-spinner fa-spin"></span>
@@ -869,24 +877,25 @@ async function handle_qry__event_session(
<!-- All Event Presenter related reports -->
<Reports_presenters
lq__event_obj={lq__event_obj}
event_presenter_obj_li={$events_sess.event_presenter_obj_li}
{#if $events_loc.pres_mgmt.show_report == 'presenters_agree' || $events_loc.pres_mgmt.show_report == 'presenters_biography' || $events_loc.pres_mgmt.show_report == 'presenters_overview'}
<Reports_presenters
lq__event_obj={lq__event_obj}
event_presenter_obj_li={$events_sess.event_presenter_obj_li}
rpt__name={$events_loc.pres_mgmt.show_report}
rpt__sort={$events_loc.pres_mgmt.qry__presenter_sort}
rpt__enabled={$events_loc.pres_mgmt.qry_enabled}
rpt__hidden={$events_loc.pres_mgmt.qry_hidden}
rpt__limit={$events_loc.pres_mgmt.qry_limit__presenters}
rpt__name={$events_loc.pres_mgmt.show_report}
rpt__sort={$events_loc.pres_mgmt.qry__presenter_sort}
rpt__enabled={$events_loc.pres_mgmt.qry_enabled}
rpt__hidden={$events_loc.pres_mgmt.qry_hidden}
rpt__limit={$events_loc.pres_mgmt.qry_limit__presenters}
qry__status={$events_sess.pres_mgmt.status_qry__search}
qry__count={$events_sess.event_presenter_obj_li?.length ?? 0}
bind:qry__status={$events_sess.pres_mgmt.status_qry__search}
qry__count={$events_sess.event_presenter_obj_li?.length ?? 0}
hide_session_code={$events_loc.pres_mgmt?.hide__session_code}
log_lvl={log_lvl}
/>
hide_session_code={$events_loc.pres_mgmt?.hide__session_code}
log_lvl={log_lvl}
/>
{/if}
<!-- Show presenters that have agreed -->
<!-- {#if 1==3 && $events_loc.pres_mgmt.show_report == 'presenters_agree' && $events_sess.event_presenter_obj_li}

9
src/routes/events/[event_id]/reports/event_reports_page_menu.svelte
View File

@@ -98,7 +98,14 @@ let ae_triggers: key_val = {};
<!-- BEGIN: The expanded menu area for information and options -->
<div
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="
flex flex-row items-center justify-around
w-full
p-2 rounded-md
bg-blue-100 hover:bg-blue-200
dark:bg-blue-900 hover:dark:bg-blue-800
border border-blue-200 hover:border-blue-400
"
class:hidden={$events_loc.pres_mgmt.show_menu__event_reports != 'options'}
>

69
src/routes/events/[event_id]/reports/reports_presenters.svelte
View File

@@ -274,10 +274,23 @@ async function handle_search__event_presenter(
<!-- Show presenters that have agreed -->
{#if rpt__name == 'presenters_agree'}
<!-- <div class="overflow-x-auto"> -->
<header class="w-full flex flex-row flex-wrap items-center justify-center gap-1">
<h3 class="h4 text-center">
Presenters {#if $events_loc.pres_mgmt.rpt__presenter_agree}Agreed{:else}Not Agreed{/if}
{event_presenter_obj_li.length ?? 0} found
{#if qry__status == 'loading'}
<span class="fas fa-spinner fa-spin m-1"></span>
<!-- <span>Loading...</span> -->
{:else if $events_loc.pres_mgmt.rpt__presenter_agree}
<span class="fas fa-check m-1"></span>
{:else}
<span class="fas fa-times m-1"></span>
{/if}
Presenters
{#if $events_loc.pres_mgmt.rpt__presenter_agree}Agreed{:else}Not Agreed{/if}
<!-- {event_presenter_obj_li.length ?? 0} -->
</h3>
<div class="flex flex-row items-center justify-center">
<button
type="button"
onclick={() => {
@@ -295,6 +308,7 @@ async function handle_search__event_presenter(
}}
class="ae_btn_info btn btn-sm m-1"
>
{#if $events_loc.pres_mgmt.rpt__presenter_agree}
<!-- <span class="fas fa-check m-1"></span> -->
<span class="fas fa-toggle-on m-1"></span>
@@ -305,37 +319,24 @@ async function handle_search__event_presenter(
Not Agreed
{/if}
</button>
</h3>
<!-- {#if !$events_loc.pres_mgmt.rpt__presenter_agree}
<p class="text-center text-red-500 font-bold">This report is not complete! Some records will be missing from these results. This report is being worked on.</p>
{/if} -->
<!-- bind:event_presenter_id_random_li={event_presenter_id_random_li} -->
<!-- {#if event_presenter_id_random_li && event_presenter_id_random_li?.length } -->
<!-- <Comp_event_presenter_obj_tbl
bind:event_presenter_obj_li={event_presenter_obj_li}
show_presentation_fields={true}
show_session_fields={true}
log_lvl={2}
>
</Comp_event_presenter_obj_tbl> -->
<!-- {:else}
<p class="text-center text-red-500 font-bold">No presenters found for this report.</p>
{/if} -->
</div>
</header>
{/if}
<!-- Show presenters with bios -->
{#if $events_loc.pres_mgmt.show_report == 'presenters_biography'}
<h3 class="h4 text-center">Presenters with Bios</h3>
<!-- <Comp_event_presenter_obj_tbl
bind:event_presenter_obj_li={event_presenter_obj_li}
show_presentation_fields={true}
show_session_fields={true}
log_lvl={log_lvl}
>
</Comp_event_presenter_obj_tbl> -->
<header class="w-full flex flex-row flex-wrap items-center justify-center gap-1">
<h3 class="h4 text-center">
{#if qry__status == 'loading'}
<span class="fas fa-spinner fa-spin m-1"></span>
<!-- <span>Loading...</span> -->
{:else}
<span class="fas fa-id-card m-1"></span>
{/if}
Presenters with Bios
</h3>
</header>
{/if}
@@ -343,12 +344,14 @@ async function handle_search__event_presenter(
{#if $events_loc.pres_mgmt.show_report == 'presenters_overview'}
<header class="w-full flex flex-row flex-wrap items-center justify-center gap-1">
<h3 class="h4 text-center">
{#if qry__status == 'loading'}
<span class="fas fa-spinner fa-spin m-1"></span>
<!-- <span>Loading...</span> -->
{:else}
<span class="fas fa-list m-1"></span>
{/if}
Presenters Overview
</h3>
{#if qry__status == 'loading'}
<span class="fas fa-spinner fa-spin m-1"></span>
<span>Loading...</span>
{/if}
<div class="flex flex-row items-center justify-center">
<!-- Sorting options (presenter name, start_datetime, updated_on) -->

2
src/routes/events/[event_id]/session/[session_id]/+page.svelte
View File

@@ -239,7 +239,7 @@ if (!$ae_loc.authenticated_access && $events_loc.pres_mgmt.show_content__session
class="badge text-sm preset-tonal-tertiary flex flex-col gap-0.25 max-w-fit"
title="Session code {$lq__event_session_obj.code}"
>
<span>
<span class="text-xs text-surface-800-200">
<span class="fas fa-barcode m-1"></span>
code
</span>

30
src/routes/events/[event_id]/session/[session_id]/session_view.svelte
View File

@@ -201,7 +201,7 @@ let clipboard_success = $state(false);
});
}}
>
<span class="text-sm text-semibold text-neutral-800/80">Name/title:</span>
<span class="text-sm text-semibold text-surface-600-400">Name/title:</span>
<span class="font-semibold">
{$lq__event_session_obj.name}
</span>
@@ -236,18 +236,24 @@ let clipboard_success = $state(false);
});
}}
>
<span class="text-sm text-gray-500 bg-yellow-100 p-1 rounded-md border border-yellow-200"
<span
class="
text-sm
bg-yellow-100 dark:bg-yellow-900
border border-yellow-200 dark:border-yellow-800
p-1 rounded-md
"
title="Session code {$lq__event_session_obj.code}"
>
<span class="text-sm text-semibold text-neutral-800/80">code:</span>
<span class="fas fa-barcode"></span>
<span class="text-sm text-semibold text-surface-600-400">code:</span>
<span class="fas fa-barcode text-surface-600-400"></span>
{$lq__event_session_obj.code}
</span>
</Element_ae_crud>
{/if}
</li>
<li>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-surface-600-400">
Date
&
<button
@@ -267,7 +273,7 @@ let clipboard_success = $state(false);
time
</button>
:</span>
<span class="fas fa-calendar-alt text-neutral-800/80"></span>
<span class="fas fa-calendar-alt text-surface-600-400"></span>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_session'}
@@ -324,7 +330,7 @@ let clipboard_success = $state(false);
</Element_ae_crud>
</li>
<li>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-surface-600-400">
Location/room:
</span>
<!-- Minimum level access to see the link here is trusted. Administrators can see even if the show launcher link is disabled. -->
@@ -479,7 +485,7 @@ let clipboard_success = $state(false);
<li
class:hidden={$events_loc.pres_mgmt?.hide__session_poc}
>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-surface-600-400">
{$events_loc.pres_mgmt?.label__session_poc_name}:
</span>
{#if $lq__event_session_obj?.poc_person_id}
@@ -817,10 +823,10 @@ let clipboard_success = $state(false);
{#if $ae_loc.administrator_access}
<li>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-surface-600-400">
Session passcode:
</span>
<span class="fas fa-key"></span>
<span class="fas fa-key text-surface-600-400"></span>
{@html $lq__event_session_obj.passcode ? $lq__event_session_obj.passcode : ae_snip.html__not_set}
<Element_ae_crud
api_cfg={$ae_api}
@@ -879,7 +885,7 @@ let clipboard_success = $state(false);
});
}}
>
<span class="text-sm text-semibold text-neutral-800/80">
<span class="text-sm text-semibold text-surface-600-400">
Session description:
</span>
@@ -902,7 +908,7 @@ let clipboard_success = $state(false);
</button>
<pre
class="whitespace-pre-wrap p-2 bg-gray-100 rounded-md"
class="whitespace-pre-wrap p-2 bg-gray-100 dark:bg-gray-700 rounded-md"
class:hidden={!$events_loc.pres_mgmt.show_content__session_description}
>{$lq__event_session_obj.description}</pre>

13
src/routes/events/ae_comp__event_file_obj_tbl.svelte
View File

@@ -56,17 +56,18 @@ let lq_kv__event_file_obj_li = liveQuery(
</span>
{#if $lq_kv__event_file_obj_li.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$lq_kv__event_file_obj_li.length ?? 'None'}"
>
<span
class="text-3xl font-bold preset-filled-success-100-900 px-4 rounded-lg"
title="Count {$lq_kv__event_file_obj_li.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$lq_kv__event_file_obj_li.length ?? 'None'}×
{$lq_kv__event_file_obj_li.length ?? 'None'}&times;
</span>
{/if}
</h2>
<table
class="table table-auto table-striped w-full text-xs lg:text-sm"
class="table table-auto table-striped w-full text-xs lg:text-sm"
>
<thead
class=""
@@ -152,7 +153,7 @@ let lq_kv__event_file_obj_li = liveQuery(
</span>
<span
class="badge preset-tonal-success hover:preset-filled-success-500 text-sm"
class="badge preset-filled-success-600-400 hover:preset-filled-success-700-300 text-xs"
class:hidden={!event_file_obj?.file_purpose}
>
{event_file_obj?.file_purpose}

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>

15
src/routes/events/ae_comp__event_session_obj_li.svelte
View File

@@ -85,17 +85,18 @@ let ae_triggers: key_val = $state({});
<!-- <section class="ae_h_scrollfix py-2 space-y-2"> -->
<!-- <section class="py-2 space-y-2 xs:max-w-sm lg:max-w-100 container overflow-x-scroll"> -->
<h2 class="h3">
<span class="text-base text-neutral-800/50">
<h2 class="h3 text-success-800-400">
<span class="text-sm">
Sessions:
</span>
{#if $lq__event_session_obj_li?.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$lq__event_session_obj_li?.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4 text-neutral-800/50"></span>
{$lq__event_session_obj_li?.length ?? 'None'}×
<span
class="text-3xl font-bold preset-filled-success-100-900 px-4 rounded-lg"
title="Count {$lq__event_session_obj_li.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$lq__event_session_obj_li.length ?? 'None'}&times;
</span>
{/if}
</h2>

9
src/routes/events/ae_comp__event_session_obj_tbl.svelte
View File

@@ -47,11 +47,12 @@ if (log_lvl) {
</span>
{#if $lq__event_session_obj_li?.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$lq__event_session_obj_li.length ?? 'None'}"
>
<span
class="text-3xl font-bold preset-filled-success-100-900 px-4 rounded-lg"
title="Count {$lq__event_session_obj_li.length ?? 'None'}"
>
<span class="fas fa-list-ol mx-4"></span>
{$lq__event_session_obj_li.length ?? 'None'}×
{$lq__event_session_obj_li.length ?? 'None'}&times;
</span>
{/if}
</h2>