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

More work on the new Launcher. Wrapping up for the day.

Browse Source
This commit is contained in:
Scott Idem
2025-07-21 20:36:44 -04:00
parent 2e39c5f67b
commit 1d840052c7
7 changed files with 189 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
View File

@@ -41,6 +41,10 @@ $slct.account_id = data.account_id;
let ae_acct = data[$slct.account_id];
// console.log(`ae_acct = `, ae_acct);
$ae_sess.disable_sys_nav = true;
$ae_sess.disable_sys_header = true;
$ae_sess.disable_sys_footer = true;
// This is a just in case check...
if (!$events_loc?.launcher) {
$events_loc.launcher = {
@@ -92,10 +96,20 @@ let lq__event_obj = $derived(liveQuery(async () => {
return results;
}));
// Event File - For Event
let lq__event_event_file_obj_li = $derived(liveQuery(async () => {
let results = await db_events.files
.where('for_id_random')
.equals($events_slct.event_id ?? '')
.sortBy('filename');
return results;
}));
// Event File - For Location
let lq__location_event_file_obj_li = $derived(liveQuery(async () => {
let results = await db_events.files
// .where('event_session_id_random')
// .where('event_location_id_random')
.where('for_id_random')
.equals($events_slct.event_location_id ?? '')
.sortBy('filename');
@@ -576,11 +590,16 @@ $effect(() => {
</title>
</svelte:head>
<div class="static max-w-(--breakpoint-xl) m-auto border border-gray-200 dark:border-gray-600 mt-12 mb-14 sm:mb-12">
<div
class="
static max-w-(--breakpoint-xl) m-auto border border-gray-200 dark:border-gray-600 mt-12 mb-14 sm:mb-12
h-full
"
>
{#if !$lq__event_obj}
<div class="flex flex-row items-center justify-center">
<div class="flex flex-row gap-1 items-center justify-center">
<span class="fas fa-spinner fa-spin mx-1"></span>
<span>Loading...</span>
</div>
@@ -614,9 +633,10 @@ $effect(() => {
<div
class="
container h-full min-w-full w-full
flex flex-row flex-wrap sm:flex-nowrap gap-0
flex flex-col sm:flex-row flex-wrap sm:flex-nowrap gap-0
items-center
justify-center
py-1 px-2
py-1 px-1
bg-gray-100
"
>
@@ -624,11 +644,14 @@ $effect(() => {
<section
id="Main-Nav-Menu"
class="event_launcher_menu
container h-full flex flex-col gap-2 py-1 px-1
container h-full
flex flex-col flex-wrap gap-1 items-center justify-start py-1 px-0.5
basis-1/5
min-w-72
min-w-56 md:min-w-64 lg:min-w-72
max-w-xs
border-r border-gray-200
border-gray-200
overflow-x-auto
overflow-y-auto
"
class:hidden={$events_loc.launcher.hide__launcher_menu}
>
@@ -643,6 +666,7 @@ $effect(() => {
lq__event_obj={lq__event_obj}
lq__event_event_file_obj_li={lq__event_event_file_obj_li}
lq__location_event_file_obj_li={lq__location_event_file_obj_li}
lq__event_location_obj={lq__event_location_obj}
@@ -669,6 +693,7 @@ $effect(() => {
container h-full flex flex-col gap-1 py-1 px-2
items-center
basis-4/5
min-w-xs
max-w-full
overflow-y-auto
"