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

The posters look pretty good now. A lot more is configurable.

Browse Source
This commit is contained in:
Scott Idem
2025-10-15 12:52:27 -04:00
parent f459c09fbc
commit 6b8f4d54ed
6 changed files with 299 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,7 +11,14 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
</script>
<div class="flex flex-row items-center justify-between">
<div
class="
flex flex-col gap-1 items-center justify-start
w-full max-w-md
"
>
<div class="flex flex-row items-center justify-between w-full">
<h2
class="text-center mb-4 text-base font-semibold text-gray-500 dark:text-gray-400"
>
@@ -28,11 +35,11 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
</div>
<hr>
<hr class="my-2 border-gray-300 dark:border-gray-600" />
<section class="controller">
<section class="controller w-full">
<h3
class="text-center mb-4 text-sm font-semibold"
class="text-center mb-2 text-sm font-semibold"
>
<button
onclick={() => {
@@ -123,17 +130,20 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
</div>
</section>
<hr>
<hr class="my-2 border-gray-300 dark:border-gray-600" />
<section class="screen_saver w-full">
<h3
class="text-center mb-4 text-sm font-semibold"
class="text-center mb-2 text-sm font-semibold w-full"
>
Screen Saver
</h3>
</section>
<hr>
<hr class="my-2 border-gray-300 dark:border-gray-600" />
<!-- App Modes: default (browser), onsite (browser onsite), native (Electron app onsite) -->
@@ -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
-->
<section class="app_modes">
<section class="app_modes w-full">
<h3
class="text-center mb-4 text-sm font-semibold"
class="text-center mb-2 text-sm font-semibold"
>
<button
onclick={() => {
@@ -167,10 +177,11 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
</h3>
<div
class="grid grid-cols-2 gap-2"
class="flex flex-col gap-1 items-center justify-start w-full"
class:hidden={!$events_loc.launcher.show_section__app_modes}
>
<div class="flex flex-row flex-wrap gap-1 items-center justify-center w-full">
{#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"
@@ -210,8 +221,9 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
Change to Onsite Mode
</button>
{/if}
</div>
<div class="flex flex-row flex-wrap gap-1 items-center justify-center w-full">
{#if $events_loc.launcher.hide__launcher_menu}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
@@ -225,6 +237,61 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
Show Launcher Menu
</button>
{/if}
{#if !$events_loc.launcher.hide__launcher_header}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__launcher_header = true;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Hide launcher header"
>
Hide Launcher Header
</button>
{/if}
{#if $events_loc.launcher.hide__launcher_header}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__launcher_header = false;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Show launcher header"
>
Show Launcher Header
</button>
{/if}
{#if !$events_loc.launcher.hide__launcher_footer}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__launcher_footer = true;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Hide launcher footer"
>
Hide Launcher Footer
</button>
{/if}
{#if $events_loc.launcher.hide__launcher_footer}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__launcher_footer = false;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Show launcher footer"
>
Show Launcher Footer
</button>
{/if}
<!-- Show/Hide Launcher Menu -->
{#if !$events_loc.launcher.hide__launcher_menu}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
@@ -238,21 +305,132 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
Hide Launcher Menu
</button>
{/if}
<!-- Show/Hide Session Start/End Datetimes hide__session_datetimes -->
{#if !$events_loc.launcher.hide__session_datetimes}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__session_datetimes = true;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Hide session start/end datetimes"
>
Hide Session Datetimes
</button>
{/if}
{#if $events_loc.launcher.hide__session_datetimes}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__session_datetimes = false;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Show session start/end datetimes"
>
Show Session Datetimes
</button>
{/if}
<button
type="button"
onclick={() => {
if ($events_loc.launcher.time_format == 'time_12_short') {
// $events_loc.launcher.datetime_format = 'datetime_long';
$events_loc.launcher.time_format = 'time_short';
$events_loc.launcher.time_hours = 24;
} else {
$events_loc.launcher.time_format = 'time_12_short';
// $events_loc.launcher.datetime_format = 'datetime_12_long';
$events_loc.launcher.time_hours = 12;
}
}}
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
>
Time Format:
{#if $events_loc.launcher.time_format == 'time_12_short'}
12-hour
{:else}
24-hour
{/if}
</button>
<!-- Show/Hide Websocket element hide__ws_element -->
{#if !$events_loc.launcher.hide__ws_element}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__ws_element = true;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Hide WebSocket element"
>
Hide WebSocket Element
</button>
{/if}
{#if $events_loc.launcher.hide__ws_element}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__ws_element = false;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Show WebSocket element"
>
Show WebSocket Element
</button>
{/if}
<!-- Show/Hide modal header title hide__modal_header_title -->
{#if !$events_loc.launcher.hide__modal_header_title}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__modal_header_title = true;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Hide modal header title"
>
Hide Modal Header Title
</button>
{/if}
{#if $events_loc.launcher.hide__modal_header_title}
<button
class="btn btn-sm preset-tonal-primary hover:preset-filled-primary-500"
onclick={() => {
$events_loc.launcher.hide__modal_header_title = false;
// ae_event_launcher.set($ae_event_launcher);
// console.log($events_loc.launcher);
}}
title="Show modal header title"
>
Show Modal Header Title
</button>
{/if}
</div>
</div>
</section>
<section class="local_cfg_refresh w-full">
<h3
class="text-center mb-4 text-sm font-semibold"
class="text-center mb-2 text-sm font-semibold"
>
Local Config Refresh
</h3>
</section>
<hr />
<hr class="my-2 border-gray-300 dark:border-gray-600" />
<div class="text-center">
@@ -265,3 +443,5 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
<!-- Debug -->
</button>
</div>
</div>