Page clean up. Show less by default.

This commit is contained in:
Scott Idem
2025-07-23 14:22:48 -04:00
parent 1f024d70f3
commit 8504f4b79a
4 changed files with 73 additions and 64 deletions

View File

@@ -94,8 +94,10 @@ let {
<!-- <section class="ae_comp event_presentation_obj_li {container_class_li}"> -->
<h3 class="h5">
<h3 class="h5 border-b-2 border-gray-300/50">
<span class="text-sm text-semibold text-neutral-800/80">
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'}"
@@ -105,12 +107,12 @@ let {
</span>
{#if !$lq__event_presentation_obj_li?.length}
<span class="text-sm text-gray-500 bg-gray-100 p-1 rounded-md border border-gray-200"
>
<span class="text-sm text-gray-500">
<span class="fas fa-exclamation-triangle mx-1"></span>
No presentations available.
No presentations available to show at this time
</span>
{/if}
</span>
</h3>
<!-- Show presentations for this LiveQuery -->
@@ -164,6 +166,17 @@ let {
</div>
<h4 class="h5 rounded-md p-2 bg-gray-200">
<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"
>
{ae_util.iso_datetime_formatter(event_presentation_obj.start_datetime, 'dddd')}
@
<!-- , -->
<!-- {ae_util.iso_datetime_formatter(event_presentation_obj.start_datetime, $events_loc.pres_mgmt.datetime_format)} -->
{ae_util.iso_datetime_formatter(event_presentation_obj.start_datetime, $events_loc.pres_mgmt.time_format)}
</span>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presentation'}
@@ -193,7 +206,9 @@ let {
}}
>
<!-- <strong class="text-sm">Name/Title:</strong> -->
"{event_presentation_obj?.name}"
<span class="italic">
{event_presentation_obj?.name}
</span>
</Element_ae_crud>
<!-- "{event_presentation_obj.name}" -->
@@ -233,11 +248,14 @@ let {
{event_presentation_obj?.code ?? ''} {event_presentation_obj?.abstract_code ?? ''}
</span>
{:else if $ae_loc.trusted_access && $ae_loc.edit_mode}
<strong class="text-sm font-normal"><span class="fas fa-barcode"></span> Code:</strong>
<span class="font-normal"
title="No code provided for this presentation"
>
{@html event_presentation_obj?.code ?? ae_snip.html__not_set}
<span class="text-sm text-semibold text-neutral-800/80">
<span class="fas fa-barcode"></span>
Code:
<span class=""
title="No code provided for this presentation"
>
{@html event_presentation_obj?.code ?? ae_snip.html__not_set}
</span>
</span>
{/if}
</Element_ae_crud>
@@ -245,9 +263,9 @@ let {
</h4>
<div
class:hidden={$events_loc.pres_mgmt.hide__presentation_datetime && !($ae_loc.trusted_access && $ae_loc.edit_mode)}
class:hidden={!($ae_loc.trusted_access && $ae_loc.edit_mode)}
>
<strong class="text-sm">
<span class="text-sm text-semibold text-neutral-800/80">
Date
&
<button
@@ -266,8 +284,8 @@ let {
>
time
</button>
:</strong>
<span class="fas fa-calendar-alt"></span>
:</span>
<span class="fas fa-calendar-alt text-neutral-800/80"></span>
<Element_ae_crud
api_cfg={$ae_api}
object_type={'event_presentation'}
@@ -350,9 +368,9 @@ let {
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});
}}
>
<strong class="text-sm">
<span class="text-sm text-semibold text-neutral-800/80">
Description:
</strong>
</span>
{#if event_presentation_obj?.description}
<button