Files
OSIT-AE-App-Svelte/src/lib/elements/element_manage_event_file_li_direct.svelte
2026-03-24 13:27:40 -04:00

117 lines
4.2 KiB
Svelte

<script lang="ts">
interface Props {
log_lvl?: number;
// import { events_func } from '$lib/ae_events/ae_events_functions';
container_class_li?: string | Array<string>;
link_to_type: string;
link_to_id: string;
allow_basic?: boolean;
allow_moderator?: boolean;
display_mode?: string; // 'default', 'compact', 'minimal', 'launcher'
}
let {
log_lvl = 0,
container_class_li = [],
link_to_type,
link_to_id,
allow_basic = false,
allow_moderator = false,
display_mode = 'default'
}: Props = $props();
import { liveQuery } from 'dexie';
import type { key_val } from '$lib/stores/ae_stores';
// import { ae_util } from '$lib/ae_utils/ae_utils';
import Element_manage_event_file_li from '$lib/elements/element_manage_event_file_li.svelte';
// import { core_func } from '$lib/ae_core_functions';
import { db_events } from '$lib/ae_events/db_events';
// import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
// export let show_convert_btn: null|boolean = null;
// let ae_promises: key_val = {};
let ae_tmp: key_val = {};
ae_tmp.show__file_li = true;
ae_tmp.show__direct_download = false;
// let ae_triggers: key_val = {};
// WHY: v_event_file joins event_session only via event_file.event_session_id.
// Files with for_type='event_presenter' have event_session_id=NULL on the file record
// itself, so event_session_type_code is structurally always NULL from the API for these
// files — even if the presenter is in a poster session. Refreshing from the API does not
// help; the view cannot join session type for presenter-linked files.
//
// Solution: derive the session type via the Dexie chain:
// presenter.event_presentation_id → presentation.event_session_id → session.type_code
// Sessions are guaranteed in Dexie because the pres_mgmt layout loads inc_session_li:true.
let lq__context_session_type_code = $derived(
liveQuery(async () => {
if (!link_to_id) return null;
if (link_to_type === 'event_session') {
const session = await db_events.session.get(link_to_id);
return session?.type_code ?? null;
}
if (link_to_type === 'event_presentation') {
const presentation = await db_events.presentation.get(link_to_id);
if (!presentation?.event_session_id) return null;
const session = await db_events.session.get(
presentation.event_session_id
);
return session?.type_code ?? null;
}
if (link_to_type === 'event_presenter') {
const presenter = await db_events.presenter.get(link_to_id);
if (!presenter?.event_presentation_id) return null;
const presentation = await db_events.presentation.get(
presenter.event_presentation_id
);
if (!presentation?.event_session_id) return null;
const session = await db_events.session.get(
presentation.event_session_id
);
return session?.type_code ?? null;
}
return null;
})
);
let dq__where_val: string = `for_type`;
let dq__where_eq_val = $derived(link_to_type);
let dq__where_for_id_eq_val = $derived(link_to_id);
// This should only include files that are directly linked to an object (event, location, session, presenter, etc.).
// I am not sure why, but doing reverse() and then sortBy() seems to sort in descending order.
let lq__event_file_obj_li = $derived(
liveQuery(async () => {
let results = await db_events.file
.where(dq__where_val)
.equals(dq__where_eq_val)
.and((file) => file.for_id == dq__where_for_id_eq_val)
.reverse()
.sortBy('created_on');
// .toArray()
return results;
})
);
</script>
{#await lq__event_file_obj_li}
<p>Loading...</p>
{:then lq__event_file_obj_li}
<Element_manage_event_file_li
{link_to_type}
{link_to_id}
{lq__event_file_obj_li}
{allow_basic}
{allow_moderator}
{container_class_li}
{display_mode}
context_session_type_code={$lq__context_session_type_code ?? null}
{log_lvl} />
{:catch error}
<p style="color: red;">{error.message}</p>
{/await}