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

Starting to switch pages to Runes mode....

Browse Source
This commit is contained in:
Scott Idem
2024-12-03 15:27:28 -05:00
parent c34e62a0c5
commit b3dfb5deec
4 changed files with 167 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,15 +1,22 @@
<script lang="ts"> <script lang="ts">
/** @type {import('./$types').LayoutData} */ /** @type {import('./$types').LayoutData} */
export let data: any; let log_lvl = 0;
// import { browser } from '$app/environment'; if (log_lvl) {
let log_lvl = 1;
if (log_lvl > 1) {
console.log(`ae_idaa_archives +layout.svelte data:`, data); console.log(`ae_idaa_archives +layout.svelte data:`, 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 { 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'; import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
interface Props {
/** @type {import('./$types').LayoutData} */
data: any;
children?: import('svelte').Snippet;
}
let { data, children }: Props = $props();
// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other. // Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
$slct.account_id = data.account_id; $slct.account_id = data.account_id;
// console.log(`$slct.account_id = `, $slct.account_id); // console.log(`$slct.account_id = `, $slct.account_id);
@@ -31,4 +38,4 @@ $idaa_slct.archive_obj_li = ae_acct.slct.archive_obj_li;
</script> </script>
<slot /> {@render children?.()}

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

@@ -1,27 +1,36 @@
<script lang="ts"> <script lang="ts">
/** @type {import('./$types').PageData} */ /** @type {import('./$types').PageData} */
export let data: any; let log_lvl: number = 0;
let log_lvl = 1;
// console.log(`ae_idaa_bb +page.svelte data:`, data);
// *** Import Svelte specific
import { browser } from '$app/environment'; import { browser } from '$app/environment';
// import { Modal } from 'flowbite-svelte';
import { Modal } from 'flowbite-svelte'; // *** Import other supporting libraries
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
import { liveQuery } from "dexie"; import { liveQuery } from "dexie";
import { core_func } from '$lib/ae_core/ae_core_functions';
// *** Import Aether specific variables and functions
// import type { key_val } from '$lib/ae_stores';
// import { ae_util } from '$lib/ae_utils/ae_utils';
// import { core_func } from '$lib/ae_core/ae_core_functions';
import { db_archives } from "$lib/ae_archives/db_archives"; import { db_archives } from "$lib/ae_archives/db_archives";
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores'; 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, idaa_trig } from '$lib/ae_idaa_stores'; import { idaa_loc, idaa_sess, idaa_slct, idaa_trig } from '$lib/ae_idaa_stores';
import { archives_func } from '$lib/ae_archives/ae_archives_functions'; // import { archives_func } from '$lib/ae_archives/ae_archives_functions';
import Comp__archive_obj_li from './ae_idaa_comp__archive_obj_li.svelte'; import Comp__archive_obj_li from './ae_idaa_comp__archive_obj_li.svelte';
interface Props {
/** @type {import('./$types').PageData} */
data: any;
}
let { data }: Props = $props();
$: lq__archive_obj_li = liveQuery(async () => { if (log_lvl) {
console.log(`ae_idaa_bb +page.svelte data:`, data);
}
let lq__archive_obj_li = $derived(liveQuery(async () => {
let results = await db_archives.archive let results = await db_archives.archive
.where('account_id') .where('account_id')
.equals($slct.account_id) .equals($slct.account_id)
@@ -35,33 +44,7 @@ $: lq__archive_obj_li = liveQuery(async () => {
// .sortBy('[created_on+updated_on]'); // .sortBy('[created_on+updated_on]');
return results; return results;
}); }));
// $: lq__archive_obj = liveQuery(async () => {
// let results = await db_archives.archive
// .get($idaa_slct.archive_id);
// return results;
// });
// $: lq__archive_content_obj_li = liveQuery(async () => {
// let results = await db_archives.content
// .where('archive_id')
// .equals($idaa_slct.archive_id)
// .reverse()
// .sortBy('updated_on');
// // .sortBy('title');
// return results;
// });
// $: lq__archive_content_obj = liveQuery(async () => {
// let results = await db_archives.content
// .get($idaa_slct.archive_content_id);
// return results;
// });
if (browser) { if (browser) {
console.log('Browser environment detected.'); console.log('Browser environment detected.');
@@ -72,7 +55,6 @@ if (browser) {
let message = {'archive_id': $idaa_slct.archive_id}; let message = {'archive_id': $idaa_slct.archive_id};
window.parent.postMessage(message, "*"); window.parent.postMessage(message, "*");
} }
</script> </script>

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

@@ -1,22 +1,18 @@
<script lang="ts"> <script lang="ts">
/** @type {import('./$types').PageData} */ /** @type {import('./$types').PageData} */
export let data: any;
let log_lvl = 0; let log_lvl = 0;
// Imports // *** Import Svelte specific
import { browser } from '$app/environment';
// *** Import other supporting libraries
import { Modal } from 'flowbite-svelte'; import { Modal } from 'flowbite-svelte';
import { onMount } from 'svelte';
import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
// import Element_data_store from '$lib/element_data_store_v2.svelte';
let ae_promises: key_val = {};
let ae_tmp: key_val = {};
let ae_triggers: key_val = {};
import { liveQuery } from "dexie"; import { liveQuery } from "dexie";
import { core_func } from '$lib/ae_core/ae_core_functions';
// *** Import Aether specific variables and functions
// import type { key_val } from '$lib/ae_stores';
import { ae_util } from '$lib/ae_utils/ae_utils';
// import { core_func } from '$lib/ae_core/ae_core_functions';
import { db_archives } from "$lib/ae_archives/db_archives"; import { db_archives } from "$lib/ae_archives/db_archives";
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores'; 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, idaa_trig, idaa_prom } from '$lib/ae_idaa_stores'; import { idaa_loc, idaa_sess, idaa_slct, idaa_trig, idaa_prom } from '$lib/ae_idaa_stores';
@@ -25,12 +21,22 @@ import { archives_func } from '$lib/ae_archives/ae_archives_functions';
import Archive_obj_id_edit from './ae_idaa_comp__archive_obj_id_edit.svelte'; import Archive_obj_id_edit from './ae_idaa_comp__archive_obj_id_edit.svelte';
import Archive_view from './ae_idaa_comp__archive_obj_id_view.svelte'; import Archive_view from './ae_idaa_comp__archive_obj_id_view.svelte';
// import Archive_page_menu from './session_page_menu.svelte'; // import Archive_page_menu from './session_page_menu.svelte';
// import Element_data_store from '$lib/element_data_store_v2.svelte';
import Archive_content_obj_li from './ae_idaa_comp__archive_content_obj_li.svelte'; import Archive_content_obj_li from './ae_idaa_comp__archive_content_obj_li.svelte';
import Archive_content_obj_id_edit from './ae_idaa_comp__archive_content_obj_id_edit.svelte'; import Archive_content_obj_id_edit from './ae_idaa_comp__archive_content_obj_id_edit.svelte';
import Media_player from './../ae_idaa_comp__media_player.svelte'; import Media_player from './../ae_idaa_comp__media_player.svelte';
import { browser } from '$app/environment'; interface Props {
data: any;
}
let { data }: Props = $props();
// let ae_promises: key_val = {};
// let ae_tmp: key_val = {};
// let ae_triggers: key_val = {};
// Variables // Variables
@@ -46,15 +52,15 @@ $idaa_slct.archive_id = ae_acct.slct.archive_id;
// $idaa_slct.archive_obj = ae_acct.slct.archive_obj; // $idaa_slct.archive_obj = ae_acct.slct.archive_obj;
$: lq__archive_obj = liveQuery(async () => { let lq__archive_obj = $derived(liveQuery(async () => {
console.log(`lq__archive_obj: archive_id = ${$idaa_slct?.archive_id}`); console.log(`lq__archive_obj: archive_id = ${$idaa_slct?.archive_id}`);
let results = await db_archives.archive let results = await db_archives.archive
.get($idaa_slct?.archive_id ?? ''); // null or undefined does not reset things like '' does .get($idaa_slct?.archive_id ?? ''); // null or undefined does not reset things like '' does
return results; return results;
}); }));
$: lq__archive_content_obj_li = liveQuery(async () => { let lq__archive_content_obj_li = $derived(liveQuery(async () => {
if (log_lvl) { if (log_lvl) {
console.log(`$lq__archive_obj.cfg_json = `, $lq__archive_obj?.cfg_json); console.log(`$lq__archive_obj.cfg_json = `, $lq__archive_obj?.cfg_json);
} }
@@ -79,17 +85,18 @@ $: lq__archive_content_obj_li = liveQuery(async () => {
return results; return results;
} }
}); }));
$: lq__archive_content_obj = liveQuery(async () => { let lq__archive_content_obj = $derived(liveQuery(async () => {
let results = await db_archives.content let results = await db_archives.content
.get($idaa_slct.archive_content_id ?? ''); // null or undefined does not reset things like '' does .get($idaa_slct.archive_content_id ?? ''); // null or undefined does not reset things like '' does
return results; return results;
}); }));
$: if ($idaa_trig.archive_content_li) { $effect(() => {
if ($idaa_trig.archive_content_li) {
$idaa_trig.archive_content_li = false; $idaa_trig.archive_content_li = false;
if (log_lvl) { if (log_lvl) {
@@ -132,6 +139,7 @@ $: if ($idaa_trig.archive_content_li) {
log_lvl: log_lvl, log_lvl: log_lvl,
}); });
} }
});
if (browser) { if (browser) {
console.log('Browser environment detected.'); console.log('Browser environment detected.');
@@ -202,13 +210,14 @@ if (browser) {
class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y" class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
> >
<svelte:fragment slot="header"> {#snippet header()}
<div class="flex flex-row items-center justify-between w-full"> <div class="flex flex-row items-center justify-between w-full">
<h3 class="text-lg font-semibold"> <h3 class="text-lg font-semibold">
{#if $ae_loc.trusted_access} {#if $ae_loc.trusted_access}
<!-- <div class="ae_options"> --> <!-- <div class="ae_options"> -->
<button <button
on:click={() => { onclick={() => {
// const url = new URL(location); // const url = new URL(location);
// url.searchParams.set('event_id', $lq__archive_obj?.event_id_random); // url.searchParams.set('event_id', $lq__archive_obj?.event_id_random);
// history.pushState({}, '', url); // history.pushState({}, '', url);
@@ -231,7 +240,8 @@ if (browser) {
</h3> </h3>
</div> </div>
</svelte:fragment>
{/snippet}
<Archive_obj_id_edit <Archive_obj_id_edit
lq__archive_obj={lq__archive_obj} lq__archive_obj={lq__archive_obj}
@@ -267,13 +277,14 @@ if (browser) {
class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y" class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
> >
<svelte:fragment slot="header"> {#snippet header()}
<div class="flex flex-row items-center justify-between w-full"> <div class="flex flex-row items-center justify-between w-full">
<h3 class="text-lg font-semibold"> <h3 class="text-lg font-semibold">
{#if $ae_loc.trusted_access} {#if $ae_loc.trusted_access}
<!-- <div class="ae_options"> --> <!-- <div class="ae_options"> -->
<button <button
on:click={() => { onclick={() => {
// const url = new URL(location); // const url = new URL(location);
// url.searchParams.set('event_id', $lq__archive_content_obj?.event_id_random); // url.searchParams.set('event_id', $lq__archive_content_obj?.event_id_random);
// history.pushState({}, '', url); // history.pushState({}, '', url);
@@ -296,7 +307,8 @@ if (browser) {
</h3> </h3>
</div> </div>
</svelte:fragment>
{/snippet}
<Archive_content_obj_id_edit <Archive_content_obj_id_edit
lq__archive_content_obj={lq__archive_content_obj} lq__archive_content_obj={lq__archive_content_obj}
@@ -333,7 +345,8 @@ if (browser) {
class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y" class="top-center bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200 rounded-lg border-gray-200 dark:border-gray-700 divide-gray-200 dark:divide-gray-700 shadow-md relative flex flex-col mx-auto w-full divide-y"
> >
<svelte:fragment slot="header"> {#snippet header()}
<div class="flex flex-row items-center justify-between w-full"> <div class="flex flex-row items-center justify-between w-full">
<h3 class="text-lg font-semibold"> <h3 class="text-lg font-semibold">
<span class="text-sm text-gray-500"> <span class="text-sm text-gray-500">
@@ -342,7 +355,8 @@ if (browser) {
{$lq__archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}</h3> {$lq__archive_content_obj?.name} - {$lq__archive_content_obj?.archive_content_id}</h3>
</div> </div>
</svelte:fragment>
{/snippet}
<Media_player <Media_player
lq__archive_content_obj={lq__archive_content_obj} lq__archive_content_obj={lq__archive_content_obj}

55
src/routes/idaa/(idaa)/archives/ae_idaa_comp__archive_obj_li.svelte
View File

@@ -1,19 +1,22 @@
<script lang="ts"> <script lang="ts">
// *** Import Svelte core let log_lvl = 0;
import { onMount } from 'svelte';
import { Spinner } from 'flowbite-svelte'; // *** Import Svelte specific
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
// *** Import Aether core variables and functions // *** Import other supporting libraries
// import { Spinner } from 'flowbite-svelte';
// *** Import Aether specific variables and functions
import { ae_util } from '$lib/ae_utils/ae_utils'; import { ae_util } from '$lib/ae_utils/ae_utils';
import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores'; 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'; import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
export let lq__archive_obj_li: any; interface Props {
lq__archive_obj_li: any;
}
onMount(() => { let { lq__archive_obj_li }: Props = $props();
console.log('** Component Mounted: ** List - Archive Obj');
});
</script> </script>
@@ -57,42 +60,10 @@ onMount(() => {
{/if} {/if}
</a> </a>
<!-- <button
on:click={() => {
$idaa_slct.archive_id = idaa_archive_obj?.archive_id;
$idaa_slct.archive_obj = idaa_archive_obj;
// handle_load_post_comment_obj_li({archive_id: $idaa_slct.archive_id, try_cache: false});
const url = new URL(location);
url.searchParams.set('archive_id', idaa_archive_obj?.archive_id);
history.pushState({}, '', url);
let message = {'archive_id': idaa_archive_obj?.archive_id};
window.parent.postMessage(message, "*");
// $idaa_sess.archives.show_main__options = true;
// $idaa_sess.archives.show_list__archive_obj_li = true;
// $idaa_sess.archives.show_edit__archive_id = false;
$idaa_sess.archives.show__modal_view = true;
$idaa_sess.archives.show__modal_edit = false;
}}
class="btn btn-md variant-ghost-primary hover:variant-filled-primary transition"
title={`View: ${idaa_archive_obj?.title}`}
>
<span class="fas fa-envelope-open m-1"></span> Open
{#if idaa_archive_obj?.archive_content_count}
<span class="ae_badge ae_info archive__archive_content_count">
<span class="fas fa-content"></span> {(idaa_archive_obj?.archive_content_count == 1 ? `${idaa_archive_obj?.archive_content_count} content` : `${idaa_archive_obj?.archive_content_count} contents` )}
</span>
{/if}
</button> -->
{#if $ae_loc.administrator_access && $ae_loc.edit_mode} {#if $ae_loc.administrator_access && $ae_loc.edit_mode}
<button <button
disabled={!$ae_loc.administrator_access} disabled={!$ae_loc.administrator_access}
on:click={() => { onclick={() => {
$idaa_slct.archive_id = idaa_archive_obj.archive_id; $idaa_slct.archive_id = idaa_archive_obj.archive_id;
$idaa_slct.archive_obj = idaa_archive_obj; $idaa_slct.archive_obj = idaa_archive_obj;
@@ -110,7 +81,7 @@ onMount(() => {
</div> </div>
<section <section
class="ae_section ae_footer ae_meta archive__meta mt-2 flex flex-col sm:flex-row gap-1 items-center justify-center flex flex-col text-sm text-gray-500" class="ae_section ae_footer ae_meta archive__meta mt-2 flex flex-col sm:flex-row gap-1 items-center justify-center text-sm text-gray-500"
class:hidden={!$ae_loc.administrator_access && !$ae_loc.edit_mode} class:hidden={!$ae_loc.administrator_access && !$ae_loc.edit_mode}
> >
<div class="ae_group"> <div class="ae_group">