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

More significant updates to the general layout and styling per module.

Browse Source
This commit is contained in:
Scott Idem
2025-06-26 14:39:30 -04:00
parent ce59a848d6
commit 1f46b51c9a
12 changed files with 205 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/routes/idaa/(idaa)/archives/+layout.svelte
View File

@@ -1,8 +1,7 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
let log_lvl: number = 0;
if (log_lvl > 1) {
console.log(`ae_idaa_archives +layout.svelte`);
console.log(`ae_idaa_archives +layout.svelte`, data);
}
// *** Import Aether specific variables and functions
@@ -18,6 +17,8 @@ interface Props {
let { data, children }: Props = $props();
// *** Quickly pull out data from parent(s)
$slct.account_id = data.account_id;
let ae_acct = data[$slct.account_id];
if (log_lvl) {
console.log(`ae_acct = `, ae_acct);
@@ -27,15 +28,21 @@ $idaa_slct.archive_obj_li = ae_acct.slct.archive_obj_li;
// $idaa_slct.archive_id = ae_acct.slct.archive_id; // Not set here yet.
// *** Set initial variables
// if (browser) {
// $idaa_loc.novi_uuid = data.params.uuid;
// $idaa_loc.novi_email = decodeURIComponent(data.params.email);
// $idaa_loc.novi_full_name = decodeURIComponent(data.params.full_name);
// // $idaa_loc.novi_admin_li = novi_admin_li;
// // $idaa_loc.novi_trusted_li = novi_trusted_li;
// console.log(`$idaa_loc.novi_uuid:`, $idaa_loc.novi_uuid);
// }
</script>
<!-- <div
class="
ae_idaa__archives
container h-full mx-auto
flex flex-col gap-1
items-center
justify_center
py-1 px-2 pb-16
min-w-full
max-w-max
"
> -->
{@render children?.()}
<!-- </div> -->

17
src/routes/idaa/(idaa)/archives/+page.svelte
View File

@@ -130,20 +130,6 @@ function add_activity_log(
</title>
</svelte:head>
<section
class="
ae_idaa__archives
container h-full mx-auto
flex flex-col gap-1
items-center
justify_center
py-1 px-2 pb-16
min-w-full
max-w-max
"
>
<!-- <h1>Archives {$lq__archive_obj_li?.length}</h1> -->
{#if $lq__archive_obj_li && $lq__archive_obj_li?.length}
@@ -153,6 +139,3 @@ function add_activity_log(
{:else}
<p>No archives available to show.</p>
{/if}
</section>

8
src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte
View File

@@ -156,7 +156,6 @@ if (browser) {
let message = {'archive_id': $idaa_slct?.archive_id ?? null};
window.parent.postMessage(message, "*");
}
</script>
@@ -168,8 +167,7 @@ if (browser) {
</title>
</svelte:head>
<section
<!-- <section
class="
ae_idaa__archives
h-full mx-auto
@@ -182,7 +180,7 @@ if (browser) {
text-center
outline
"
>
> -->
<!-- <h1>Archives {$lq__archive_obj?.name} - {$lq__archive_content_obj_li?.length}</h1> -->
@@ -205,7 +203,7 @@ if (browser) {
lq__archive_content_obj_li={lq__archive_content_obj_li}
/>
</section>
<!-- </section> -->
<!-- Modal: Archive edit ID -->

25
src/routes/idaa/(idaa)/bb/+layout.svelte
View File

@@ -1,23 +1,34 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
export let data: any;
let log_lvl: number = 0;
if (log_lvl > 1) {
console.log(`ae_idaa_bulletin_board +layout.svelte data:`, data);
console.log(`ae_idaa_bulletin_board +layout.svelte`, data);
}
// *** Import Aether specific variables and functions
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
interface Props {
/** @type {import('./$types').LayoutData} */
data: any;
children?: import('svelte').Snippet;
}
let { data, children }: Props = $props();
// *** Quickly pull out data from parent(s)
$slct.account_id = data.account_id;
// console.log(`$slct.account_id = `, $slct.account_id);
let ae_acct = data[$slct.account_id];
console.log(`ae_acct = `, ae_acct);
if (log_lvl) {
console.log(`ae_acct = `, ae_acct);
}
$idaa_slct.post_obj_li = ae_acct.slct.post_obj_li;
// $idaa_slct.post_id = ae_acct.slct.post_id; // Not set here yet.
// *** Set initial variables
</script>
<slot />
{@render children?.()}

8
src/routes/idaa/(idaa)/bb/+page.svelte
View File

@@ -240,7 +240,6 @@ function add_activity_log(
</script>
<svelte:head>
<title>
IDAA Bulletin Board:
@@ -248,8 +247,7 @@ function add_activity_log(
</title>
</svelte:head>
<section
<!-- <section
class="
ae_idaa__bb
container h-full mx-auto
@@ -259,7 +257,7 @@ function add_activity_log(
min-w-full
max-w-max
"
>
> -->
<Comp__post_options
@@ -276,7 +274,7 @@ function add_activity_log(
{/if}
</section>
<!-- </section> -->
<!-- Modal: Post (Bulletin Board) view ID -->

27
src/routes/idaa/(idaa)/recovery_meetings/+layout.svelte
View File

@@ -1,13 +1,10 @@
<script lang="ts">
/** @type {import('./$types').LayoutData} */
export let data: any;
let log_lvl: number = 0;
if (log_lvl > 1) {
console.log(`ae_idaa_recovery_meetings +layout.svelte data:`, data);
console.log(`ae_idaa_recovery_meetings +layout.svelte`, data);
}
// import { browser } from '$app/environment';
// *** Import Aether specific variables and functions
// import type { key_val } from '$lib/ae_stores';
// import { ae_util } from '$lib/ae_utils/ae_utils';
@@ -19,15 +16,27 @@ import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$
// import { events_func } from '$lib/ae_events_functions';
import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
interface Props {
/** @type {import('./$types').LayoutData} */
data: any;
children?: import('svelte').Snippet;
}
let { data, children }: Props = $props();
// *** Quickly pull out data from parent(s)
$slct.account_id = data.account_id;
// console.log(`$slct.account_id = `, $slct.account_id);
let ae_acct = data[$slct.account_id];
// console.log(`ae_acct = `, ae_acct);
if (log_lvl) {
console.log(`ae_acct = `, ae_acct);
}
$idaa_slct.event_obj_li = ae_acct.slct.event_obj_li;
// $idaa_slct.event_id = ae_acct.slct.event_id; // Not set here yet.
// *** Set initial variables
</script>
<slot />
{@render children?.()}

10
src/routes/idaa/(idaa)/recovery_meetings/+page.svelte
View File

@@ -442,9 +442,7 @@ function add_activity_log(
</title>
</svelte:head>
<div
<!-- <div
class="
ae_idaa__recovery_meetings
container h-full mx-auto
@@ -455,13 +453,12 @@ function add_activity_log(
min-w-full
max-w-max
"
>
> -->
<Comp__event_obj_qry
bind:event_id_random_li={event_id_random_li}
/>
<Element_data_store
ds_code="recovery_meetings_info"
ds_type="html"
@@ -469,7 +466,6 @@ function add_activity_log(
show_edit_btn={true}
/>
{#if $lq_new__event_obj_li && $lq_new__event_obj_li?.length}
<Comp__event_obj_li
lq__event_obj_li={lq_new__event_obj_li}
@@ -479,7 +475,7 @@ function add_activity_log(
{/if}
</div>
<!-- </div> -->
<!-- Modal: Event (Recovery Meeting) edit ID -->

60
src/routes/idaa/+layout.svelte
View File

@@ -182,6 +182,15 @@ $effect(() => {
// });
});
// if (browser) {
// $idaa_loc.novi_uuid = data.params.uuid;
// $idaa_loc.novi_email = decodeURIComponent(data.params.email);
// $idaa_loc.novi_full_name = decodeURIComponent(data.params.full_name);
// // $idaa_loc.novi_admin_li = novi_admin_li;
// // $idaa_loc.novi_trusted_li = novi_trusted_li;
// console.log(`$idaa_loc.novi_uuid:`, $idaa_loc.novi_uuid);
// }
</script>
<svelte:head>
@@ -196,7 +205,12 @@ $effect(() => {
bind:this={box}
onscroll={parse_scroll}
class:iframe={$ae_loc?.iframe}
class="ae_idaa h-full max-h-full max-w-6xl overflow-auto flex flex-col gap-1 m-auto"
class="
ae_idaa
h-full max-h-full max-w-6xl overflow-auto
flex flex-col gap-1
m-auto
"
>
<nav
@@ -299,16 +313,19 @@ $effect(() => {
</div>
<!-- </AppShell> -->
<!-- bottom-4 -->
<button
class="ae_idaa__recovery_meetings__scroll_top_btn btn btn-sm btn-secondary preset-tonal-surface fixed bottom-4 right-24 z-50 opacity-75 hover:opacity-100"
class:hidden={yTop < 600}
class="ae_idaa__recovery_meetings__scroll_top_btn btn btn-sm btn-secondary preset-tonal-surface fixed top-1/2 right-1 z-50 opacity-75 hover:opacity-100"
class:hidden={yTop < 750}
class:ae_btn_warning_outlined={is_safari}
class:ae_btn_success_outlined={!is_safari}
class:ae_btn_warning_filled={yTop > 1500}
onclick={() => {
log_lvl = 1;
if (log_lvl) {
console.log(`Scroll to top button clicked. scroll_y: ${scroll_y} scrollTop: ${scroll_container().scrollTop}`, scroll_container());
// document.getElementById('ae_idaa')?.scrollTo(0, 0);
// document.documentElement?.scrollTo(0, 0);
// document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
// document.body.scrollTop = 0; // For Safari
}
@@ -316,48 +333,13 @@ $effect(() => {
if (is_safari) {
console.log('Safari detected, not using smooth scroll to top');
document.getElementById('ae_idaa')?.scrollTo(0, 0);
// document.documentElement?.scrollTo(0, 0);
// document.body?.scrollTo(0, 0); // For Safari
// if ($ae_loc.edit_mode) {
// // If in edit mode, scroll to the top of the page
// document.getElementById('ae_idaa')?.scrollTo(0, 0);
// } else {
// // If not in edit mode, scroll to the top of document element
// document.documentElement?.scrollTo(0, 0);
// }
} else {
console.log('Not Safari, using smooth scroll to top');
document.getElementById('ae_idaa')?.scrollTo({
top: 0,
behavior: 'smooth'
});
// if ($ae_loc.edit_mode) {
// document.getElementById('ae_idaa')?.scrollTo({
// top: 0,
// behavior: 'smooth'
// });
// } else {
// document.documentElement?.scrollTo({
// top: 0,
// behavior: 'smooth'
// });
// }
}
// go_top();
// window.scrollTo({ top: 0, behavior: 'smooth' });
// window.scrollTo({ top: 0, behavior: 'smooth' });
// document.body.scrollIntoView();
// document.body.scrollTop = 0; // For Safari
// console.l
// scroll_y = 0;
}}
title="Scroll to top"
>