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

Prettier for Events as a whole. Everything else under that primary directory.

Browse Source
This commit is contained in:
Scott Idem
2026-03-24 12:16:44 -04:00
parent 6e67534454
commit 6018a94499
11 changed files with 1459 additions and 1465 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,55 +1,61 @@
<script lang="ts">
interface Props {
// Exports
container_class_li?: string | Array<string>;
display_mode?: string; // 'default', 'compact', 'minimal', 'launcher'
// export let link_to_id: string;
lq__event_presentation_obj_li: any;
log_lvl?: number; // Variables
}
interface Props {
// Exports
container_class_li?: string | Array<string>;
display_mode?: string; // 'default', 'compact', 'minimal', 'launcher'
// export let link_to_id: string;
lq__event_presentation_obj_li: any;
log_lvl?: number; // Variables
}
let {
container_class_li = [],
display_mode = 'default',
lq__event_presentation_obj_li,
log_lvl = 0
}: Props = $props();
let {
container_class_li = [],
display_mode = 'default',
lq__event_presentation_obj_li,
log_lvl = 0
}: Props = $props();
// Imports
import { ae_util } from '$lib/ae_utils/ae_utils';
import {
ae_snip,
ae_loc,
ae_sess,
ae_api,
ae_trig,
slct,
slct_trigger
} from '$lib/stores/ae_stores';
import { events_func } from '$lib/ae_events/ae_events_functions';
import {
events_loc,
events_sess,
events_slct,
events_trigger,
events_trig_kv
} from '$lib/stores/ae_events_stores';
import Element_ae_obj_field_editor from '$lib/elements/element_ae_obj_field_editor.svelte';
import Comp_event_presenter_obj_li from '../events/[event_id]/(pres_mgmt)/presenter/ae_comp__event_presenter_obj_li_wrapper.svelte';
import Element_manage_event_file_li_wrap from '$lib/elements/element_manage_event_file_li_all.svelte';
import { Barcode, CalendarDays, Eye, EyeOff, ListOrdered, Plus } from '@lucide/svelte';
// export let link_to_type: string;
// Imports
import { ae_util } from '$lib/ae_utils/ae_utils';
import {
ae_snip,
ae_loc,
ae_sess,
ae_api,
ae_trig,
slct,
slct_trigger
} from '$lib/stores/ae_stores';
import { events_func } from '$lib/ae_events/ae_events_functions';
import {
events_loc,
events_sess,
events_slct,
events_trigger,
events_trig_kv
} from '$lib/stores/ae_events_stores';
import Element_ae_obj_field_editor from '$lib/elements/element_ae_obj_field_editor.svelte';
import Comp_event_presenter_obj_li from '../events/[event_id]/(pres_mgmt)/presenter/ae_comp__event_presenter_obj_li_wrapper.svelte';
import Element_manage_event_file_li_wrap from '$lib/elements/element_manage_event_file_li_all.svelte';
import {
Barcode,
CalendarDays,
Eye,
EyeOff,
ListOrdered,
Plus
} from '@lucide/svelte';
// export let link_to_type: string;
// let ae_promises: key_val = {};
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
// let ae_promises: key_val = {};
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
// *** Functions and Logic
// *** Functions and Logic
</script>
<section
class="ae_comp event_presentation_obj_li px-0.5 py-2 space-y-2 min-w-full w-full container overflow-x-auto {container_class_li}"
>
class="ae_comp event_presentation_obj_li container w-full min-w-full space-y-2 overflow-x-auto px-0.5 py-2 {container_class_li}">
<div class="float-right flex flex-row items-center">
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<button
@@ -77,8 +83,7 @@
log_lvl: 1
});
}}
class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500"
>
class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500">
<Plus size="1em" class="mx-1" />
Add Presentation
</button>
@@ -93,10 +98,9 @@
{#if lq__event_presentation_obj_li?.length}
<span
class="text-3xl font-bold preset-filled-success-100-900 px-4 rounded-lg"
class="preset-filled-success-100-900 rounded-lg px-4 text-3xl font-bold"
title="Count {lq__event_presentation_obj_li.length ??
'None'}"
>
'None'}">
<ListOrdered size="1em" class="mx-4" />
{lq__event_presentation_obj_li.length ?? 'None'}&times;
</span>
@@ -114,8 +118,9 @@
<!-- Show presentations for this LiveQuery -->
<ul class="space-y-4">
{#each lq__event_presentation_obj_li ?? [] as event_presentation_obj (event_presentation_obj.event_presentation_id)}
<li class="space-y-3 border border-surface-200-800 bg-surface-50-900 p-4 rounded-xl shadow-sm transition-colors duration-200">
<div class="float-right space-2 flex flex-row items-center">
<li
class="border-surface-200-800 bg-surface-50-900 space-y-3 rounded-xl border p-4 shadow-sm transition-colors duration-200">
<div class="space-2 float-right flex flex-row items-center">
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
<button
type="button"
@@ -147,21 +152,19 @@
log_lvl: 1
});
}}
class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500"
>
class="btn btn-sm preset-tonal-warning hover:preset-filled-warning-500">
<Plus size="1em" class="mx-1" />
Add Presenter
</button>
{/if}
</div>
<h4 class="text-lg font-bold rounded-lg px-3 py-2 bg-surface-100-900 flex flex-wrap items-center gap-2">
<h4
class="bg-surface-100-900 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2 text-lg font-bold">
<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"
>
$events_loc.pres_mgmt.hide__presentation_datetime}
class="border-r-2 border-gray-800/50 px-1 text-base">
{ae_util.iso_datetime_formatter(
event_presentation_obj.start_datetime,
'dddd'
@@ -182,8 +185,13 @@
field_type={'text'}
current_value={event_presentation_obj?.name}
display_block={true}
on_success={() => events_func.load_ae_obj_id__event_presentation({ api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id, log_lvl: 1 })}
>
on_success={() =>
events_func.load_ae_obj_id__event_presentation({
api_cfg: $ae_api,
event_presentation_id:
event_presentation_obj.event_presentation_id,
log_lvl: 1
})}>
<span class="italic">
{event_presentation_obj?.name}
</span>
@@ -197,28 +205,29 @@
field_type={'text'}
current_value={event_presentation_obj?.code}
display_block={true}
on_success={() => events_func.load_ae_obj_id__event_presentation({ api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id, log_lvl: 1 })}
>
on_success={() =>
events_func.load_ae_obj_id__event_presentation({
api_cfg: $ae_api,
event_presentation_id:
event_presentation_obj.event_presentation_id,
log_lvl: 1
})}>
{#if (event_presentation_obj?.code || event_presentation_obj?.abstract_code) && !$events_loc.pres_mgmt.hide__presentation_code}
<span
class="text-xs preset-tonal-warning px-2 py-0.5 rounded-md leading-none"
title="Presentation code {event_presentation_obj?.code} and abstract code {event_presentation_obj?.abstract_code}"
>
class="preset-tonal-warning rounded-md px-2 py-0.5 text-xs leading-none"
title="Presentation code {event_presentation_obj?.code} and abstract code {event_presentation_obj?.abstract_code}">
<Barcode size="1em" />
{event_presentation_obj?.code ?? ''}
{event_presentation_obj?.abstract_code ??
''}
{event_presentation_obj?.abstract_code ?? ''}
</span>
{:else if $ae_loc.trusted_access && $ae_loc.edit_mode}
<span
class="text-sm text-semibold text-success-800-400"
>
class="text-semibold text-success-800-400 text-sm">
<Barcode size="1em" />
Code:
<span
class=""
title="No code provided for this presentation"
>
title="No code provided for this presentation">
{@html event_presentation_obj?.code ??
ae_snip.html__not_set}
</span>
@@ -231,18 +240,13 @@
<div
class:hidden={!(
$ae_loc.trusted_access && $ae_loc.edit_mode
)}
>
<span
class="text-sm text-semibold text-success-800-400"
>
)}>
<span class="text-semibold text-success-800-400 text-sm">
Date &
<button
type="button"
onclick={() => {
if (
$events_loc.pres_mgmt.time_hours == 12
) {
if ($events_loc.pres_mgmt.time_hours == 12) {
$events_loc.pres_mgmt.time_hours = 24;
$events_loc.pres_mgmt.datetime_format =
'datetime_long';
@@ -255,12 +259,10 @@
$events_loc.pres_mgmt.time_format =
'time_12_short';
}
}}
>
}}>
time
</button>
:</span
>
:</span>
<CalendarDays size="1em" class="text-success-800-400" />
<Element_ae_obj_field_editor
object_type={'event_presentation'}
@@ -268,8 +270,12 @@
field_name={'start_datetime'}
field_type={'datetime'}
current_value={event_presentation_obj.start_datetime}
on_success={() => events_func.load_ae_obj_id__event_presentation({ api_cfg: $ae_api, event_presentation_id: event_presentation_obj?.event_presentation_id })}
>
on_success={() =>
events_func.load_ae_obj_id__event_presentation({
api_cfg: $ae_api,
event_presentation_id:
event_presentation_obj?.event_presentation_id
})}>
{ae_util.iso_datetime_formatter(
event_presentation_obj.start_datetime,
'dddd'
@@ -286,8 +292,12 @@
field_name={'end_datetime'}
field_type={'datetime'}
current_value={event_presentation_obj.end_datetime}
on_success={() => events_func.load_ae_obj_id__event_presentation({ api_cfg: $ae_api, event_presentation_id: event_presentation_obj?.event_presentation_id })}
>
on_success={() =>
events_func.load_ae_obj_id__event_presentation({
api_cfg: $ae_api,
event_presentation_id:
event_presentation_obj?.event_presentation_id
})}>
{ae_util.iso_datetime_formatter(
event_presentation_obj.end_datetime,
$events_loc.pres_mgmt.time_format
@@ -298,8 +308,7 @@
<div
class:hidden={!$events_loc.pres_mgmt
.show_content__presentation_description &&
!($ae_loc.trusted_access && $ae_loc.edit_mode)}
>
!($ae_loc.trusted_access && $ae_loc.edit_mode)}>
<Element_ae_obj_field_editor
object_type={'event_presentation'}
object_id={event_presentation_obj?.event_presentation_id}
@@ -309,11 +318,15 @@
allow_null={true}
display_block={true}
textarea_rows={15}
on_success={() => events_func.load_ae_obj_id__event_presentation({ api_cfg: $ae_api, event_presentation_id: event_presentation_obj.event_presentation_id, log_lvl: 1 })}
>
on_success={() =>
events_func.load_ae_obj_id__event_presentation({
api_cfg: $ae_api,
event_presentation_id:
event_presentation_obj.event_presentation_id,
log_lvl: 1
})}>
<span
class="text-sm text-semibold text-success-800-400"
>
class="text-semibold text-success-800-400 text-sm">
Description:
</span>
@@ -342,8 +355,7 @@
event_presentation_obj.event_presentation_id;
}
}}
class="btn btn-sm preset-tonal-surface hover:preset-filled-surface-500 text-xs"
>
class="btn btn-sm preset-tonal-surface hover:preset-filled-surface-500 text-xs">
{#if $events_sess.pres_mgmt.show_content__presentation_description == event_presentation_obj.event_presentation_id}
<EyeOff size="1em" class="mx-1" />
<span>Hide Description</span>
@@ -354,7 +366,7 @@
</button>
<pre
class="whitespace-pre-wrap p-3 bg-surface-100-900 rounded-lg text-sm"
class="bg-surface-100-900 rounded-lg p-3 text-sm whitespace-pre-wrap"
class:hidden={$events_sess.pres_mgmt
.show_content__presentation_description !==
event_presentation_obj.event_presentation_id}>{event_presentation_obj.description}</pre>
@@ -377,8 +389,7 @@
link_to_type={'event_presentation'}
link_to_id={event_presentation_obj.event_presentation_id}
event_presenter_id_li={[]}
log_lvl={2}
></Comp_event_presenter_obj_li>
log_lvl={2}></Comp_event_presenter_obj_li>
<!-- Show files for this presentation -->
<Element_manage_event_file_li_wrap
@@ -393,8 +404,7 @@
allow_moderator={$events_loc.auth__kv.session[
$events_slct.event_session_id
]}
container_class_li={''}
/>
container_class_li={''} />
</li>
{/each}
</ul>