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" id="AE-Quick-Debug"
class=" class="
btn btn-icon 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 hover:preset-tonal-warning
transition-all transition-all
fixed bottom-2 left-2 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" title="Turn debug content and styles off and on"
> >
<!-- absolute bottom-2 left-2 --> <!-- absolute bottom-2 left-2 -->
<!-- fixed bottom-0 left-0 --> <!-- fixed bottom-0 left-0 -->
π &pi;
</button> </button>
</section> </section>

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

@@ -135,12 +135,11 @@ if (browser) {
regionFooter='modal-footer flex justify-between space-x-2' regionFooter='modal-footer flex justify-between space-x-2'
/> --> /> -->
<!-- App Shell -->
<!-- <AppShell
regionPage={($ae_loc.iframe ? 'iframe' : '')} <!-- WARNING: Add these when ready to better enabled dark mode! -->
slotHeader={($ae_loc.iframe ? 'iframe' : '')} <!-- bg-gray-50 dark:bg-gray-900 -->
slotFooter={($ae_loc.iframe ? 'iframe' : '')} <!-- text-gray-800 dark:text-gray-200 -->
> -->
<div <div
class:iframe={$ae_loc?.iframe} class:iframe={$ae_loc?.iframe}
class=" class="
@@ -148,6 +147,8 @@ if (browser) {
h-full max-h-full max-w-6xl overflow-auto h-full max-h-full max-w-6xl overflow-auto
flex flex-col gap-1 flex flex-col gap-1
m-auto 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> </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 <h3
class:hidden={$lq__event_presenter_obj_li?.length < 2 && !$ae_loc.edit_mode} 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: Presenters:
<span class="text-sm text-semibold px-4 py-1 bg-success-100-900 border rounded-lg border-success-200" {#if $lq__event_presenter_obj_li?.length}
class:hidden={!$lq__event_presenter_obj_li?.length} <span
title="Presenters: {$lq__event_presenter_obj_li?.length ?? 'None'}" 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> <span class="fas fa-list-ol mx-4"></span>
{@html ($lq__event_presenter_obj_li?.length ? `${$lq__event_presenter_obj_li?.length}&times;` : '')} {$lq__event_presenter_obj_li.length ?? 'None'}&times;
</span> </span>
{/if}
{#if !$lq__event_presenter_obj_li?.length} <!-- {#if !$lq__event_presenter_obj_li?.length}
<span class="text-sm text-gray-500"> <span class="text-sm text-gray-500">
No presenters available to show at this time No presenters available to show at this time
</span> </span>
{/if} {/if} -->
</span> </span>
</h3> </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> </span>
{#if $lq__event_presenter_obj_li.length} {#if $lq__event_presenter_obj_li.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200" <span
title="Count {$lq__event_presenter_obj_li.length ?? 'None'}" 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> <span class="fas fa-list-ol mx-4"></span>
{$lq__event_presenter_obj_li.length ?? 'None'}&times; {$lq__event_presenter_obj_li.length ?? 'None'}&times;
</span> </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> </Comp_event_presenter_obj_tbl>
{:else} {:else}
<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center"> <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> </section>
{/if} {/if}

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

@@ -571,7 +571,13 @@ async function handle_qry__event_session(
{:else} {: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 <span
class="flex flex-row gap-1 items-center" 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} <!-- {#await ae_promises.handle_search__event_presenter}
<span class="fas fa-spinner fa-spin"></span> <span class="fas fa-spinner fa-spin"></span>
{/await} --> {/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> <span class="fas fa-spinner fa-spin"></span>
{/if} {:else if $events_loc.pres_mgmt.rpt__presenter_agree}
{#if $events_loc.pres_mgmt.rpt__presenter_agree}
<span class="fas fa-check m-1"></span> <span class="fas fa-check m-1"></span>
Presenters
Agreed
{:else} {:else}
<span class="fas fa-times m-1"></span> <span class="fas fa-times m-1"></span>
Presenters {/if}
Presenters
{#if $events_loc.pres_mgmt.rpt__presenter_agree}
Agreed
{:else}
Not Agreed Not Agreed
{/if} {/if}
</button> </button>
@@ -718,14 +724,16 @@ async function handle_qry__event_session(
}); });
$events_loc.pres_mgmt.show_report = 'presenters_biography'; $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" 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." 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> <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} {/if}
<span class="fas fa-book m-1"></span>
Presenter Bios Presenter Bios
</button> </button>
@@ -741,9 +749,9 @@ async function handle_qry__event_session(
}); });
$events_loc.pres_mgmt.show_report = 'presenters_overview'; $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" 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'} {#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> <span class="fas fa-spinner fa-spin"></span>
@@ -869,24 +877,25 @@ async function handle_qry__event_session(
<!-- All Event Presenter related reports --> <!-- All Event Presenter related reports -->
<Reports_presenters {#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'}
lq__event_obj={lq__event_obj} <Reports_presenters
event_presenter_obj_li={$events_sess.event_presenter_obj_li} 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__name={$events_loc.pres_mgmt.show_report}
rpt__sort={$events_loc.pres_mgmt.qry__presenter_sort} rpt__sort={$events_loc.pres_mgmt.qry__presenter_sort}
rpt__enabled={$events_loc.pres_mgmt.qry_enabled} rpt__enabled={$events_loc.pres_mgmt.qry_enabled}
rpt__hidden={$events_loc.pres_mgmt.qry_hidden} rpt__hidden={$events_loc.pres_mgmt.qry_hidden}
rpt__limit={$events_loc.pres_mgmt.qry_limit__presenters} rpt__limit={$events_loc.pres_mgmt.qry_limit__presenters}
qry__status={$events_sess.pres_mgmt.status_qry__search} bind:qry__status={$events_sess.pres_mgmt.status_qry__search}
qry__count={$events_sess.event_presenter_obj_li?.length ?? 0} qry__count={$events_sess.event_presenter_obj_li?.length ?? 0}
hide_session_code={$events_loc.pres_mgmt?.hide__session_code} hide_session_code={$events_loc.pres_mgmt?.hide__session_code}
log_lvl={log_lvl}
/>
log_lvl={log_lvl}
/>
{/if}
<!-- Show presenters that have agreed --> <!-- Show presenters that have agreed -->
<!-- {#if 1==3 && $events_loc.pres_mgmt.show_report == 'presenters_agree' && $events_sess.event_presenter_obj_li} <!-- {#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 --> <!-- BEGIN: The expanded menu area for information and options -->
<div <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'} 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 --> <!-- Show presenters that have agreed -->
{#if rpt__name == 'presenters_agree'} {#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"> <h3 class="h4 text-center">
Presenters {#if $events_loc.pres_mgmt.rpt__presenter_agree}Agreed{:else}Not Agreed{/if} {#if qry__status == 'loading'}
{event_presenter_obj_li.length ?? 0} found <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 <button
type="button" type="button"
onclick={() => { onclick={() => {
@@ -295,6 +308,7 @@ async function handle_search__event_presenter(
}} }}
class="ae_btn_info btn btn-sm m-1" class="ae_btn_info btn btn-sm m-1"
> >
{#if $events_loc.pres_mgmt.rpt__presenter_agree} {#if $events_loc.pres_mgmt.rpt__presenter_agree}
<!-- <span class="fas fa-check m-1"></span> --> <!-- <span class="fas fa-check m-1"></span> -->
<span class="fas fa-toggle-on m-1"></span> <span class="fas fa-toggle-on m-1"></span>
@@ -305,37 +319,24 @@ async function handle_search__event_presenter(
Not Agreed Not Agreed
{/if} {/if}
</button> </button>
</h3> </div>
<!-- {#if !$events_loc.pres_mgmt.rpt__presenter_agree} </header>
<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} -->
{/if} {/if}
<!-- Show presenters with bios --> <!-- Show presenters with bios -->
{#if $events_loc.pres_mgmt.show_report == 'presenters_biography'} {#if $events_loc.pres_mgmt.show_report == 'presenters_biography'}
<h3 class="h4 text-center">Presenters with Bios</h3> <header class="w-full flex flex-row flex-wrap items-center justify-center gap-1">
<h3 class="h4 text-center">
<!-- <Comp_event_presenter_obj_tbl {#if qry__status == 'loading'}
bind:event_presenter_obj_li={event_presenter_obj_li} <span class="fas fa-spinner fa-spin m-1"></span>
show_presentation_fields={true} <!-- <span>Loading...</span> -->
show_session_fields={true} {:else}
log_lvl={log_lvl} <span class="fas fa-id-card m-1"></span>
> {/if}
</Comp_event_presenter_obj_tbl> --> Presenters with Bios
</h3>
</header>
{/if} {/if}
@@ -343,12 +344,14 @@ async function handle_search__event_presenter(
{#if $events_loc.pres_mgmt.show_report == 'presenters_overview'} {#if $events_loc.pres_mgmt.show_report == 'presenters_overview'}
<header class="w-full flex flex-row flex-wrap items-center justify-center gap-1"> <header class="w-full flex flex-row flex-wrap items-center justify-center gap-1">
<h3 class="h4 text-center"> <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 Presenters Overview
</h3> </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"> <div class="flex flex-row items-center justify-center">
<!-- Sorting options (presenter name, start_datetime, updated_on) --> <!-- 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" class="badge text-sm preset-tonal-tertiary flex flex-col gap-0.25 max-w-fit"
title="Session code {$lq__event_session_obj.code}" 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> <span class="fas fa-barcode m-1"></span>
code code
</span> </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"> <span class="font-semibold">
{$lq__event_session_obj.name} {$lq__event_session_obj.name}
</span> </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}" title="Session code {$lq__event_session_obj.code}"
> >
<span class="text-sm text-semibold text-neutral-800/80">code:</span> <span class="text-sm text-semibold text-surface-600-400">code:</span>
<span class="fas fa-barcode"></span> <span class="fas fa-barcode text-surface-600-400"></span>
{$lq__event_session_obj.code} {$lq__event_session_obj.code}
</span> </span>
</Element_ae_crud> </Element_ae_crud>
{/if} {/if}
</li> </li>
<li> <li>
<span class="text-sm text-semibold text-neutral-800/80"> <span class="text-sm text-semibold text-surface-600-400">
Date Date
& &
<button <button
@@ -267,7 +273,7 @@ let clipboard_success = $state(false);
time time
</button> </button>
:</span> :</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 <Element_ae_crud
api_cfg={$ae_api} api_cfg={$ae_api}
object_type={'event_session'} object_type={'event_session'}
@@ -324,7 +330,7 @@ let clipboard_success = $state(false);
</Element_ae_crud> </Element_ae_crud>
</li> </li>
<li> <li>
<span class="text-sm text-semibold text-neutral-800/80"> <span class="text-sm text-semibold text-surface-600-400">
Location/room: Location/room:
</span> </span>
<!-- Minimum level access to see the link here is trusted. Administrators can see even if the show launcher link is disabled. --> <!-- 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 <li
class:hidden={$events_loc.pres_mgmt?.hide__session_poc} 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}: {$events_loc.pres_mgmt?.label__session_poc_name}:
</span> </span>
{#if $lq__event_session_obj?.poc_person_id} {#if $lq__event_session_obj?.poc_person_id}
@@ -817,10 +823,10 @@ let clipboard_success = $state(false);
{#if $ae_loc.administrator_access} {#if $ae_loc.administrator_access}
<li> <li>
<span class="text-sm text-semibold text-neutral-800/80"> <span class="text-sm text-semibold text-surface-600-400">
Session passcode: Session passcode:
</span> </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} {@html $lq__event_session_obj.passcode ? $lq__event_session_obj.passcode : ae_snip.html__not_set}
<Element_ae_crud <Element_ae_crud
api_cfg={$ae_api} 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: Session description:
</span> </span>
@@ -902,7 +908,7 @@ let clipboard_success = $state(false);
</button> </button>
<pre <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} class:hidden={!$events_loc.pres_mgmt.show_content__session_description}
>{$lq__event_session_obj.description}</pre> >{$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> </span>
{#if $lq_kv__event_file_obj_li.length} {#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" <span
title="Count {$lq_kv__event_file_obj_li.length ?? 'None'}" 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> <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> </span>
{/if} {/if}
</h2> </h2>
<table <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 <thead
class="" class=""
@@ -152,7 +153,7 @@ let lq_kv__event_file_obj_li = liveQuery(
</span> </span>
<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} class:hidden={!event_file_obj?.file_purpose}
> >
{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 <section
class=" class="
ae_comp event_presentation_obj_li ae_comp event_presentation_obj_li
border-2 border-dashed border-x-red-500 border-y-white border-1 border-dashed border-y-transparent border-r-transparent
sm:border-x-red-400 md:border-x-yellow-400 lg:border-x-gray-100 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 px-0.5 py-2 space-y-2
min-w-full min-w-full
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}"> --> <!-- <section class="ae_comp event_presentation_obj_li {container_class_li}"> -->
<h3 class="h5 border-b-2 border-gray-300/50"> <h3
<span class="text-sm text-semibold text-neutral-800/80"> class="h5 text-success-800-400">
<span class="text-sm">
Presentations: Presentations:
<span class="font-bold bg-success-100 px-4 border rounded-lg border-success-200" {#if $lq__event_presentation_obj_li?.length}
class:hidden={!$lq__event_presentation_obj_li?.length} <span
title="Presentations: {$lq__event_presentation_obj_li?.length ?? 'None'}" 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> <span class="fas fa-list-ol mx-4"></span>
{@html ($lq__event_presentation_obj_li?.length ? `${$lq__event_presentation_obj_li?.length}&times;` : '')} {$lq__event_presentation_obj_li.length ?? 'None'}&times;
</span> </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="text-sm text-gray-500">
<span class="fas fa-exclamation-triangle mx-1"></span> <span class="fas fa-exclamation-triangle mx-1"></span>
No presentations available to show at this time No presentations available to show at this time
</span> </span>
{/if} {/if} -->
</span> </span>
</h3> </h3>
<!-- Show presentations for this LiveQuery --> <!-- Show presentations for this LiveQuery -->
{#if $lq__event_presentation_obj_li?.length} {#if $lq__event_presentation_obj_li?.length}
<ul <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} {#each $lq__event_presentation_obj_li as event_presentation_obj}
<li <li
@@ -166,7 +170,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
</div> </div>
<h4 class="h5 rounded-md p-2 bg-gray-200"> <h4 class="h5 rounded-md p-2 preset-filled-surface-300-700">
<span <span
class:hidden={!event_presentation_obj.start_datetime || $events_loc.pres_mgmt.hide__presentation_datetime} 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" 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 ?? ''} {event_presentation_obj?.code ?? ''} {event_presentation_obj?.abstract_code ?? ''}
</span> </span>
{:else if $ae_loc.trusted_access && $ae_loc.edit_mode} {: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> <span class="fas fa-barcode"></span>
Code: Code:
<span class="" <span class=""
@@ -266,7 +270,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
<div <div
class:hidden={!($ae_loc.trusted_access && $ae_loc.edit_mode)} 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 Date
& &
<button <button
@@ -286,7 +290,7 @@ import Element_manage_event_file_li_wrap from '$lib/element_manage_event_file_li
time time
</button> </button>
:</span> :</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 <Element_ae_crud
api_cfg={$ae_api} api_cfg={$ae_api}
object_type={'event_presentation'} 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}); 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: Description:
</span> </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="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"> --> <!-- <section class="py-2 space-y-2 xs:max-w-sm lg:max-w-100 container overflow-x-scroll"> -->
<h2 class="h3"> <h2 class="h3 text-success-800-400">
<span class="text-base text-neutral-800/50"> <span class="text-sm">
Sessions: Sessions:
</span> </span>
{#if $lq__event_session_obj_li?.length} {#if $lq__event_session_obj_li?.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200" <span
title="Count {$lq__event_session_obj_li?.length ?? 'None'}" 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 text-neutral-800/50"></span> >
{$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> </span>
{/if} {/if}
</h2> </h2>

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

@@ -47,11 +47,12 @@ if (log_lvl) {
</span> </span>
{#if $lq__event_session_obj_li?.length} {#if $lq__event_session_obj_li?.length}
<span class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200" <span
title="Count {$lq__event_session_obj_li.length ?? 'None'}" 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> <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> </span>
{/if} {/if}
</h2> </h2>