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

14
src/routes/journals/+layout.svelte
View File

@@ -98,13 +98,13 @@ $journals_slct.journal_obj_li = ae_acct.slct.journal_obj_li;
class="mx-1 inline-block text-gray-500"
/>
<abbr title="Aether - Journals Module">
&AElig;
Æ
Journals
</abbr>
</span>
<a
href="/"
class="btn btn-sm variant-ghost-surface hover:variant-filled-success"
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-success-500"
>
<House />
<span class="hidden md:inline">
@@ -166,13 +166,13 @@ $journals_slct.journal_obj_li = ae_acct.slct.journal_obj_li;
// window.location.reload(true); // true only works with Firefox
// alert('Local and Session Storage cleared and Indexed DBs deleted. You will probably want to refresh the page.');
}}
class="btn btn-sm variant-ghost-surface hover:variant-filled-warning"
title="Clear App Data &amp; Settings: Clear IndexedDB and reload. If in edit mode localStorage and sessionStorage will also be cleared."
class="btn btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-warning-500"
title="Clear App Data & Settings: Clear IndexedDB and reload. If in edit mode localStorage and sessionStorage will also be cleared."
>
<!-- <span class="fas fa-eraser mx-1"></span> -->
<!-- <span class="fas fa-sync mx-1"></span> -->
<RefreshCw />
<span class="hidden md:inline">Clear &amp; Reload</span>
<span class="hidden md:inline">Clear & Reload</span>
</button>
</nav>
@@ -191,14 +191,14 @@ $journals_slct.journal_obj_li = ae_acct.slct.journal_obj_li;
</section> -->
<!-- Add overflow-auto to section element to have the main nav sort of sticky at top -->
<section class="main_content flex-grow px-1 md:px-2 pb-28">
<section class="main_content grow px-1 md:px-2 pb-28">
{@render children()}
</section>
</div>
{: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 are not logged in as a user. You must be signed in to access the journals module.
</p>

12
src/routes/journals/+page.svelte
View File

@@ -181,8 +181,8 @@ async function create_journal() {
type="button"
class="
btn btn-sm
variant-ghost-secondary
hover:variant-filled-secondary
preset-tonal-secondary border border-secondary-500
hover:preset-filled-secondary-500
transition
"
onclick={
@@ -205,8 +205,8 @@ async function create_journal() {
type="button"
class="
btn btn-sm
variant-ghost-secondary
hover:variant-filled-secondary
preset-tonal-secondary border border-secondary-500
hover:preset-filled-secondary-500
transition
"
onclick={
@@ -304,7 +304,7 @@ async function create_journal() {
<input type="text" placeholder="Journal Type" bind:value={$journals_sess.journal.new_journal_type_code} class="input input-bordered w-full mb-2" />
</div>
<div class="modal-action">
<button class="btn variant-glass-primary"
<button class="btn preset-tonal-primary"
onclick={create_journal}>Create</button>
<button
type="button"
@@ -312,7 +312,7 @@ async function create_journal() {
// Close the modal
$journals_sess.show__modal_new__journal_obj = false;
}}
class="btn variant-glass-secondary"
class="btn preset-tonal-secondary"
>
Cancel
</button>

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>

6
src/routes/journals/ae_comp__journal_entry_obj_file_li.svelte
View File

@@ -132,7 +132,7 @@ $effect(() => {
{#if $ae_loc.trusted_access}
<button
type="button"
class="btn btn-sm variant-ghost-warning hover:variant-filled-warning float-right"
class="btn btn-sm preset-tonal-warning border border-warning-500 hover:preset-filled-warning-500 float-right"
title="Toggle between Upload and Select from Hosted Files"
onclick={() => {
if ($ae_sess.files.add_to_use_files_method == 'upload') {
@@ -205,7 +205,7 @@ $effect(() => {
class="flex flex-row flex-wrap gap-1 items-center justify-center w-full"
>
<label for="filename" class="flex-grow">
<label for="filename" class="grow">
<span class="text-sm text-gray-600 dark:text-gray-400 italic">
<span class="fas fa-file-alt"></span>
<strong class="bg-green-100 p-1">Filename</strong>
@@ -271,7 +271,7 @@ $effect(() => {
});
}
}}
class="btn btn-sm variant-soft-error"
class="btn btn-sm preset-tonal-error"
>
{#await ae_promises.journal_entry_obj__hosted_file}
<span class="fas fa-spinner fa-spin m-1"></span>

128
src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte
View File

@@ -2,7 +2,7 @@
// *** Import Svelte specific
import { goto } from '$app/navigation';
// import { tick } from 'svelte';
// import { clipboard } from '@skeletonlabs/skeleton';
import { marked } from 'marked';
import {
ArrowDown01, ArrowDown10, ArrowDownUp,
@@ -910,7 +910,7 @@ $effect(() => {
<section
class="
svelte_component ae_section ae_view journal_entry_obj view__journal_entry_obj bg-white
flex flex-col flex-grow items-center justify-start
flex flex-col grow items-center justify-start
w-full h-full p-2 m-2 space-y-2
"
@@ -922,7 +922,7 @@ $effect(() => {
<header class="ae_header journal_entry__header flex flex-row flex-wrap gap-2 items-center justify-between w-full">
<div class="flex-grow flex flex-row flex-wrap gap-2 items-center justify-start">
<div class="grow flex flex-row flex-wrap gap-2 items-center justify-start">
<!-- Toggle edit for journal entry -->
<button
type="button"
@@ -941,7 +941,7 @@ $effect(() => {
// trigger_decrypt = true;
// }
}}
class="btn-icon btn-icon-sm variant-soft-warning hover:variant-filled-warning transition"
class="btn-icon btn-icon-sm preset-tonal-warning hover:preset-filled-warning-500 transition"
title="Toggle edit mode for this journal entry"
>
{#if $journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] == 'current'}
@@ -980,7 +980,7 @@ $effect(() => {
</h2>
</div>
<div class="flex-grow flex flex-row flex-wrap gap-2 items-center justify-end">
<div class="grow flex flex-row flex-wrap gap-2 items-center justify-end">
<div class="flex flex-row flex-wrap gap-1 items-center justify-end">
<!-- Tags for journal entry. Comma delimited list. -->
@@ -1011,7 +1011,7 @@ $effect(() => {
{#each $lq__journal_entry_obj.tags.split(',') as tag}
<span
class="btn btn-sm variant-glass-tertiary hover:variant-ghost-tertiary transition py-1 px-2"
class="btn btn-sm preset-tonal-tertiary hover:preset-tonal-tertiary border border-tertiary-500 transition py-1 px-2"
title={`Tag: ${tag.trim()}`}
>
{tag.trim()}
@@ -1030,7 +1030,7 @@ $effect(() => {
<!-- <span class="hidden sm:inline">Category:</span> -->
</span>
<span
class="btn btn-sm variant-glass-tertiary hover:variant-ghost-tertiary transition py-1 px-2"
class="btn btn-sm preset-tonal-tertiary hover:preset-tonal-tertiary border border-tertiary-500 transition py-1 px-2"
title={`Category: ${$lq__journal_entry_obj.category_code}`}
>
{$lq__journal_entry_obj.category_code}
@@ -1055,7 +1055,7 @@ $effect(() => {
tmp_entry_obj.alert = !$lq__journal_entry_obj?.alert;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle alert status of this journal entry"
>
{#if $lq__journal_entry_obj?.alert}
@@ -1073,7 +1073,7 @@ $effect(() => {
update_journal_entry();
}}
class:hidden={!$lq__journal_entry_obj?.alert}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle alert message of this journal entry"
>
{#if $lq__journal_entry_obj?.alert_msg}
@@ -1116,7 +1116,7 @@ $effect(() => {
}
}
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle private visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.private}
@@ -1177,7 +1177,7 @@ $effect(() => {
}
}}
class:hidden={!$lq__journal_entry_obj?.private || !tmp_entry_obj?.content_encrypted}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle viewing/editing of private encrypted content"
>
{#if $lq__journal_entry_obj?.private && tmp_entry_obj?.content}
@@ -1203,7 +1203,7 @@ $effect(() => {
tmp_entry_obj.public = !$lq__journal_entry_obj?.public;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle public visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.public}
@@ -1221,7 +1221,7 @@ $effect(() => {
tmp_entry_obj.personal = !$lq__journal_entry_obj?.personal;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle personal visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.personal}
@@ -1239,7 +1239,7 @@ $effect(() => {
tmp_entry_obj.professional = !$lq__journal_entry_obj?.professional;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle professional visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.professional}
@@ -1260,7 +1260,7 @@ $effect(() => {
<button
type="button"
onclick={() => (show_menu = !show_menu)}
class="btn variant-outline-secondary hover:variant-filled-secondary transition py-1 px-2 w-24 *:hover:inline"
class="btn variant-outline-secondary hover:preset-filled-secondary-500 transition py-1 px-2 w-24 *:hover:inline"
title="Toggle menu"
>
<Menu size="1.5em" class="inline-block" />
@@ -1284,8 +1284,8 @@ $effect(() => {
</span>
<select
class="novi_btn btn btn-secondary btn-sm
variant-soft-primary
hover:variant-filled-primary
preset-tonal-primary
hover:preset-filled-primary-500
transition
text-sm
w-full
@@ -1335,7 +1335,7 @@ $effect(() => {
tmp_entry_obj.alert = !$lq__journal_entry_obj?.alert;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle alert status of this journal entry"
>
{#if $lq__journal_entry_obj?.alert}
@@ -1378,7 +1378,7 @@ $effect(() => {
}
}
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle private visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.private}
@@ -1399,7 +1399,7 @@ $effect(() => {
tmp_entry_obj.public = !$lq__journal_entry_obj?.public;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle public visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.public}
@@ -1417,7 +1417,7 @@ $effect(() => {
tmp_entry_obj.personal = !$lq__journal_entry_obj?.personal;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle personal visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.personal}
@@ -1435,7 +1435,7 @@ $effect(() => {
tmp_entry_obj.professional = !$lq__journal_entry_obj?.professional;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle professional visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.professional}
@@ -1454,7 +1454,7 @@ $effect(() => {
tmp_entry_obj.template = !$lq__journal_entry_obj?.template;
update_journal_entry();
}}
class="btn-icon btn-icon-sm variant-soft-secondary hover:variant-filled-secondary transition"
class="btn-icon btn-icon-sm preset-tonal-secondary hover:preset-filled-secondary-500 transition"
title="Toggle if used as journal entry template"
>
{#if $lq__journal_entry_obj?.template}
@@ -1480,7 +1480,7 @@ $effect(() => {
alert('Failed to copy content.');
});
}}
class="btn btn-sm w-full mb-2 p-1 variant-soft-secondary *:hover:inline lg:text-xs"
class="btn btn-sm w-full mb-2 p-1 preset-tonal-secondary *:hover:inline lg:text-xs"
title="Copy the markdown content"
>
<Copy size="1em" />
@@ -1502,7 +1502,7 @@ $effect(() => {
alert('Failed to copy HTML content.');
});
}}
class="btn btn-sm w-full mb-2 p-1 variant-soft-secondary *:hover:inline lg:text-xs"
class="btn btn-sm w-full mb-2 p-1 preset-tonal-secondary *:hover:inline lg:text-xs"
title="Copy the HTML content"
>
<Copy size="1em" />
@@ -1540,7 +1540,7 @@ $effect(() => {
alert('Failed to copy rich content.');
}
}}
class="btn btn-sm w-full mb-2 p-1 variant-soft-secondary *:hover:inline lg:text-xs"
class="btn btn-sm w-full mb-2 p-1 preset-tonal-secondary *:hover:inline lg:text-xs"
title="Copy the rich text (rendered HTML) content"
>
<Copy size="1em" />
@@ -1579,7 +1579,7 @@ $effect(() => {
alert('Failed to clone journal entry.');
});
}}
class="btn btn-sm w-full mb-2 p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
class="btn btn-sm w-full mb-2 p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline lg:text-xs"
title="Clone this journal entry"
>
<!-- class="btn btn-sm variant-soft-surface hover:variant-filled-warning transition py-1 px-2" -->
@@ -1635,9 +1635,9 @@ $effect(() => {
}
}}
class:variant-filled-secondary={$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] == 'history'}
class:variant-soft-secondary={$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] != 'history'}
class="btn btn-sm hover:variant-filled-secondary *:hover:inline lg:text-xs w-full"
class:preset-filled-secondary-500={$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] == 'history'}
class:preset-tonal-secondary={$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] != 'history'}
class="btn btn-sm hover:preset-filled-secondary-500 *:hover:inline lg:text-xs w-full"
title="Toggle history of this journal entry"
>
{#if !$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] || $journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id] == 'current'}
@@ -1678,7 +1678,7 @@ $effect(() => {
console.log('History md html:', history_md_html);
}
}}
class="btn btn-sm variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
class="btn btn-sm preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline lg:text-xs"
title="Toggle edit mode for history of this journal entry"
>
{#if !$journals_sess?.show__content__journal_entry_history || $journals_sess?.show__content__journal_entry_history == 'view'}
@@ -1709,7 +1709,7 @@ $effect(() => {
tmp_entry_obj.priority = !$lq__journal_entry_obj?.priority;
update_journal_entry();
}}
class="btn w-full mb-2 variant-soft-tertiary transition hover:variant-filled-tertiary"
class="btn w-full mb-2 preset-tonal-tertiary transition hover:preset-filled-tertiary-500"
title="Toggle priority of this journal entry"
>
{#if $lq__journal_entry_obj?.priority}
@@ -1734,7 +1734,7 @@ $effect(() => {
console.log('Incremented sort order:', tmp_entry_obj.sort);
update_journal_entry();
}}
class="btn-icon-sm variant-soft-tertiary transition hover:variant-filled-tertiary"
class="btn-icon-sm preset-tonal-tertiary transition hover:preset-filled-tertiary-500"
title="Increment sort order of this journal entry"
>
<Plus strokeWidth="2.5" color="blue" />
@@ -1755,7 +1755,7 @@ $effect(() => {
console.log('Decremented sort order:', tmp_entry_obj.sort);
update_journal_entry();
}}
class="btn-icon-sm variant-soft-tertiary transition hover:variant-filled-tertiary"
class="btn-icon-sm preset-tonal-tertiary transition hover:preset-filled-tertiary-500"
title="Decrement sort order of this journal entry"
>
<Minus strokeWidth="2.5" color="blue" />
@@ -1800,7 +1800,7 @@ $effect(() => {
update_journal_entry();
}}
class:hidden={!$ae_loc.edit_mode}
class="btn btn-icon btn-icon-sm variant-glass-warning hover:variant-filled-warning transition *:hover:inline"
class="btn btn-icon btn-icon-sm preset-tonal-warning hover:preset-filled-warning-500 transition *:hover:inline"
title="Clear the archive on datetime for this journal entry"
>
<X strokeWidth="2.5" color="red" />
@@ -1821,7 +1821,7 @@ $effect(() => {
update_journal_entry();
}}
class:hidden={!$ae_loc.edit_mode}
class="btn btn-icon btn-icon-sm variant-glass-warning hover:variant-filled-warning transition *:hover:inline"
class="btn btn-icon btn-icon-sm preset-tonal-warning hover:preset-filled-warning-500 transition *:hover:inline"
title="Set the archive on datetime for this journal entry"
>
<Clock strokeWidth="2.5" color="blue" />
@@ -1837,7 +1837,7 @@ $effect(() => {
tmp_entry_obj.hide = !$lq__journal_entry_obj?.hide;
update_journal_entry();
}}
class="btn btn-sm md:btn-md w-full mb-2 variant-soft-warning hover:variant-filled-warning transition"
class="btn btn-sm md:btn-md w-full mb-2 preset-tonal-warning hover:preset-filled-warning-500 transition"
title="Toggle visibility of this journal entry"
>
{#if $lq__journal_entry_obj?.hide}
@@ -1857,7 +1857,7 @@ $effect(() => {
update_journal_entry();
}}
class:hidden={!$ae_loc.administrator_access || !$ae_loc.edit_mode}
class="btn btn-sm md:btn-md w-full mb-2 variant-soft-error hover:variant-filled-error transition"
class="btn btn-sm md:btn-md w-full mb-2 preset-tonal-error hover:preset-filled-error-500 transition"
title="Toggle enable status of this journal entry"
>
{#if $lq__journal_entry_obj?.enable}
@@ -1897,7 +1897,7 @@ $effect(() => {
}
}}
class:hidden={!$ae_loc.edit_mode}
class="btn btn-sm md:btn-md w-full mb-2 variant-soft-error hover:variant-filled-error transition"
class="btn btn-sm md:btn-md w-full mb-2 preset-tonal-error hover:preset-filled-error-500 transition"
title="Delete this journal entry"
>
@@ -1926,8 +1926,8 @@ $effect(() => {
<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
border-none
@@ -1989,7 +1989,7 @@ role={$ae_loc.edit_mode ? 'button' : 'article'}
tabindex={$ae_loc.edit_mode ? 0 : -1} -->
<section
class="
flex-grow
grow
basis-full
flex flex-col flex-wrap items-center justify-center
h-full min-h-max max-h-full
@@ -2019,7 +2019,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
{:else if $lq__journal_obj?.cfg_json?.pref_viewer == 'plain'}
<pre
class="
flex-grow
grow
basis-full
h-full min-h-max max-h-full
w-full min-w-full max-w-6xl
@@ -2027,8 +2027,8 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
space-y-1
font-mono
text-wrap
!bg-slate-100 !text-gray-900
dark:!bg-slate-900 dark:!text-gray-100
bg-slate-100! text-gray-900!
dark:bg-slate-900! dark:text-gray-100!
dark:prose-invert
shadow-md rounded-lg
border border-gray-200 dark:border-gray-700
@@ -2042,15 +2042,15 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
{:else} <!-- rendered has HTML -->
<article
class="
flex-grow
grow
basis-full
h-full min-h-max max-h-full
w-full min-w-full max-w-6xl
p-2
space-y-1
font-mono
!bg-slate-100 !text-gray-900
dark:!bg-slate-900 dark:!text-gray-100
bg-slate-100! text-gray-900!
dark:bg-slate-900! dark:text-gray-100!
dark:prose-invert
shadow-md rounded-lg
border border-gray-200 dark:border-gray-700
@@ -2071,7 +2071,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
<div class=""><LockKeyhole strokeWidth="1.5" color="green" class="inline-block" /> Encrypted:</div>
<div class="max-w-screen-md overflow-auto wrap break-all">
<div class="max-w-(--breakpoint-md) overflow-auto wrap break-all">
{tmp_entry_obj?.content_encrypted}
</div>
</div>
@@ -2108,7 +2108,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
{#if (!tmp_entry_obj?.content && tmp_entry_obj?.content_encrypted)}
<div
class="
flex-grow
grow
basis-full
h-full min-h-max max-h-full
w-full min-w-full max-w-6xl
@@ -2160,7 +2160,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
<!-- <div
class="
flex-grow
grow
h-full max-h-full
w-full min-w-full max-w-6xl"
> -->
@@ -2193,8 +2193,8 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
}}
class="
flex-grow
flex-shrink-0
grow
shrink-0
basis-full
h-max min-h-max max-h-full
w-full min-w-full max-w-6xl
@@ -2219,13 +2219,13 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
update_journal_entry();
}}
disabled={!tmp_entry_obj_changed}
class:variant-filled-error={tmp_entry_obj_changed}
class:preset-filled-error-500={tmp_entry_obj_changed}
class="
btn btn-sm md:btn-md lg:btn-lg
min-w-72 w-full lg:min-w-96
max-w-96
hover:variant-outline-success
hover:variant-filled-success
hover:preset-filled-success-500
"
>
Save Changes?
@@ -2250,14 +2250,14 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
}}
disabled={!tmp_entry_obj_changed}
class:hidden={!tmp_entry_obj_changed}
class:variant-filled-error={tmp_entry_obj_changed}
class:preset-filled-error-500={tmp_entry_obj_changed}
class="
btn btn-sm md:btn-md lg:btn-lg
min-w-24 w-full lg:min-w-32
max-w-40
variant-ghost-warning
preset-tonal-warning border border-warning-500
hover:variant-outline-success
hover:variant-filled-success
hover:preset-filled-success-500
fixed top-96 md:top-72 right-6
"
>
@@ -2316,7 +2316,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
<div
class="
flex-grow
grow
basis-full
flex flex-col items-center justify-center
h-full
@@ -2326,14 +2326,14 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
{#if $journals_sess?.show__content__journal_entry_history == 'view'}
<article
class="
flex-grow
grow
space-y-1
h-full min-h-max max-h-full
w-full min-w-full max-w-6xl
p-2
font-mono
!bg-slate-100 !text-gray-900
dark:!bg-slate-900 dark:!text-gray-100
bg-slate-100! text-gray-900!
dark:bg-slate-900! dark:text-gray-100!
dark:prose-invert
shadow-md rounded-lg
border border-gray-200 dark:border-gray-700
@@ -2353,7 +2353,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
bind:value={tmp_entry_obj.history}
class="
space-y-1
flex-grow
grow
basis-full
h-full min-h-max max-h-full
w-full min-w-full max-w-6xl
@@ -2374,7 +2374,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
{/if}
<!-- <div class="max-w-screen-md overflow-auto">
<!-- <div class="max-w-(--breakpoint-md) overflow-auto">
aaaa
{tmp_entry_obj?.content ?? '-- not set --'}
<hr>

36
src/routes/journals/ae_comp__journal_entry_obj_li.svelte
View File

@@ -116,9 +116,9 @@ $effect(() => {
<div
class="
container journal journal_entry_obj
border border-1
border border
px-2 py-1 space-y-1
w-full max-w-screen-lg
w-full max-w-(--breakpoint-lg)
flex flex-col items-center justify-center
bg-white text-gray-900
dark:bg-gray-800 dark:text-gray-200
@@ -187,7 +187,7 @@ $effect(() => {
});
}}
class:hidden={$lq__journal_obj?.cfg_json?.hide_copy_plain_md}
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline text-xs lg:text-sm"
class="btn btn-sm p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline text-xs lg:text-sm"
title="Copy the markdown content"
>
<!-- <span class="fas fa-copy mx-1"></span> -->
@@ -214,7 +214,7 @@ $effect(() => {
});
}}
class:hidden={journals_journal_entry_obj.template || $lq__journal_obj?.cfg_json?.hide_copy_html}
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
class="btn btn-sm p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline lg:text-xs"
title="Copy the rendered HTML content"
>
<!-- <span class="fas fa-copy mx-1"></span> -->
@@ -254,7 +254,7 @@ $effect(() => {
}
}}
class:hidden={journals_journal_entry_obj.template || $lq__journal_obj?.cfg_json?.hide_copy_rich}
class="btn btn-sm p-1 variant-soft-secondary *:hover:inline lg:text-xs"
class="btn btn-sm p-1 preset-tonal-secondary *:hover:inline lg:text-xs"
title="Copy the rich text (rendered HTML) content"
>
<Copy size="1em" />
@@ -293,7 +293,7 @@ $effect(() => {
});
}}
class:hidden={!journals_journal_entry_obj.template}
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline lg:text-xs"
class="btn btn-sm p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline lg:text-xs"
title="Clone this journal entry"
>
<!-- class="btn btn-sm variant-soft-surface hover:variant-filled-warning transition py-1 px-2" -->
@@ -325,7 +325,7 @@ $effect(() => {
});
}}
class:hidden={$lq__journal_obj?.cfg_json?.hide_copy_encrypted}
class="btn btn-sm p-1 variant-soft-secondary hover:variant-filled-secondary *:hover:inline text-xs lg:text-sm"
class="btn btn-sm p-1 preset-tonal-secondary hover:preset-filled-secondary-500 *:hover:inline text-xs lg:text-sm"
title="Copy the encrypted content"
>
<!-- <span class="fas fa-copy mx-1"></span> -->
@@ -356,7 +356,7 @@ $effect(() => {
<span class="font-semibold text-sm text-gray-500">
{journals_journal_entry_obj?.data_json?.hosted_file_kv
? Object.keys(journals_journal_entry_obj?.data_json?.hosted_file_kv).length
: 0}&times;
: 0}×
</span>
</div>
@@ -368,7 +368,7 @@ $effect(() => {
{#each journals_journal_entry_obj.tags.split(',') as tag}
<span
class="btn btn-sm variant-glass-tertiary hover:variant-ghost-tertiary transition py-1 px-2"
class="btn btn-sm preset-tonal-tertiary hover:preset-tonal-tertiary border border-tertiary-500 transition py-1 px-2"
title={`Tag: ${tag.trim()}`}
>
{tag.trim()}
@@ -397,7 +397,7 @@ $effect(() => {
}
}}
class:bg-green-100={$journals_loc.filter__category_code == journals_journal_entry_obj.category_code}
class="btn btn-sm variant-outline-secondary hover:variant-filled-secondary transition py-1 px-2"
class="btn btn-sm variant-outline-secondary hover:preset-filled-secondary-500 transition py-1 px-2"
title={`Filter by category: ${journals_journal_entry_obj.category_code}`}
>
<Shapes class="mx-1 inline-block"/>
@@ -407,7 +407,7 @@ $effect(() => {
<a
href="/journals/{journals_journal_entry_obj?.journal_id}/entry/{journals_journal_entry_obj?.journal_entry_id}"
class="btn variant-ghost-primary hover:variant-filled-primary transition"
class="btn preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 transition"
title={`View ID: ${journals_journal_entry_obj?.id}\n${journals_journal_entry_obj?.name ?? ae_util.iso_datetime_formatter(journals_journal_entry_obj.created_on, 'datetime_iso_12_no_seconds')}`}
>
<NotebookPen class="mx-1 inline-block"/>
@@ -431,7 +431,7 @@ $effect(() => {
$journals_sess.show__modal_append__journal_entry_id = journals_journal_entry_obj?.id;
tmp_entry_obj = journals_journal_entry_obj;
}}
class="btn btn-icon btn-sm variant-ghost-surface hover:variant-filled-secondary transition"
class="btn btn-icon btn-sm preset-tonal-surface border border-surface-500 hover:preset-filled-secondary-500 transition"
>
<ListPlus />
<!-- Append -->
@@ -597,7 +597,7 @@ $effect(() => {
});
}}
class:hidden={!$ae_loc.edit_mode}
class="btn btn-sm variant-soft-surface hover:variant-filled-warning transition py-1 px-2"
class="btn btn-sm preset-tonal-surface hover:preset-filled-warning-500 transition py-1 px-2"
title={`Set entry as ${journals_journal_entry_obj.hide ? 'visible' : 'hidden'}`}
>
{#if journals_journal_entry_obj.hide}
@@ -684,7 +684,7 @@ $effect(() => {
class:border-orange-200={$ae_loc.edit_mode}
class:hover:border-orange-500={$ae_loc.edit_mode}
class="
flex-grow min-h-12 h-full w-full
grow min-h-12 h-full w-full
p-2
bg-slate-100 text-gray-900
dark:bg-slate-900 dark:text-gray-100
@@ -702,7 +702,7 @@ $effect(() => {
class:border-orange-200={$ae_loc.edit_mode}
class:hover:border-orange-500={$ae_loc.edit_mode}
class="
flex-grow min-h-48 h-full w-full
grow min-h-48 h-full w-full
p-2
bg-slate-100 text-gray-900
dark:bg-slate-900 dark:text-gray-100
@@ -793,13 +793,13 @@ $effect(() => {
alert('Failed to update journal entry.');
}
}}
class:variant-filled-error={tmp_entry_obj_changed}
class:preset-filled-error-500={tmp_entry_obj_changed}
class="
btn btn-sm md:btn-md lg:btn-lg
min-w-72 w-full lg:min-w-96
max-w-96
hover:variant-outline-success
hover:variant-filled-success
hover:preset-filled-success-500
"
>
<Check />
@@ -808,7 +808,7 @@ $effect(() => {
<button
type="button"
onclick={$journals_sess.show__modal_append__journal_entry_id ?? 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

14
src/routes/journals/ae_comp__journal_obj_id_view.svelte
View File

@@ -105,7 +105,7 @@ function verify_journal_passcode() {
<BookOpenText class="inline-block" />
{@html $lq__journal_obj?.name ?? 'Loading...'}
{#if $ae_loc.trusted_access && $ae_loc.edit_mode}
({$lq__journal_entry_obj_li?.length ?? '0'}&times;)
({$lq__journal_entry_obj_li?.length ?? '0'}×)
{/if}
{#await $journals_prom.load__journal_entry_obj_li}
<span class="fas fa-spinner fa-spin"></span>
@@ -121,7 +121,7 @@ function verify_journal_passcode() {
<button
type="button"
onclick={() => (show_menu = !show_menu)}
class="btn variant-outline-secondary hover:variant-filled-secondary transition py-1 px-2 w-24 *:hover:inline"
class="btn variant-outline-secondary hover:preset-filled-secondary-500 transition py-1 px-2 w-24 *:hover:inline"
title="Toggle menu"
>
<Menu size="1.5em" class="inline-block" />
@@ -180,8 +180,8 @@ function verify_journal_passcode() {
}}
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}"
@@ -210,8 +210,8 @@ function verify_journal_passcode() {
class:hidden={!$ae_loc.edit_mode}
class="
btn btn-sm
variant-ghost-warning
hover:variant-filled-warning
preset-tonal-warning border border-warning-500
hover:preset-filled-warning-500
transition
"
title="Edit Journal meta and configuration (name, type, passcode, categories, etc.: {$lq__journal_obj?.name})"
@@ -268,7 +268,7 @@ function verify_journal_passcode() {
prose
space-y-1
p-2
w-full max-w-screen-sm md:max-w-screen-md
w-full max-w-(--breakpoint-sm) md:max-w-(--breakpoint-md)
font-mono
text-gray-900
dark:bg-blue-900/40 dark:text-gray-100

6
src/routes/journals/ae_comp__journal_obj_li.svelte
View File

@@ -27,7 +27,7 @@ let { lq__journal_obj_li }: Props = $props();
{#each $lq__journal_obj_li as journals_journal_obj, index}
<div
class="container journal journal_obj border border-1 rounded p-2 mb-2 space-y-2 w-full max-w-screen-lg flex flex-col items-center justify-center bg-{journals_journal_obj?.cfg_json.color_scheme}-100"
class="container journal journal_obj border border rounded p-2 mb-2 space-y-2 w-full max-w-(--breakpoint-lg) flex flex-col items-center justify-center bg-{journals_journal_obj?.cfg_json.color_scheme}-100"
class:hidden={(journals_journal_obj?.hide || !journals_journal_obj?.enable) && !$ae_loc.trusted_access}
class:dim={journals_journal_obj.hide}
class:bg-warning-100={!journals_journal_obj?.enable}
@@ -57,7 +57,7 @@ let { lq__journal_obj_li }: Props = $props();
space-y-1
journal__description
p-2
w-full max-w-screen-sm md:max-w-screen-md
w-full max-w-(--breakpoint-sm) md:max-w-(--breakpoint-md)
font-mono
text-gray-900
dark:bg-blue-900 dark:text-gray-100
@@ -77,7 +77,7 @@ let { lq__journal_obj_li }: Props = $props();
<div class="ae_options flex flex-row gap-2 items-center justify-center">
<a href="/journals/{journals_journal_obj?.journal_id}" class="btn btn-secondary btn-md variant-ghost-primary hover:variant-filled-primary hover:underline transition" title={`View: ${journals_journal_obj?.name}`}>
<a href="/journals/{journals_journal_obj?.journal_id}" class="btn btn-secondary btn-md preset-tonal-primary border border-primary-500 hover:preset-filled-primary-500 hover:underline transition" title={`View: ${journals_journal_obj?.name}`}>
<!-- <span class="fas fa-envelope-open m-1"></span> -->
<BookOpenText class="m-1" />
Open

20
src/routes/journals/ae_comp__obj_core_props.svelte
View File

@@ -67,7 +67,7 @@ let ae_promises: key_val = $state({});
obj_priority = !obj_priority;
// update_journal_entry();
}}
class="btn-icon btn-icon-sm md:btn-icon-base variant-soft-tertiary transition hover:variant-filled-tertiary"
class="btn-icon btn-icon-sm md:btn-icon-base preset-tonal-tertiary transition hover:preset-filled-tertiary-500"
title="Toggle priority of this journal entry"
>
{#if obj_priority}
@@ -90,7 +90,7 @@ let ae_promises: key_val = $state({});
obj_sort = obj_sort ? obj_sort + 1 : 1;
// update_journal_entry();
}}
class="btn-icon-sm variant-soft-tertiary transition hover:variant-filled-tertiary"
class="btn-icon-sm preset-tonal-tertiary transition hover:preset-filled-tertiary-500"
title="Increment sort order of this journal entry"
>
<Plus strokeWidth="2.5" color="blue" />
@@ -109,7 +109,7 @@ let ae_promises: key_val = $state({});
obj_sort = obj_sort ? obj_sort - 1 : 0;
// update_journal_entry();
}}
class="btn-icon-sm variant-soft-tertiary transition hover:variant-filled-tertiary"
class="btn-icon-sm preset-tonal-tertiary transition hover:preset-filled-tertiary-500"
title="Decrement sort order of this journal entry"
>
<Minus strokeWidth="2.5" color="blue" />
@@ -154,7 +154,7 @@ let ae_promises: key_val = $state({});
// update_journal_entry();
}}
class:hidden={!$ae_loc.edit_mode}
class="btn btn-icon btn-icon-sm variant-glass-warning hover:variant-filled-warning transition *:hover:inline"
class="btn btn-icon btn-icon-sm preset-tonal-warning hover:preset-filled-warning-500 transition *:hover:inline"
title="Clear the archive on datetime for this journal entry"
>
<X strokeWidth="2.5" color="red" />
@@ -172,7 +172,7 @@ let ae_promises: key_val = $state({});
// update_journal_entry();
}}
class:hidden={!$ae_loc.edit_mode}
class="btn btn-icon btn-icon-sm variant-glass-warning hover:variant-filled-warning transition *:hover:inline"
class="btn btn-icon btn-icon-sm preset-tonal-warning hover:preset-filled-warning-500 transition *:hover:inline"
title="Set the archive on datetime for this journal entry"
>
<Clock strokeWidth="2.5" color="blue" />
@@ -188,7 +188,7 @@ let ae_promises: key_val = $state({});
obj_hide = !obj_hide;
update_journal_entry();
}}
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 entry"
>
{#if obj_hide}
@@ -208,7 +208,7 @@ let ae_promises: key_val = $state({});
// update_journal_entry();
}}
class:hidden={!$ae_loc.administrator_access || !$ae_loc.edit_mode}
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 entry"
>
{#if obj_enable}
@@ -248,7 +248,7 @@ let ae_promises: key_val = $state({});
}
}}
class:hidden={!$ae_loc.edit_mode}
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 entry"
>
@@ -290,8 +290,8 @@ let ae_promises: key_val = $state({});
</span>
<select
class="novi_btn btn btn-secondary btn-sm
variant-soft-primary
hover:variant-filled-primary
preset-tonal-primary
hover:preset-filled-primary-500
transition
text-xs
border-none

8
src/routes/journals/hold+layout.svelte
View File

@@ -14,7 +14,7 @@ import { notes_loc, notes_slct, notes_trigger } from '$lib/ae_journals/ae_journa
<div class="ae_notes">
<nav class="submenu flex flex-row justify-center gap-1">
<a href="/" class="btn btn-sm variant-ghost-success hover:variant-filled-success">Home</a>
<a href="/" class="btn btn-sm preset-tonal-success border border-success-500 hover:preset-filled-success-500">Home</a>
<!-- <a href="/about" class="btn btn-sm">About</a> -->
<!-- <a href="/settings" class="btn btn-sm">Settings</a> -->
<button
@@ -36,12 +36,12 @@ import { notes_loc, notes_slct, notes_trigger } from '$lib/ae_journals/ae_journa
window.location.reload(true); // true only works with Firefox
// alert('Local and Session Storage cleared and Indexed DBs deleted. You will probably want to refresh the page.');
}}
class="btn btn-sm variant-ghost-success hover:variant-filled-success"
title="Clear App Data &amp; Settings - Reload: Clear the browser storage for this site"
class="btn btn-sm preset-tonal-success border border-success-500 hover:preset-filled-success-500"
title="Clear App Data & Settings - Reload: Clear the browser storage for this site"
>
<!-- <span class="fas fa-eraser mx-1"></span> -->
<span class="fas fa-sync mx-1"></span>
Clear &amp; Reload
Clear & Reload
</button>
</nav>