From 6b8f4d54ed89f457cfe390e38acd87854ba8d968 Mon Sep 17 00:00:00 2001 From: Scott Idem Date: Wed, 15 Oct 2025 12:52:27 -0400 Subject: [PATCH] The posters look pretty good now. A lot more is configurable. --- src/lib/ae_events_stores.ts | 7 + src/lib/element_websocket_v2.svelte | 7 +- .../(launcher)/launcher/+layout.svelte | 104 +++++++-- .../[event_id]/(launcher)/launcher_cfg.svelte | 206 ++++++++++++++++-- .../(launcher)/launcher_file_cont.svelte | 1 + .../(launcher)/launcher_session_view.svelte | 8 +- 6 files changed, 299 insertions(+), 34 deletions(-) diff --git a/src/lib/ae_events_stores.ts b/src/lib/ae_events_stores.ts index af899bff..29a621a9 100644 --- a/src/lib/ae_events_stores.ts +++ b/src/lib/ae_events_stores.ts @@ -114,7 +114,14 @@ let events_local_data_struct: key_val = { qry_limit__presenters: 75, qry_limit__sessions: 50, + hide__launcher_header: false, + hide__launcher_menu: true, + hide__launcher_footer: false, + + hide__modal_header_title: false, + hide_drawer__debug: true, + hide__ws_element: true, hide__ws_form: true, hide__ws_messages: true, hide__ws_commands: true, diff --git a/src/lib/element_websocket_v2.svelte b/src/lib/element_websocket_v2.svelte index b76f4cb9..d42b1c67 100644 --- a/src/lib/element_websocket_v2.svelte +++ b/src/lib/element_websocket_v2.svelte @@ -12,6 +12,7 @@ interface Props { type?: null|string; // msg, cmd, json, hello, bye trigger_send?: any; classes?: string; + hide__ws_element?: boolean; hide__ws_form?: boolean; hide__ws_messages?: boolean; hide__ws_commands?: boolean; @@ -34,6 +35,7 @@ let { type = null, trigger_send = $bindable(null), classes = 'container p-1 bg-pink-100 text-xs mx-auto pb-16 mb-20 sm:mb-12 md:mb-8', + hide__ws_element = $bindable(false), hide__ws_form = $bindable(true), hide__ws_messages = $bindable(false), hide__ws_commands = $bindable(false), @@ -310,7 +312,10 @@ function preventDefault(fn) { -
+
--> + @@ -1120,7 +1151,7 @@ $effect(() => { min-w-full " bodyClass='p-0 overflow-y-auto overscroll-contain' - headerClass={`fixed top-0 right-0 left-0 z-20 p-1 md:p-2 flex flex-row items-center justify-between ${$events_loc.launcher.controller == 'remote' ? 'hidden' : ''} bg-white dark:bg-gray-800 opacity-50`} + headerClass={`fixed top-0 right-0 left-0 p-1 md:p-2 flex flex-row items-center ${$events_loc.launcher.controller == 'remote' ? 'hidden' : ''} bg-white dark:bg-gray-800 opacity-50 ${$events_loc.launcher.hide__modal_header_title ? 'justify-center' : 'justify-between'}`} footerClass='text-center' onclose={async () => { $events_sess.launcher.modal__open_event_file_id = null; @@ -1141,11 +1172,14 @@ $effect(() => { {#snippet header()} -

+

{$events_sess.launcher?.modal__title ?? 'Digital Poster Display'}

{/snippet} @@ -1174,10 +1209,18 @@ $effect(() => { $events_sess.launcher.controller_trigger_send = true; // $events_sess.launcher.modal__open = false; }} - class="absolute top-0 right-20 m-1 p-1 btn btn-sm preset-tonal-error hover:preset-filled-error-500" + class=" + absolute top-0 right-12 + m-1 p-1 + btn btn-sm + preset-tonal-error preset-outlined-error hover:preset-filled-success-200-800 + transition-all + " class:hidden={$events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected'} + title="Close the remote device's display of the poster" > + Close Remote Poster Display Only @@ -1206,10 +1249,18 @@ $effect(() => { $events_sess.launcher.controller_trigger_send = true; // $events_sess.launcher.modal__open = false; }} - class="absolute bottom-0 left-20 m-1 p-1 btn btn-sm preset-tonal-error hover:preset-filled-error-500" + class=" + absolute bottom-0 left-12 + m-1 p-1 + btn btn-sm + preset-tonal-error preset-outlined-error hover:preset-filled-success-200-800 + transition-all + " class:hidden={$events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected'} + title="Close the remote device's display of the poster" > + Close Remote Poster Display Only @@ -1222,11 +1273,25 @@ $effect(() => { $events_sess.launcher.modal__open_event_file_id = null; $events_sess.launcher.modal__event_file_obj = null; }} - class="absolute bottom-0 right-20 m-1 p-1 btn btn-sm preset-tonal-warning hover:preset-tonal-warning border border-warning-500" + class=" + absolute bottom-0 right-12 + m-1 p-1 + btn btn-sm + preset-tonal-success preset-outlined-success hover:preset-filled-success-200-800 + transition-all + " class:hidden={!$ae_loc.trusted_access && ($events_loc.launcher.controller != 'local_push' || $events_sess.launcher.ws_connect_status != 'connected')} + title="Close this controller's local modal display of this poster" > - Close Controller Poster Only + + Close + + + Poster + + on This Device + @@ -146,9 +156,9 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro * native Electron caching and open method (download to cache, copy and then open) * URL: new browser window --> -
+

+
{#if !$events_loc.launcher.app_mode || $events_loc.launcher.app_mode != 'default'}
- +
{#if $events_loc.launcher.hide__launcher_menu} + {/if} + {#if $events_loc.launcher.hide__launcher_header} + + {/if} + + {#if !$events_loc.launcher.hide__launcher_footer} + + {/if} + {#if $events_loc.launcher.hide__launcher_footer} + + {/if} + + {#if !$events_loc.launcher.hide__launcher_menu} + {/if} + {#if $events_loc.launcher.hide__session_datetimes} + + {/if} + + + + + {#if !$events_loc.launcher.hide__ws_element} + + {/if} + {#if $events_loc.launcher.hide__ws_element} + + {/if} + + + {#if !$events_loc.launcher.hide__modal_header_title} + + {/if} + {#if $events_loc.launcher.hide__modal_header_title} + + {/if} + +
+

Local Config Refresh

+
-
+ +
@@ -265,3 +443,5 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
+ + \ No newline at end of file diff --git a/src/routes/events/[event_id]/(launcher)/launcher_file_cont.svelte b/src/routes/events/[event_id]/(launcher)/launcher_file_cont.svelte index b60c56a2..9ff5af14 100644 --- a/src/routes/events/[event_id]/(launcher)/launcher_file_cont.svelte +++ b/src/routes/events/[event_id]/(launcher)/launcher_file_cont.svelte @@ -260,6 +260,7 @@ async function handle_open_file() { flex flex-col md:flex-row flex-wrap gap-1 items-center max-w-full + transition-all " class:justify-between={!hide_meta} class:justify-center={hide_meta} diff --git a/src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte b/src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte index d15ea902..ad20de0c 100644 --- a/src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte +++ b/src/routes/events/[event_id]/(launcher)/launcher_session_view.svelte @@ -28,6 +28,7 @@ import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$ 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 { hide } from '@popperjs/core'; // let load_event_session_obj = events_func.load_ae_obj_id__event_session({ @@ -239,6 +240,7 @@ let ae_promises: key_val = $state({});

- +