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

Lot of updates to Svelte 5 syntax

Browse Source
This commit is contained in:
Scott Idem
2025-07-23 16:21:27 -04:00
parent 8504f4b79a
commit 4861ae0499
41 changed files with 998 additions and 1079 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/events/[event_id]/(launcher)/launcher/[event_location_id]/+page.svelte
View File

@@ -1,27 +1,32 @@
<script lang="ts">
/** @type {import('./$types').PageData} */
export let data: any;
interface Props {
/** @type {import('./$types').PageData} */
data: any;
}
let { data }: Props = $props();
// Imports
import { browser } from '$app/environment';
import { onMount } from 'svelte';
// import { browser } from '$app/environment';
// import { onMount } from 'svelte';
// import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
// import { ae_util } from '$lib/ae_utils/ae_utils';
// import { api } from '$lib/api';
// import Element_ae_crud from '$lib/element_ae_crud.svelte';
// import Element_data_store from '$lib/element_data_store_v2.svelte';
import { liveQuery } from "dexie";
// import { liveQuery } from "dexie";
// import { core_func } from '$lib/ae_core_functions';
// import { db_core } from "$lib/db_core";
import { db_events } from "$lib/ae_events/db_events";
// import { db_events } from "$lib/ae_events/db_events";
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { events_loc, events_sess, events_slct, events_trigger, events_trig } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
// import { events_func } from '$lib/ae_events_functions';
import { kill_processes, open_local_file_v2, run_cmd, run_cmd_sync, run_osascript, get_device_info } from '$lib/electron_relay.js';
// import Event_launcher_menu from '../../launcher_menu.svelte';
// import Event_launcher_session_view from '../../launcher_session_view.svelte';

32
src/routes/events/[event_id]/(launcher)/launcher_cfg.svelte
View File

@@ -1,5 +1,10 @@
<script lang="ts">
export let log_lvl: number = 0;
interface Props {
log_lvl?: number;
}
let { log_lvl = 0 }: Props = $props();
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger, time } from '$lib/ae_stores';
import { events_loc, events_sess, events_slct, events_trigger, events_trig } from '$lib/ae_events_stores';
@@ -15,10 +20,11 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
</h2>
<button
on:click={() => ($events_loc.launcher.hide_drawer__cfg = true)}
onclick={() => ($events_loc.launcher.hide_drawer__cfg = true)}
class="pb-4 pl-4 dark:text-white"
>
<span class="fas fa-times"></span>
<span class="sr-only">Close Config</span>
</button>
</div>
@@ -30,7 +36,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
class="text-center mb-4 text-sm font-semibold"
>
<button
on:click={() => {
onclick={() => {
$events_loc.launcher.show_section__controller = !$events_loc.launcher.show_section__controller;
}}
class="ae_btn btn_sm btn_seamless"
@@ -70,7 +76,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
bind:value={$events_loc.launcher.controller_group_code}
placeholder="Controller group code"
class="input"
on:dblclick={() => {
ondblclick={() => {
$events_sess.launcher.controller_unlock_group_code = !$events_sess.launcher.controller_unlock_group_code;
$events_loc.launcher.ws_connect = false;
@@ -79,7 +85,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
>
<button
on:click={() => {
onclick={() => {
$events_loc.launcher.ws_connect = !$events_loc.launcher.ws_connect;
$events_sess.launcher.controller_unlock_group_code = false;
$events_sess.launcher.controller_cmd = null,
@@ -100,7 +106,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if $events_loc.launcher.ws_connect}
<button
on:click={() => {
onclick={() => {
$events_sess.launcher.controller_unlock_group_code = false;
$events_sess.launcher.controller_cmd = 'ae_refresh:now';
$events_sess.launcher.controller_trigger_send = 'trigger';
@@ -146,7 +152,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
class="text-center mb-4 text-sm font-semibold"
>
<button
on:click={() => {
onclick={() => {
$events_loc.launcher.show_section__app_modes = !$events_loc.launcher.show_section__app_modes;
}}
class="ae_btn btn_sm btn_seamless"
@@ -169,7 +175,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if !$events_loc.launcher.app_mode || $events_loc.launcher.app_mode != 'default'}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
on:click={() => {
onclick={() => {
$events_loc.launcher.app_mode='default';
// ae_event_launcher.set($events_loc.launcher);
console.log($events_loc.launcher);
@@ -182,7 +188,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if $events_loc.launcher.app_mode != 'native'}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
on:click={() => {
onclick={() => {
$events_loc.launcher.app_mode='native';
// ae_event_launcher.set($ae_event_launcher);
console.log($events_loc.launcher);
@@ -195,7 +201,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if $events_loc.launcher.app_mode != 'onsite'}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
on:click={() => {
onclick={() => {
$events_loc.launcher.app_mode='onsite';
// ae_event_launcher.set($ae_event_launcher);
console.log($events_loc.launcher);
@@ -210,7 +216,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if $events_loc.launcher.hide__launcher_menu}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
on:click={() => {
onclick={() => {
$events_loc.launcher.hide__launcher_menu = false;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
@@ -223,7 +229,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
{#if !$events_loc.launcher.hide__launcher_menu}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
on:click={() => {
onclick={() => {
$events_loc.launcher.hide__launcher_menu = true;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
@@ -253,7 +259,7 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
<div class="text-center">
<button
type="button"
on:click={() => ($events_loc.launcher.hide_drawer__debug = false)}
onclick={() => ($events_loc.launcher.hide_drawer__debug = false)}
class="btn btn-sm p-1 preset-tonal-error hover:preset-filled-error-500"
>
<span class="fas fa-bug"></span>

22
src/routes/events/[event_id]/(launcher)/launcher_presenter_view.svelte
View File

@@ -1,28 +1,32 @@
<script lang="ts">
interface Props {
// export let slct_event_presenter_id: string;
lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
}
let { lq__event_presenter_obj }: Props = $props();
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
import { api } from '$lib/api';
// import { ae_util } from '$lib/ae_utils/ae_utils';
// import { api } from '$lib/api';
import { liveQuery } from "dexie";
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { db_events } from "$lib/ae_events/db_events";
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
// import { events_func } from '$lib/ae_events_functions';
import Event_launcher_file_cont from './launcher_file_cont.svelte';
// export let slct_event_presentation_id: string;
// export let slct_event_presenter_id: string;
export let lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
let ae_promises: key_val = {
get_li__event_file: null,
};
// Event File
$: lq__event_file_obj_li = liveQuery(async () => {
let lq__event_file_obj_li = $derived(liveQuery(async () => {
let results = await db_events.files
// .where('event_session_id_random')
.where('for_id_random')
@@ -30,13 +34,13 @@ $: lq__event_file_obj_li = liveQuery(async () => {
.reverse()
.sortBy('created_on')
return results;
});
}));
</script>
<strong>
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group' }
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group'}
<span class="fas fa-user"></span>
{lq__event_presenter_obj?.full_name}
{:else if lq__event_presenter_obj?.given_name == 'Group'}
@@ -55,7 +59,7 @@ $: lq__event_file_obj_li = liveQuery(async () => {
</p>
{/if}
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length }
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length}
<section class="event_session_file_list">
<div>
<div class="text-xs"><strong>

22
src/routes/events/[event_id]/(launcher)/launcher_presenter_view_posters.svelte
View File

@@ -1,28 +1,32 @@
<script lang="ts">
interface Props {
// export let slct_event_presenter_id: string;
lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
}
let { lq__event_presenter_obj }: Props = $props();
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
import { api } from '$lib/api';
// import { ae_util } from '$lib/ae_utils/ae_utils';
// import { api } from '$lib/api';
import { liveQuery } from "dexie";
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { db_events } from "$lib/ae_events/db_events";
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
// import { events_func } from '$lib/ae_events_functions';
import Event_launcher_file_cont from './launcher_file_cont.svelte';
// export let slct_event_presentation_id: string;
// export let slct_event_presenter_id: string;
export let lq__event_presenter_obj: any; // This is not actually the LiveQuery object. This was pulled from the list of presenters for a presentation. With Svelte 5 this should not matter.
let ae_promises: key_val = {
get_li__event_file: null,
};
// Event File
$: lq__event_file_obj_li = liveQuery(async () => {
let lq__event_file_obj_li = $derived(liveQuery(async () => {
let results = await db_events.files
// .where('event_session_id_random')
.where('for_id_random')
@@ -30,13 +34,13 @@ $: lq__event_file_obj_li = liveQuery(async () => {
.reverse()
.sortBy('created_on')
return results;
});
}));
</script>
<strong>
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group' }
{#if lq__event_presenter_obj?.given_name && lq__event_presenter_obj?.given_name != 'Group'}
<span class="fas fa-user"></span>
{lq__event_presenter_obj?.full_name}
{:else if lq__event_presenter_obj?.given_name == 'Group'}
@@ -55,7 +59,7 @@ $: lq__event_file_obj_li = liveQuery(async () => {
</p>
{/if}
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length }
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length}
<section class="event_session_file_list">
<!-- <div>
<div class="text-xs"><strong>

40
src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte
View File

@@ -1,4 +1,10 @@
<script lang="ts">
interface Props {
// export let lq_get__event_presenter_obj_li: any;
lq__event_session_obj: any;
}
let { lq__event_session_obj }: Props = $props();
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
@@ -16,16 +22,6 @@ import { db_events } from "$lib/ae_events/db_events";
import { events_loc, events_sess, events_slct, events_trigger } from '$lib/ae_events_stores';
import { events_func } from '$lib/ae_events_functions';
// export let slct_event_session_id: string;
// export let lq__event_file_obj: any;
// export let lq_get__event_file_obj_li: any;
// export let lq__event_location_obj: any;
// export let lq__event_presentation_obj: any;
// export let lq_get__event_presentation_obj_li: any;
// export let lq__event_presenter_obj: any;
// export let lq_get__event_presenter_obj_li: any;
export let lq__event_session_obj: any;
// let load_event_session_obj = events_func.load_ae_obj_id__event_session({
// api_cfg: $ae_api,
@@ -51,15 +47,15 @@ export let lq__event_session_obj: any;
// export let show_email: boolean = false;
// Event File
let lq__event_file_obj_li = liveQuery(
() => db_events.files
let lq__event_file_obj_li = $derived(liveQuery(async () => {
let results = await db_events.files
// .where('event_session_id_random')
.where('for_id_random')
.equals($events_slct.event_session_id)
.reverse() // Need reverse for created_on newest first.
.sortBy('created_on') // or filename
);
return results;
}));
// Does not refresh when the event_file_id_li_json changes.
// let lq_get__event_file_obj_li = liveQuery(
@@ -74,7 +70,7 @@ let lq__event_file_obj_li = liveQuery(
// .get($events_slct.event_presentation_id)
// );
$: lq__event_presentation_obj_li = liveQuery(async () => {
let lq__event_presentation_obj_li = $derived(liveQuery(async () => {
let sort_by = 'start_datetime';
if ($lq__event_session_obj.type_code == 'poster') {
sort_by = 'name';
@@ -86,7 +82,7 @@ $: lq__event_presentation_obj_li = liveQuery(async () => {
// .sortBy('name')
return results;
});
}));
// FIX! This id list needs to be updated. It is currently commented out in the menu_session_list.svelte file.
// let lq_get__event_presentation_obj_li = liveQuery(
@@ -95,21 +91,21 @@ $: lq__event_presentation_obj_li = liveQuery(async () => {
// );
$: lq__event_presenter_obj_li = liveQuery(async () => {
let lq__event_presenter_obj_li = $derived(liveQuery(async () => {
let results = await db_events.presenters
.where('event_session_id_random')
.equals($events_slct.event_session_id)
.sortBy('full_name');
return results;
});
}));
// let show_modal_upload_files: boolean = false;
// let link_to_type: null|string = null;
// let link_to_id: null|string = null;
let ae_promises: key_val = {};
let ae_promises: key_val = $state({});
$events_slct.id_li__event_presenter = [];
// await tick();
ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_presenter({
@@ -162,7 +158,7 @@ ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_p
>
<button
type="button"
on:click={() => {
onclick={() => {
if ($events_loc.launcher.time_format == 'time_12_short') {
// $events_loc.launcher.datetime_format = 'datetime_long';
$events_loc.launcher.time_format = 'time_short';
@@ -216,7 +212,7 @@ ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_p
{/if}
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length }
{#if $lq__event_file_obj_li && $lq__event_file_obj_li.length}
<section class="event_session_file_list">
<div>
<div class="text-xs"><strong>
@@ -246,7 +242,7 @@ ae_promises[$events_slct.event_session_id] = events_func.load_ae_obj_li__event_p
>
<button
disabled={!$ae_loc.trusted_access}
on:click={() => {
onclick={() => {
// ae_promises[event_file_obj.event_file_id_random]
ae_promises[event_file_obj.event_file_id_random] = api.download_hosted_file({
api_cfg: $ae_api,