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

Still working on upgrading to Tailwind CSS v4 an dSkeleton v3.....

Browse Source
This commit is contained in:
Scott Idem
2025-06-18 17:59:48 -04:00
parent db6e9dd019
commit 13912fd145
169 changed files with 2343 additions and 1634 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/routes/journals/[journal_id]/+layout.svelte
View File

@@ -136,7 +136,7 @@ async function handle_update_journal() {
class="
ae_journals__journal
mx-auto
flex flex-col flex-grow gap-1
flex flex-col grow gap-1
items-center
min-h-full
max-h-max
@@ -163,7 +163,7 @@ async function handle_update_journal() {
class="
btn btn-sm
variant-outline-tertiary
hover:variant-filled-tertiary
hover:preset-filled-tertiary-500
transition
"
title="View all journals for this account: {$ae_loc.account_name}"
@@ -182,8 +182,8 @@ async function handle_update_journal() {
href="/journals/{$journals_slct?.journal_id}"
class="
btn btn-sm
variant-ghost-tertiary
hover:variant-filled-tertiary
preset-tonal-tertiary border border-tertiary-500
hover:preset-filled-tertiary-500
transition
"
title="View all journal entries for this journal: {$lq__journal_obj?.name}"
@@ -275,8 +275,8 @@ async function handle_update_journal() {
}}
class="
btn btn-sm
variant-ghost-secondary
hover:variant-filled-secondary
preset-tonal-secondary border border-secondary-500
hover:preset-filled-secondary-500
transition
"
title="Create a new journal entry for this journal: {$lq__journal_obj?.name}"
@@ -355,7 +355,7 @@ async function handle_update_journal() {
// $journals_trig.journal_entry_li = true;
// console.log('Cleared search query:', $journals_loc.qry__search_text);
}}
class="btn btn-sm p-1.5 text-sm text-gray-500 variant-ghost-tertiary hover:variant-filled-tertiary transition"
class="btn btn-sm p-1.5 text-sm text-gray-500 preset-tonal-tertiary border border-tertiary-500 hover:preset-filled-tertiary-500 transition"
title="Clear search text"
>
<!-- <X /> -->
@@ -374,8 +374,8 @@ async function handle_update_journal() {
</span>
<select
class="btn btn-secondary btn-sm
variant-soft-primary
hover:variant-filled-primary
preset-tonal-primary
hover:preset-filled-primary-500
transition
text-xs
"
@@ -493,8 +493,8 @@ async function handle_update_journal() {
</span>
<select
class="btn btn-sm
variant-ghost-surface
hover:variant-filled-surface
preset-tonal-surface border border-surface-500
hover:preset-filled-surface-500
transition
text-xs
"
@@ -526,7 +526,7 @@ async function handle_update_journal() {
<input type="text" placeholder="Category Name" bind:value={tmp_journal_obj.cfg_json.category_li[index].name} class="input input-bordered w-full" />
<button
type="button"
class="btn btn-sm variant-ghost-danger hover:variant-filled-danger transition"
class="btn btn-sm preset-tonal-danger border border-danger-500 hover:preset-filled-danger-500 transition"
onclick={() => {
tmp_journal_obj.cfg_json.category_li.splice(index, 1);
tmp_journal_obj.cfg_json.category_li = tmp_journal_obj.cfg_json.category_li;
@@ -543,7 +543,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.category_li.push({ code: '', name: '' });
tmp_journal_obj.cfg_json.category_li = tmp_journal_obj.cfg_json.category_li;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition max-w-48 p-1"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition max-w-48 p-1"
>
<Plus />
Add Category
@@ -562,7 +562,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.entry_li_max_height = event.target.value;
console.log('Selected max height:', tmp_journal_obj.cfg_json.entry_li_max_height);
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition text-xs w-full mb-2 max-w-48"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition text-xs w-full mb-2 max-w-48"
title="Select maximum height for journal entries in the list"
>
<option value="">Default (auto)</option>
@@ -587,7 +587,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.entry_li_hover_max_height = event.target.value;
console.log('Selected max height:', tmp_journal_obj.cfg_json.entry_li_hover_max_height);
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition text-xs w-full mb-2 max-w-48"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition text-xs w-full mb-2 max-w-48"
title="Select maximum height for journal entries in the list"
>
<option value="">Default (auto)</option>
@@ -612,7 +612,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.entry_li_click_max_height = event.target.value;
console.log('Selected max height:', tmp_journal_obj.cfg_json.entry_li_click_max_height);
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition text-xs w-full mb-2 max-w-48"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition text-xs w-full mb-2 max-w-48"
title="Select maximum height for journal entries in the list"
>
<option value="">Default (auto)</option>
@@ -643,7 +643,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.expand_li_content = 'hover';
}
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of Markdown copy button(s) on Journal Entry view page"
>
{#if tmp_journal_obj.cfg_json.expand_li_content == 'hover'}
@@ -686,7 +686,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.entry_add_text = 'append';
}
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of Markdown copy button(s) on Journal Entry view page"
>
{#if tmp_journal_obj.cfg_json.entry_add_text == 'append'}
@@ -727,7 +727,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.color_scheme = event.target.value;
console.log('Selected color scheme:', tmp_journal_obj.cfg_json.color_scheme);
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition text-xs w-full mb-2 max-w-48"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition text-xs w-full mb-2 max-w-48"
title="Select color scheme for journal entries"
>
<option value="">Default (auto)</option>
@@ -751,7 +751,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.pref_viewer = event.target.value;
console.log('Selected viewer:', tmp_journal_obj.cfg_json.pref_viewer);
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition text-xs w-full mb-2 max-w-48"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition text-xs w-full mb-2 max-w-48"
title="Select preferred viewer for journal entries"
>
<option value="">Default (Rendered)</option>
@@ -772,7 +772,7 @@ async function handle_update_journal() {
tmp_journal_obj.cfg_json.pref_editor = event.target.value;
console.log('Selected editor:', tmp_journal_obj.cfg_json.pref_editor);
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-surface transition text-xs w-full mb-2 max-w-48"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition text-xs w-full mb-2 max-w-48"
title="Select preferred editor for journal entries"
>
<option value="">Default (Text Area)</option>
@@ -794,7 +794,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_copy_plain_md = !tmp_journal_obj.cfg_json.hide_copy_plain_md;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of Markdown copy button(s) on Journal Entry view page"
>
{#if tmp_journal_obj.cfg_json.hide_copy_plain_md}
@@ -822,7 +822,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_copy_html = !tmp_journal_obj.cfg_json.hide_copy_html;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of HTML copy button(s) on Journal Entry view page"
>
{#if tmp_journal_obj.cfg_json.hide_copy_html}
@@ -850,7 +850,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_copy_rich = !tmp_journal_obj.cfg_json.hide_copy_rich;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of rendered copy button(s) on Journal Entry view page"
>
{#if tmp_journal_obj.cfg_json.hide_copy_rich}
@@ -878,7 +878,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_copy_encrypted = !tmp_journal_obj.cfg_json.hide_copy_encrypted;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of encrypted copy button(s) on Journal Entry view page"
>
{#if tmp_journal_obj.cfg_json.hide_copy_encrypted}
@@ -906,7 +906,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_clone = !tmp_journal_obj.cfg_json.hide_clone;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of clone button(s) on Journal Entry view page"
>
{#if tmp_journal_obj.cfg_json.hide_clone}
@@ -946,7 +946,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_private = !tmp_journal_obj.cfg_json.hide_private;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of private entries"
>
{#if tmp_journal_obj.cfg_json.hide_private}
@@ -974,7 +974,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_personal = !tmp_journal_obj.cfg_json.hide_personal;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of personal entries"
>
{#if tmp_journal_obj.cfg_json.hide_personal}
@@ -1002,7 +1002,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_professional = !tmp_journal_obj.cfg_json.hide_professional;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of professional entries"
>
{#if tmp_journal_obj.cfg_json.hide_professional}
@@ -1041,7 +1041,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_btn_alert = !tmp_journal_obj.cfg_json.hide_btn_alert;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of alert icon button(s) on Journal Entry view page"
>
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_alert}
@@ -1069,7 +1069,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_btn_alert_msg = !tmp_journal_obj.cfg_json.hide_btn_alert_msg;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of alert message icon button(s) on Journal Entry view page"
>
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_alert_msg}
@@ -1097,7 +1097,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_btn_private = !tmp_journal_obj.cfg_json.hide_btn_private;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of private icon button(s) on Journal Entry view page"
>
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_private}
@@ -1125,7 +1125,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_btn_public = !tmp_journal_obj.cfg_json.hide_btn_public;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of public icon button(s) on Journal Entry view page"
>
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_public}
@@ -1153,7 +1153,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_btn_personal = !tmp_journal_obj.cfg_json.hide_btn_personal;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of personal icon button(s) on Journal Entry view page"
>
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_personal}
@@ -1181,7 +1181,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_btn_professional = !tmp_journal_obj.cfg_json.hide_btn_professional;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of professional icon button(s) on Journal Entry view page"
>
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_professional}
@@ -1209,7 +1209,7 @@ async function handle_update_journal() {
onclick={() => {
tmp_journal_obj.cfg_json.hide_btn_template = !tmp_journal_obj.cfg_json.hide_btn_template;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
class="btn btn-sm preset-tonal-secondary border border-secondary-500 hover:preset-filled-secondary-500 transition *:hover:inline"
title="Toggle visibility of template icon button(s) on Journal Entry view page"
>
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_template}
@@ -1261,7 +1261,7 @@ async function handle_update_journal() {
});
}
}}
class="btn-icon-sm variant-soft-tertiary transition"
class="btn-icon-sm preset-tonal-tertiary transition"
title="Toggle priority of this journal"
>
{#if $lq__journal_obj?.priority}
@@ -1292,7 +1292,7 @@ async function handle_update_journal() {
alert('Failed to update journal sort order.');
});
}}
class="btn-icon-sm variant-soft-tertiary transition"
class="btn-icon-sm preset-tonal-tertiary transition"
title="Increment sort order of this journal"
>
<Plus strokeWidth="2.5" color="blue" />
@@ -1322,7 +1322,7 @@ async function handle_update_journal() {
alert('Failed to update journal sort order.');
});
}}
class="btn-icon-sm variant-soft-tertiary transition"
class="btn-icon-sm preset-tonal-tertiary transition"
title="Decrement sort order of this journal"
>
<Minus strokeWidth="2.5" color="blue" />
@@ -1373,7 +1373,7 @@ async function handle_update_journal() {
alert('Failed to update journal visibility.');
});
}}
class="btn btn-sm md:btn-md variant-soft-warning hover:variant-filled-warning transition"
class="btn btn-sm md:btn-md preset-tonal-warning hover:preset-filled-warning-500 transition"
title="Toggle visibility of this journal"
>
{#if $lq__journal_obj?.hide}
@@ -1404,7 +1404,7 @@ async function handle_update_journal() {
alert('Failed to update journal enable status.');
});
}}
class="btn btn-sm md:btn-md variant-soft-error hover:variant-filled-error transition"
class="btn btn-sm md:btn-md preset-tonal-error hover:preset-filled-error-500 transition"
title="Toggle enable status of this journal"
>
{#if $lq__journal_obj?.enable}
@@ -1434,7 +1434,7 @@ async function handle_update_journal() {
});
}
}}
class="btn btn-sm md:btn-md variant-soft-error hover:variant-filled-error transition"
class="btn btn-sm md:btn-md preset-tonal-error hover:preset-filled-error-500 transition"
title="Delete this journal"
>
<Trash2 strokeWidth="2.5" color="orange" class="inline-block" />
@@ -1447,7 +1447,7 @@ async function handle_update_journal() {
<button
type="button"
onclick={handle_update_journal}
class="btn variant-ghost-warning hover:variant-filled-warning transition"
class="btn preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
>
<Check />
Update
@@ -1455,7 +1455,7 @@ async function handle_update_journal() {
<button
type="button"
onclick={$journals_sess.show__modal_edit__journal_obj ?? false}
class="btn variant-ghost-surface hover:variant-filled-surface transition"
class="btn preset-tonal-surface border border-surface-500 hover:preset-filled-surface-500 transition"
>
<X />
Cancel
@@ -1467,7 +1467,7 @@ async function handle_update_journal() {
<button
type="button"
onclick={handle_update_journal}
class="btn variant-ghost-warning hover:variant-filled-warning transition absolute top-0 right-16 m-2"
class="btn preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition absolute top-0 right-16 m-2"
title="Save changes to this journal"
>
<Check />

8
src/routes/journals/[journal_id]/+page.svelte
View File

@@ -185,7 +185,7 @@ if (browser) {
<svelte:head>
<title>
&AElig; Journals:
Æ Journals:
{$lq__journal_obj?.name ? ae_util.shorten_string({ string: $lq__journal_obj?.name, max_length: 20, begin_length: 10, end_length: 4 }) : ''}
- {$ae_loc?.title}
</title>
@@ -217,7 +217,7 @@ if (browser) {
lq__journal_entry_obj_li={lq__journal_entry_obj_li}
/>
{:else}
<section class="main_content flex-grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<p>No journal entry available to show.</p>
</section>
{/if}
@@ -252,7 +252,7 @@ if (browser) {
$journals_sess.show__modal_view__journal_id = $journals_slct.journal_id;
$journals_sess.show__modal_edit__journal_id = false;
}}
class="novi_btn btn btn-sm variant-ghost-warning hover:variant-filled-warning transition"
class="novi_btn btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 transition"
title={`View meeting: ${$lq__journal_obj?.name}`}
>
<span class="fas fa-eye m-1"></span> View
@@ -273,7 +273,7 @@ if (browser) {
</Modal>
{:else}
<section class="main_content flex-grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<p class="text-center">
You must be logged in as the owner to view this Journal.
</p>

4
src/routes/journals/[journal_id]/entry/[journal_entry_id]/+page.svelte
View File

@@ -91,7 +91,7 @@ let lq__journal_entry_obj = $derived(liveQuery(async () => {
class="
ae_journals__journal_entry
mx-auto
flex flex-col flex-grow gap-1
flex flex-col grow gap-1
items-center
min-h-full
max-h-max
@@ -113,7 +113,7 @@ let lq__journal_entry_obj = $derived(liveQuery(async () => {
{:else}
<section class="main_content flex-grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<section class="main_content grow px-1 md:px-2 pb-28 flex flex-col gap-1 items-center">
<p class="text-center">
You must be logged in as the owner to view this Journal Entry.
</p>