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

Now with extra save buttons

Browse Source
This commit is contained in:
Scott Idem
2025-05-14 18:02:24 -04:00
parent 42a813dc52
commit 372cafeb01
2 changed files with 311 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -384,9 +384,9 @@ async function handle_update_journal() {
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"
> >
<div class="modal"> <div class="modal">
<div class="modal-box mx-2 mb-10"> <div class="modal-box mx-2 mb-14 space-y-4">
<!-- <h3 class="font-bold text-lg">Edit Journal</h3> --> <!-- <h3 class="font-bold text-lg">Edit Journal</h3> -->
<div class="py-4 mb-2"> <div class="py-2 mb-2">
<label class="text-sm text-gray-500 hidden sm:inline"> <label class="text-sm text-gray-500 hidden sm:inline">
Journal Name: Journal Name:
<input type="text" placeholder="Journal Name" bind:value={$journals_slct.tmp_journal_obj.name} class="input input-bordered w-full mb-2" /> <input type="text" placeholder="Journal Name" bind:value={$journals_slct.tmp_journal_obj.name} class="input input-bordered w-full mb-2" />
@@ -403,8 +403,6 @@ async function handle_update_journal() {
></textarea> ></textarea>
</label> </label>
<div class="*:hover:inline"> <div class="*:hover:inline">
<!-- input for passcode --> <!-- input for passcode -->
<label <label
@@ -429,16 +427,16 @@ async function handle_update_journal() {
<input type="text" placeholder="Auth Key" bind:value={$journals_slct.tmp_journal_obj.auth_key} class="input input-bordered w-64 mb-2" /> <input type="text" placeholder="Auth Key" bind:value={$journals_slct.tmp_journal_obj.auth_key} class="input input-bordered w-64 mb-2" />
</label> </label>
<label class="text-sm text-gray-500"> <label class="text-sm text-gray-500">
Journal Type: Journal Type:
<input type="text" placeholder="Journal Type" bind:value={$journals_slct.tmp_journal_obj.type_code} class="input input-bordered w-48 mb-2" /> <input type="text" placeholder="Journal Type" bind:value={$journals_slct.tmp_journal_obj.type_code} class="input input-bordered w-48 mb-2" />
</label> </label>
<!-- select option for journal type_code --> <!-- select option for journal type_code -->
<div> <div>
<span class="text-sm text-gray-500 sm:inline"> <span class="text-sm text-gray-500 sm:inline">
Journal Type: Journal Type:
</span> </span>
<select <select
class="btn btn-sm class="btn btn-sm
variant-ghost-surface variant-ghost-surface
@@ -461,7 +459,7 @@ async function handle_update_journal() {
</select> </select>
</div> </div>
<div> <div class="flex flex-row gap-1 items-center judify-start">
<!-- inputs for customizable journal category list --> <!-- inputs for customizable journal category list -->
<!-- each category has a code and name; need to be able to add and remove categories --> <!-- each category has a code and name; need to be able to add and remove categories -->
<div class="text-sm text-gray-500 hidden sm:inline"> <div class="text-sm text-gray-500 hidden sm:inline">
@@ -500,7 +498,7 @@ async function handle_update_journal() {
</div> </div>
<!-- Select max height options (Tailwind CSS) --> <!-- Select max height options (Tailwind CSS) -->
<div> <div class="flex flex-row gap-1 items-center judify-start">
<span class="text-sm text-gray-500 hidden sm:inline"> <span class="text-sm text-gray-500 hidden sm:inline">
Journal Entry List Max Height: Journal Entry List Max Height:
</span> </span>
@@ -525,7 +523,7 @@ async function handle_update_journal() {
</div> </div>
<!-- Select hover max height options (Tailwind CSS) --> <!-- Select hover max height options (Tailwind CSS) -->
<div> <div class="flex flex-row gap-1 items-center judify-start">
<span class="text-sm text-gray-500 hidden sm:inline"> <span class="text-sm text-gray-500 hidden sm:inline">
Journal Entry List Hover Max Height: Journal Entry List Hover Max Height:
</span> </span>
@@ -552,7 +550,7 @@ async function handle_update_journal() {
<!-- Select color scheme for the journal entries --> <!-- Select color scheme for the journal entries -->
<!-- Should select from the common Tailwind CSS options. Examples: slate, blue, gray, green, orange, red, yellow, etc. --> <!-- Should select from the common Tailwind CSS options. Examples: slate, blue, gray, green, orange, red, yellow, etc. -->
<!-- Saves to cfg_json.color_scheme --> <!-- Saves to cfg_json.color_scheme -->
<div> <div class="flex flex-row gap-1 items-center judify-start">
<span class="text-sm text-gray-500 hidden sm:inline"> <span class="text-sm text-gray-500 hidden sm:inline">
Color Scheme: Color Scheme:
</span> </span>
@@ -577,292 +575,306 @@ async function handle_update_journal() {
</div> </div>
<!-- Toggles for automatically hiding Entries marked as either: private, personal, or professional --> <!-- Toggles for automatically hiding Entries marked as either: private, personal, or professional -->
<button <div class="flex flex-row gap-1 items-center judify-start">
type="button"
onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_private = !$journals_slct.tmp_journal_obj.cfg_json.hide_private;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of private entries"
>
{#if $journals_slct.tmp_journal_obj.cfg_json.hide_private}
<!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<Fingerprint strokeWidth="1" color="gray" class="mx-1" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Fingerprint strokeWidth="2.5" color="green" class="mx-1" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Private Entries
</span>
</button>
<button <span class="text-sm text-gray-500 hidden sm:inline">
type="button" Journal Entry Visibility:
onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_personal = !$journals_slct.tmp_journal_obj.cfg_json.hide_personal;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of personal entries"
>
{#if $journals_slct.tmp_journal_obj.cfg_json.hide_personal}
<!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<BookHeart strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<BookHeart strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Personal Entries
</span> </span>
</button>
<button <span class="flex flex-row gap-1 items-center justify-center">
type="button" <button
onclick={() => { type="button"
$journals_slct.tmp_journal_obj.cfg_json.hide_professional = !$journals_slct.tmp_journal_obj.cfg_json.hide_professional; onclick={() => {
}} $journals_slct.tmp_journal_obj.cfg_json.hide_private = !$journals_slct.tmp_journal_obj.cfg_json.hide_private;
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline" }}
title="Toggle visibility of professional entries" class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
> title="Toggle visibility of private entries"
{#if $journals_slct.tmp_journal_obj.cfg_json.hide_professional} >
<!-- <EyeOff strokeWidth="1" color="red" /> --> {#if $journals_slct.tmp_journal_obj.cfg_json.hide_private}
<ToggleLeft strokeWidth="1" color="red" class="mx-1" /> <!-- <EyeOff strokeWidth="1" color="red" /> -->
<BriefcaseBusiness strokeWidth="1" color="gray" /> <ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<Fingerprint strokeWidth="1" color="gray" class="mx-1" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Fingerprint strokeWidth="2.5" color="green" class="mx-1" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Hiding Private Entries
</span> </span>
{:else} </button>
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" /> <button
<BriefcaseBusiness strokeWidth="2.5" color="green" /> type="button"
onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_personal = !$journals_slct.tmp_journal_obj.cfg_json.hide_personal;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of personal entries"
>
{#if $journals_slct.tmp_journal_obj.cfg_json.hide_personal}
<!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<BookHeart strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<BookHeart strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Showing Personal Entries
</span> </span>
{/if} </button>
<span class="hidden">
Professional Entries <button
type="button"
onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_professional = !$journals_slct.tmp_journal_obj.cfg_json.hide_professional;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of professional entries"
>
{#if $journals_slct.tmp_journal_obj.cfg_json.hide_professional}
<!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<BriefcaseBusiness strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<BriefcaseBusiness strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Professional Entries
</span>
</button>
</span> </span>
</button> </div>
<!-- Toggle buttons for showing/hiding various Journal Entry page view buttons: alert, alert message, private, public, personal, professional, template --> <!-- Toggle buttons for showing/hiding various Journal Entry page view buttons: alert, alert message, private, public, personal, professional, template -->
<div class="flex flox-row gap-1"> <div class="flex flox-row gap-1 items-center judify-start">
<button <span class="text-sm text-gray-500 hidden sm:inline">
type="button" Journal Entry View Buttons:
onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_alert = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_alert;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary 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}
<!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<Siren strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Siren strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Alert Button
</span> </span>
</button>
<button <span class="flex flex-row gap-1 items-center justify-center">
type="button" <button
onclick={() => { type="button"
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_alert_msg = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_alert_msg; onclick={() => {
}} $journals_slct.tmp_journal_obj.cfg_json.hide_btn_alert = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_alert;
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline" }}
title="Toggle visibility of alert message icon button(s) on Journal Entry view page" class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary 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_msg} >
<!-- <EyeOff strokeWidth="1" color="red" /> --> {#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_alert}
<ToggleLeft strokeWidth="1" color="red" class="mx-1" /> <!-- <EyeOff strokeWidth="1" color="red" /> -->
<MessageSquareWarning strokeWidth="1" color="gray" /> <ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<Siren strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Siren strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Hiding Alert Button
</span> </span>
{:else} </button>
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<MessageSquareWarning strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Alert Message Button
</span>
</button>
<button <button
type="button" type="button"
onclick={() => { onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_private = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_private; $journals_slct.tmp_journal_obj.cfg_json.hide_btn_alert_msg = !$journals_slct.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 variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of private icon button(s) on Journal Entry view page" title="Toggle visibility of alert message icon button(s) on Journal Entry view page"
> >
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_private} {#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_alert_msg}
<!-- <EyeOff strokeWidth="1" color="red" /> --> <!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" /> <ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<Fingerprint strokeWidth="1" color="gray" /> <MessageSquareWarning strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<MessageSquareWarning strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Hiding Alert Message Button
</span> </span>
{:else} </button>
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Fingerprint strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Private Button
</span>
</button>
<button <button
type="button" type="button"
onclick={() => { onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_public = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_public; $journals_slct.tmp_journal_obj.cfg_json.hide_btn_private = !$journals_slct.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 variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of public icon button(s) on Journal Entry view page" title="Toggle visibility of private icon button(s) on Journal Entry view page"
> >
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_public} {#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_private}
<!-- <EyeOff strokeWidth="1" color="red" /> --> <!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" /> <ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<EyeOff strokeWidth="1" color="gray" /> <Fingerprint strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Fingerprint strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Hiding Private Button
</span> </span>
{:else} </button>
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Eye strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Public Button
</span>
</button>
<button <button
type="button" type="button"
onclick={() => { onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_personal = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_personal; $journals_slct.tmp_journal_obj.cfg_json.hide_btn_public = !$journals_slct.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 variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of personal icon button(s) on Journal Entry view page" title="Toggle visibility of public icon button(s) on Journal Entry view page"
> >
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_personal} {#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_public}
<!-- <EyeOff strokeWidth="1" color="red" /> --> <!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" /> <ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<BookHeart strokeWidth="1" color="gray" /> <EyeOff strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<Eye strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Hiding Public Button
</span> </span>
{:else} </button>
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<BookHeart strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Personal Button
</span>
</button>
<button <button
type="button" type="button"
onclick={() => { onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_professional = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_professional; $journals_slct.tmp_journal_obj.cfg_json.hide_btn_personal = !$journals_slct.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 variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of professional icon button(s) on Journal Entry view page" title="Toggle visibility of personal icon button(s) on Journal Entry view page"
> >
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_professional} {#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_personal}
<!-- <EyeOff strokeWidth="1" color="red" /> --> <!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" /> <ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<BriefcaseBusiness strokeWidth="1" color="gray" /> <BookHeart strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<BookHeart strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Hiding Personal Button
</span> </span>
{:else} </button>
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<BriefcaseBusiness strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden">
Professional Button
</span>
</button>
<button <button
type="button" type="button"
onclick={() => { onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_template = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_template; $journals_slct.tmp_journal_obj.cfg_json.hide_btn_professional = !$journals_slct.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 variant-ghost-secondary hover:variant-filled-secondary transition *:hover:inline"
title="Toggle visibility of template icon button(s) on Journal Entry view page" title="Toggle visibility of professional icon button(s) on Journal Entry view page"
> >
{#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_template} {#if $journals_slct?.tmp_journal_obj?.cfg_json.hide_btn_professional}
<!-- <EyeOff strokeWidth="1" color="red" /> --> <!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" /> <ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<FilePlus strokeWidth="1" color="gray" /> <BriefcaseBusiness strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<BriefcaseBusiness strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Hiding Professional Button
</span> </span>
{:else} </button>
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" /> <button
<FilePlus strokeWidth="2.5" color="green" /> type="button"
onclick={() => {
$journals_slct.tmp_journal_obj.cfg_json.hide_btn_template = !$journals_slct.tmp_journal_obj.cfg_json.hide_btn_template;
}}
class="btn btn-sm variant-ghost-secondary hover:variant-filled-secondary 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}
<!-- <EyeOff strokeWidth="1" color="red" /> -->
<ToggleLeft strokeWidth="1" color="red" class="mx-1" />
<FilePlus strokeWidth="1" color="gray" />
<span class="hidden">
Hiding
</span>
{:else}
<!-- <Eye strokeWidth="2.5" color="green" /> -->
<ToggleRight strokeWidth="2.5" color="green" class="mx-1" />
<FilePlus strokeWidth="2.5" color="green" />
<span class="hidden">
Showing
</span>
{/if}
<span class="hidden"> <span class="hidden">
Showing Template Button
</span> </span>
{/if} </button>
<span class="hidden">
Template Button
</span> </span>
</button>
</div> </div>
<!-- JSON configuration editor for advanced users --> <!-- JSON configuration editor for advanced users -->
<!-- textarea for json_cfg editing --> <!-- textarea for json_cfg editing -->
</div> </div>
@@ -1089,7 +1101,19 @@ async function handle_update_journal() {
<X /> <X />
Cancel Cancel
</button> </button>
</div> </div>
<button
type="button"
onclick={handle_update_journal}
class="btn variant-ghost-warning hover:variant-filled-warning transition absolute top-0 right-16 m-2"
title="Save changes to this journal"
>
<Check />
Update
</button>
</div> </div>
</div> </div>
</Modal> </Modal>

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

@@ -828,6 +828,7 @@ function handle_marked(text_string: string) {
svelte_component ae_section ae_view journal_entry_obj view__journal_entry_obj bg-white 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 flex-grow items-center justify-start
w-full h-full p-2 m-2 space-y-2 w-full h-full p-2 m-2 space-y-2
" "
bind:clientHeight={$ae_loc.iframe_height_modal_body} bind:clientHeight={$ae_loc.iframe_height_modal_body}
> >
@@ -1909,6 +1910,7 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
flex flex-col flex-wrap items-center justify-center flex flex-col flex-wrap items-center justify-center
h-full min-h-max max-h-full h-full min-h-max max-h-full
w-full max-w-6xl w-full max-w-6xl
relative
" "
> >
{#if (!$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id])} {#if (!$journals_loc.entry.edit_kv[$lq__journal_entry_obj?.journal_entry_id])}
@@ -2117,6 +2119,29 @@ tabindex={$ae_loc.edit_mode ? 0 : -1} -->
Updated obj? {updated_obj} --> Updated obj? {updated_obj} -->
<!-- && $lq__journal_entry_obj?.updated_on !== orig_entry_obj?.updated_on --> <!-- && $lq__journal_entry_obj?.updated_on !== orig_entry_obj?.updated_on -->
<!-- Using absolute or fixed position -->
<button
type="button"
onclick={() => {
update_journal_entry();
}}
disabled={!tmp_entry_obj_changed}
class:hidden={!tmp_entry_obj_changed}
class:variant-filled-error={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-surface
hover:variant-outline-success
hover:variant-filled-success
fixed top-96 md:top-72 right-6
"
>
Save Changes?
</button>
<!-- </div> --> <!-- </div> -->
{/if} {/if}