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

Work on general style clean up. So much to do...

Browse Source
This commit is contained in:
Scott Idem
2025-06-19 12:54:40 -04:00
parent 9617071361
commit 1e0c6ec91b
6 changed files with 211 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/routes/events/+layout.svelte
View File

@@ -4,9 +4,17 @@ let log_lvl: number = 0;
// *** Import Svelte specific
import { browser } from '$app/environment';
// *** Import other supporting libraries
// import * as icons from '@lucide/svelte';
import {
Brain,
House, Library,
RefreshCw,
Satellite
} from '@lucide/svelte';
import { AppBar } from '@skeletonlabs/skeleton-svelte';
import { Modal } from '@skeletonlabs/skeleton-svelte';
// import { Modal } from '@skeletonlabs/skeleton-svelte';
// import type {
// ModalComponent
// } from '@skeletonlabs/skeleton-svelte';
@@ -132,44 +140,76 @@ if (browser) {
slotHeader={($ae_loc.iframe ? 'iframe' : '')}
slotFooter={($ae_loc.iframe ? 'iframe' : '')}
> -->
<main>
{#snippet header()}
<!-- App Bar -->
<AppBar
gridColumns="grid-cols-3"
slotDefault="place-self-center"
slotTrail="place-content-end"
padding="px-4"
>
{#snippet lead()}
<Element_data_store
ds_code="hub__page__appshell_header_lead"
ds_type="html"
/>
<div
class:iframe={$ae_loc?.iframe}
class="ae_events h-full max-h-full max-w-6xl overflow-auto flex flex-col gap-1 m-auto"
>
{/snippet}
<!-- OSIT's Aether App -->
<!-- {@html (browser ? JSON.parse(localStorage.getItem('ae_ds__hub__site__appshell_header')).html : '-- not found --')} -->
<!-- {@html $ae_sess.site_appshell_header} -->
<Element_data_store
ds_code="hub__site__appshell_header"
ds_type="html"
/>
{#snippet trail()}
<nav
class="
submenu
flex flex-row flex-wrap
items-center justify-between
gap-1
border-b-2
p-1
px-2
pb-2
"
>
<span class="justify-self-start">
<Element_data_store
ds_code="hub__page__appshell_header_trail"
ds_type="html"
/>
<!-- Be sure to explain what &AElig; (Aether) means in the title text or similar! -->
<Satellite
size="1.5em"
class="mx-1 inline-block text-gray-500"
/>
<abbr title="Aether - IDAA Module">
Æ
IDAA
</abbr>
</span>
<Element_data_store
ds_code="hub__site__appshell_header"
ds_type="html"
/>
<a
href="/"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-success-500"
>
<House />
<span class="hidden md:inline">
Home
</span>
</a>
</nav>
{/snippet}
</AppBar>
<section
class:iframe={$ae_loc?.iframe}
class="main_content grow px-1 md:px-2 pb-28"
>
{/snippet}
<!-- OLD: App Bar -->
<!-- <AppBar
gridColumns="grid-cols-3"
slotDefault="place-self-center"
slotTrail="place-content-end"
padding="px-4"
>
<Element_data_store
ds_code="hub__page__appshell_header_lead"
ds_type="html"
/>
<Element_data_store
ds_code="hub__site__appshell_header"
ds_type="html"
/>
<Element_data_store
ds_code="hub__page__appshell_header_trail"
ds_type="html"
/>
</AppBar> -->
<!-- !($ae_loc.site_access_key && $ae_loc.site_domain_access_key)
@@ -185,22 +225,28 @@ if (browser) {
{#snippet footer()}
<!-- {#snippet footer()} -->
<div
class="flex text-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1"
class:ae_debug={$ae_loc.debug}
>
<Element_data_store
ds_code="hub__site__appshell_footer"
ds_type="html"
class_li="grow flex flex-row justify-between"
/>
</div>
<!-- {/snippet} -->
{/snippet}
</section>
</main>
<section
class="footer_contenttext-sm sm:text-sm md:text-md lg:text-md xl:text-md 2xl:text-lg text-slate-400 hover:text-slate-800 transition px-1 py-0.5 min-h-7"
class:ae_debug={$ae_loc.debug}
>
<Element_data_store
ds_code="hub__site__appshell_footer"
ds_type="html"
class_li="grow flex flex-row justify-between"
/>
</section>
</div>
<!-- </AppShell> -->

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

@@ -86,8 +86,8 @@ import { events_loc, events_sess, events_slct, events_trigger, events_trig } fro
$events_sess.launcher.controller_trigger_send = null;
}}
class="btn btn-sm hover:preset-filled-primary-500"
class:preset-tonal-warning border border-warning-500={!$events_loc.launcher.ws_connect}
class:preset-tonal-success border border-success-500={$events_loc.launcher.ws_connect}
class:preset-tonal-warning={!$events_loc.launcher.ws_connect}
class:preset-tonal-success={$events_loc.launcher.ws_connect}
>
{#if $events_loc.launcher.ws_connect}
<!-- <span class="fas fa-signal m-1"></span> -->

6
src/routes/events/[event_id]/locations/locations_page_menu.svelte
View File

@@ -133,7 +133,7 @@ export let lq__event_obj: any;
}}
class="btn btn-sm"
class:preset-tonal-success border border-success-500={!$events_loc.pres_mgmt?.hide__device_code}
class:preset-tonal-warning border border-warning-500={$events_loc.pres_mgmt?.hide__device_code}
class:preset-tonal-warning border-warning-500={$events_loc.pres_mgmt?.hide__device_code}
title="Show or hide the device code."
>
{#if !$events_loc.pres_mgmt.hide__device_code}
@@ -153,7 +153,7 @@ export let lq__event_obj: any;
}}
class="btn btn-sm"
class:preset-tonal-success border border-success-500={!$events_loc.pres_mgmt?.hide__location_code}
class:preset-tonal-warning border border-warning-500={$events_loc.pres_mgmt?.hide__location_code}
class:preset-tonal-warning border-warning-500={$events_loc.pres_mgmt?.hide__location_code}
title="Show or hide the location code."
>
{#if !$events_loc.pres_mgmt.hide__location_code}
@@ -173,7 +173,7 @@ export let lq__event_obj: any;
}}
class="btn btn-sm"
class:preset-tonal-success border border-success-500={!$events_loc.pres_mgmt?.hide__session_code}
class:preset-tonal-warning border border-warning-500={$events_loc.pres_mgmt?.hide__session_code}
class:preset-tonal-warning border-warning-500={$events_loc.pres_mgmt?.hide__session_code}
title="Show or hide the session code."
>
{#if !$events_loc.pres_mgmt.hide__session_code}