More general code clean up. Updating Lucide icons.

This commit is contained in:
Scott Idem
2026-02-11 13:21:38 -05:00
parent 3ca041383f
commit 3ffe9cbcc9
12 changed files with 130 additions and 128 deletions

View File

@@ -221,7 +221,7 @@
<div <div
class="flex items-center pr-2 shrink-0 {show_divider ? 'border-r border-surface-500/30 mr-2' : ''}" class="flex items-center pr-2 shrink-0 {show_divider ? 'border-r border-surface-500/30 mr-2' : ''}"
> >
<Lucide.Loader2 class="animate-spin" size={18} /> <Lucide.LoaderCircle class="animate-spin" size={18} />
</div> </div>
<div class="grow relative text-left h-full"> <div class="grow relative text-left h-full">
{#if show_filename_view} {#if show_filename_view}

View File

@@ -278,7 +278,7 @@
<form onsubmit={handle_submit_form_files} class="{class_li_default} {class_li}"> <form onsubmit={handle_submit_form_files} class="{class_li_default} {class_li}">
{#await ae_promises.upload__hosted_file_obj} {#await ae_promises.upload__hosted_file_obj}
<div class="text-lg flex flex-row gap-1 items-center justify-center"> <div class="text-lg flex flex-row gap-1 items-center justify-center">
<Lucide.Loader2 class="animate-spin m-1" /> <Lucide.LoaderCircle class="animate-spin m-1" />
<span class=""> <span class="">
Uploading Uploading
{#if $ae_sess.api_upload_kv[task_id]} {#if $ae_sess.api_upload_kv[task_id]}
@@ -341,7 +341,7 @@
$ae_sess.files.status__file_list != 'ready'} $ae_sess.files.status__file_list != 'ready'}
> >
{#await ae_promises.upload__hosted_file_obj} {#await ae_promises.upload__hosted_file_obj}
<Lucide.Loader2 class="animate-spin m-1" /> <Lucide.LoaderCircle class="animate-spin m-1" />
<span class=""> <span class="">
{#if $ae_sess.api_upload_kv[task_id]} {#if $ae_sess.api_upload_kv[task_id]}
{$ae_sess.api_upload_kv[task_id].percent_completed}% {$ae_sess.api_upload_kv[task_id].percent_completed}%

View File

@@ -15,7 +15,7 @@
Clock, Clock,
Key, Key,
CheckCircle2, CheckCircle2,
XCircle, CircleX,
Fingerprint, Fingerprint,
Activity, Activity,
Settings Settings

View File

@@ -8,7 +8,7 @@
import { db_events } from '$lib/ae_events/db_events'; import { db_events } from '$lib/ae_events/db_events';
import { ae_loc } from '$lib/stores/ae_stores'; import { ae_loc } from '$lib/stores/ae_stores';
import { events_loc, events_sess } from '$lib/stores/ae_events_stores'; import { events_loc, events_sess } from '$lib/stores/ae_events_stores';
import { Key, Mail, Lock, User, ArrowRight, LoaderCircle, AlertCircle, CheckCircle2 } from 'lucide-svelte'; import { Key, Mail, Lock, User, ArrowRight, LoaderCircle, CircleAlert, CheckCircle2 } from 'lucide-svelte';
import { untrack } from 'svelte'; import { untrack } from 'svelte';
const exhibit_id = $derived(page.params.exhibit_id ?? ''); const exhibit_id = $derived(page.params.exhibit_id ?? '');
@@ -177,7 +177,7 @@
{#if status === 'error'} {#if status === 'error'}
<div class="p-3 rounded-lg variant-soft-error flex items-start gap-3 animate-shake"> <div class="p-3 rounded-lg variant-soft-error flex items-start gap-3 animate-shake">
<AlertCircle size="1.2em" class="shrink-0 mt-0.5" /> <CircleAlert size="1.2em" class="shrink-0 mt-0.5" />
<p class="text-xs font-bold leading-tight">{error_msg}</p> <p class="text-xs font-bold leading-tight">{error_msg}</p>
</div> </div>
{/if} {/if}

View File

@@ -11,7 +11,7 @@
import { events_func } from '$lib/ae_events_functions'; import { events_func } from '$lib/ae_events_functions';
import Element_qr_scanner_v2 from '$lib/element_qr_scanner_v2.svelte'; import Element_qr_scanner_v2 from '$lib/element_qr_scanner_v2.svelte';
import { ae_util } from '$lib/ae_utils/ae_utils'; import { ae_util } from '$lib/ae_utils/ae_utils';
import { LoaderCircle, UserPlus, CheckCircle, AlertCircle, Eye } from 'lucide-svelte'; import { LoaderCircle, UserPlus, CheckCircle, CircleAlert, Eye } from 'lucide-svelte';
import type { ae_EventBadge } from '$lib/types/ae_types'; import type { ae_EventBadge } from '$lib/types/ae_types';
interface Props { interface Props {
@@ -194,7 +194,7 @@
{:else if scanning_status === 'error'} {:else if scanning_status === 'error'}
<div class="card p-6 w-full max-w-md flex flex-col items-center space-y-4 variant-soft-error"> <div class="card p-6 w-full max-w-md flex flex-col items-center space-y-4 variant-soft-error">
<AlertCircle size="3em" class="text-error-500" /> <CircleAlert size="3em" class="text-error-500" />
<p class="text-center font-bold">{error_msg}</p> <p class="text-center font-bold">{error_msg}</p>
<button type="button" class="btn btn-sm preset-filled-error" onclick={reset_scanner}> <button type="button" class="btn btn-sm preset-filled-error" onclick={reset_scanner}>
Try Again Try Again

View File

@@ -193,7 +193,7 @@
> >
{#await ae_promises.upload__hosted_file_obj} {#await ae_promises.upload__hosted_file_obj}
<div class="text-lg flex flex-row gap-1 items-center justify-center"> <div class="text-lg flex flex-row gap-1 items-center justify-center">
<Lucide.Loader2 class="animate-spin m-1" /> <Lucide.LoaderCircle class="animate-spin m-1" />
<span class=""> <span class="">
Uploading Uploading
{#if $ae_sess.api_upload_kv[task_id]} {#if $ae_sess.api_upload_kv[task_id]}
@@ -279,7 +279,7 @@
$events_sess.files.status__file_list != 'ready'} $events_sess.files.status__file_list != 'ready'}
> >
{#await ae_promises.upload__hosted_file_obj} {#await ae_promises.upload__hosted_file_obj}
<Lucide.Loader2 class="animate-spin m-1" /> <Lucide.LoaderCircle class="animate-spin m-1" />
<span class=""> <span class="">
{#if $ae_sess.api_upload_kv[task_id]} {#if $ae_sess.api_upload_kv[task_id]}
{$ae_sess.api_upload_kv[task_id].percent_completed}% {$ae_sess.api_upload_kv[task_id].percent_completed}%

View File

@@ -4,7 +4,7 @@
* Modernized Journals Index View * Modernized Journals Index View
* Focus: Simplicity for regular users, power tools for edit mode. * Focus: Simplicity for regular users, power tools for edit mode.
*/ */
import { onMount } from 'svelte'; // import { onMount } from 'svelte';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
// *** Icons // *** Icons
@@ -13,7 +13,7 @@
SquareLibrary, SquareLibrary,
Wrench, Wrench,
FileUp, FileUp,
Loader2, LoaderCircle,
Sparkles Sparkles
} from 'lucide-svelte'; } from 'lucide-svelte';
@@ -31,10 +31,10 @@
} from '$lib/ae_journals/ae_journals_stores'; } from '$lib/ae_journals/ae_journals_stores';
// *** Components // *** Components
import AeCompModalJournalConfig from './ae_comp__modal_journal_config.svelte'; import AE_Comp_Modal_Journal_Config from './ae_comp__modal_journal_config.svelte';
import Journal_obj_li from './ae_comp__journal_obj_li.svelte'; import Journal_obj_li from './ae_comp__journal_obj_li.svelte';
import AeCompJournalEntryQuickAdd from './ae_comp__journal_entry_quick_add.svelte'; import AE_Comp_Journal_Entry_Quick_Add from './ae_comp__journal_entry_quick_add.svelte';
import AeCompModalJournalImport from './ae_comp__modal_journal_import.svelte'; import AE_Comp_Modal_Journal_Import from './ae_comp__modal_journal_import.svelte';
interface Props { interface Props {
data: any; data: any;
@@ -119,9 +119,9 @@
<section class="w-full max-w-2xl"> <section class="w-full max-w-2xl">
<div class="relative group"> <div class="relative group">
<div <div
class="absolute -inset-1 bg-gradient-to-r from-primary-500 to-secondary-500 rounded-2xl blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200" class="absolute -inset-1 bg-linear-to-r from-primary-500 to-secondary-500 rounded-2xl blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200"
></div> ></div>
<AeCompJournalEntryQuickAdd <AE_Comp_Journal_Entry_Quick_Add
journals_li={$lq__journal_obj_li} journals_li={$lq__journal_obj_li}
class="relative shadow-2xl rounded-xl overflow-hidden border border-surface-500/10 bg-surface-50 dark:bg-surface-900" class="relative shadow-2xl rounded-xl overflow-hidden border border-surface-500/10 bg-surface-50 dark:bg-surface-900"
/> />
@@ -176,7 +176,7 @@
<div <div
class="flex flex-col items-center justify-center p-20 gap-4 opacity-50" class="flex flex-col items-center justify-center p-20 gap-4 opacity-50"
> >
<Loader2 size="3em" class="animate-spin" /> <LoaderCircle size="3em" class="animate-spin" />
<p class="text-xl font-bold">Accessing Brain...</p> <p class="text-xl font-bold">Accessing Brain...</p>
</div> </div>
{:else if $lq__journal_obj_li.length > 0} {:else if $lq__journal_obj_li.length > 0}
@@ -215,6 +215,7 @@
> >
<div class="p-2 space-y-4"> <div class="p-2 space-y-4">
<div class="space-y-1"> <div class="space-y-1">
<!-- svelte-ignore a11y_label_has_associated_control -->
<label class="label text-sm font-bold opacity-75" <label class="label text-sm font-bold opacity-75"
>Journal Name</label >Journal Name</label
> >
@@ -226,6 +227,7 @@
/> />
</div> </div>
<div class="space-y-1"> <div class="space-y-1">
<!-- svelte-ignore a11y_label_has_associated_control -->
<label class="label text-sm font-bold opacity-75" <label class="label text-sm font-bold opacity-75"
>Type Code</label >Type Code</label
> >
@@ -255,12 +257,12 @@
{/if} {/if}
{#if $journals_sess.show__modal__journals_config} {#if $journals_sess.show__modal__journals_config}
<AeCompModalJournalConfig <AE_Comp_Modal_Journal_Config
show={$journals_sess.show__modal__journals_config} show={$journals_sess.show__modal__journals_config}
/> />
{/if} {/if}
<AeCompModalJournalImport <AE_Comp_Modal_Journal_Import
bind:open={show_import_modal} bind:open={show_import_modal}
on_close={() => (show_import_modal = false)} on_close={() => (show_import_modal = false)}
on_import_complete={() => {}} on_import_complete={() => {}}

View File

@@ -15,7 +15,7 @@
ChevronLeft, ChevronLeft,
CircleCheck, CircleCheck,
CircleX, CircleX,
Loader2, LoaderCircle,
RefreshCw RefreshCw
} from 'lucide-svelte'; } from 'lucide-svelte';
import { ae_util } from '$lib/ae_utils/ae_utils'; import { ae_util } from '$lib/ae_utils/ae_utils';
@@ -137,7 +137,7 @@
<RefreshCw size="1em" /> <RefreshCw size="1em" />
</button> </button>
{#if $journals_loc.entry.auto_save} {#if $journals_loc.entry.auto_save}
{#if save_status === 'saving'}<Loader2 {#if save_status === 'saving'}<LoaderCircle
size="1em" size="1em"
class="animate-spin text-primary-500" class="animate-spin text-primary-500"
/> />

View File

@@ -12,7 +12,7 @@
Download, Download,
Paperclip, Paperclip,
ExternalLink, ExternalLink,
Loader2, LoaderCircle,
RefreshCw RefreshCw
} from 'lucide-svelte'; } from 'lucide-svelte';

View File

@@ -8,7 +8,7 @@
*/ */
// *** Import Svelte core // *** Import Svelte core
import { goto } from '$app/navigation'; // import { goto } from '$app/navigation';
// *** Import secondary libraries // *** Import secondary libraries
import { marked } from 'marked'; import { marked } from 'marked';
@@ -25,16 +25,16 @@
import { journals_func } from '$lib/ae_journals/ae_journals_functions'; import { journals_func } from '$lib/ae_journals/ae_journals_functions';
import { decrypt_journal_entry } from '$lib/ae_journals/ae_journals_decryption'; import { decrypt_journal_entry } from '$lib/ae_journals/ae_journals_decryption';
import AeCompJournalEntryEditor from './ae_comp__journal_entry_editor.svelte'; import AE_Comp_Journal_Entry_Editor from './ae_comp__journal_entry_editor.svelte';
import AeCompJournalEntryHeader from './ae_comp__journal_entry_header.svelte'; import AE_Comp_Journal_Entry_Header from './ae_comp__journal_entry_header.svelte';
import AeCompJournalEntryMetadata from './ae_comp__journal_entry_metadata.svelte'; import AE_Comp_Journal_Entry_Metadata from './ae_comp__journal_entry_metadata.svelte';
import AeCompJournalEntryAiTools from './ae_comp__journal_entry_ai_tools.svelte'; import AE_Comp_Journal_Entry_AiTools from './ae_comp__journal_entry_ai_tools.svelte';
import AeCompJournalEntryObjFileLi from './ae_comp__journal_entry_obj_file_li.svelte'; import AE_Comp_Journal_Entry_ObjFileLi from './ae_comp__journal_entry_obj_file_li.svelte';
import AeCompModalJournalEntryAppend from './ae_comp__modal_journal_entry_append.svelte'; import AE_Comp_Modal_Journal_Entry_Append from './ae_comp__modal_journal_entry_append.svelte';
import AeCompModalJournalEntryConfig from './ae_comp__modal_journal_entry_config.svelte'; import AE_Comp_Modal_Journal_Entry_Config from './ae_comp__modal_journal_entry_config.svelte';
// Icons // Icons
import { AlertCircle, XCircle, Loader2 } from 'lucide-svelte'; import { CircleAlert, CircleX, LoaderCircle } from 'lucide-svelte';
// *** Props // *** Props
interface Props { interface Props {
@@ -425,7 +425,7 @@
bind:clientHeight={$ae_loc.iframe_height_modal_body} bind:clientHeight={$ae_loc.iframe_height_modal_body}
> >
{#if $lq__journal_entry_obj && $lq__journal_obj} {#if $lq__journal_entry_obj && $lq__journal_obj}
<AeCompJournalEntryHeader <AE_Comp_Journal_Entry_Header
entry={$lq__journal_entry_obj} entry={$lq__journal_entry_obj}
journal={$lq__journal_obj} journal={$lq__journal_obj}
journals_li={$lq__journal_obj_li} journals_li={$lq__journal_obj_li}
@@ -445,7 +445,7 @@
<div <div
class="flex items-center gap-4 text-error-700 dark:text-error-300 font-bold" class="flex items-center gap-4 text-error-700 dark:text-error-300 font-bold"
> >
<AlertCircle size="2.5em" /> <CircleAlert size="2.5em" />
<span class="text-xl">{decryption_error}</span> <span class="text-xl">{decryption_error}</span>
</div> </div>
<button <button
@@ -453,7 +453,7 @@
class="btn btn-sm variant-filled-error shadow-lg font-bold" class="btn btn-sm variant-filled-error shadow-lg font-bold"
onclick={() => (decryption_error = null)} onclick={() => (decryption_error = null)}
> >
<XCircle size="1.2em" class="mr-2" /> Dismiss <CircleX size="1.2em" class="mr-2" /> Dismiss
</button> </button>
</div> </div>
{/if} {/if}
@@ -465,7 +465,7 @@
] == 'current'} ] == 'current'}
> >
<div class="absolute top-2 right-2 z-10"> <div class="absolute top-2 right-2 z-10">
<AeCompJournalEntryAiTools <AE_Comp_Journal_Entry_AiTools
content={tmp_entry_obj.content} content={tmp_entry_obj.content}
bind:summary={tmp_entry_obj.summary} bind:summary={tmp_entry_obj.summary}
on_save={() => update_journal_entry()} on_save={() => update_journal_entry()}
@@ -473,7 +473,7 @@
/> />
</div> </div>
<AeCompJournalEntryEditor <AE_Comp_Journal_Entry_Editor
entry={$lq__journal_entry_obj} entry={$lq__journal_entry_obj}
journal={$lq__journal_obj} journal={$lq__journal_obj}
bind:tmp_entry_obj bind:tmp_entry_obj
@@ -485,16 +485,16 @@
/> />
</section> </section>
<AeCompJournalEntryObjFileLi <AE_Comp_Journal_Entry_ObjFileLi
{log_lvl} {log_lvl}
link_to_type="journal_entry" link_to_type="journal_entry"
link_to_id={$lq__journal_entry_obj.journal_entry_id} link_to_id={$lq__journal_entry_obj.journal_entry_id}
{lq__journal_entry_obj} {lq__journal_entry_obj}
/> />
<AeCompJournalEntryMetadata entry={tmp_entry_obj as any} /> <AE_Comp_Journal_Entry_Metadata entry={tmp_entry_obj as any} />
<AeCompModalJournalEntryAppend <AE_Comp_Modal_Journal_Entry_Append
bind:open={show_append_modal} bind:open={show_append_modal}
journal_entry={$lq__journal_entry_obj} journal_entry={$lq__journal_entry_obj}
journal_config={$lq__journal_obj?.cfg_json} journal_config={$lq__journal_obj?.cfg_json}
@@ -506,7 +506,7 @@
{log_lvl} {log_lvl}
/> />
<AeCompModalJournalEntryConfig <AE_Comp_Modal_Journal_Entry_Config
bind:show={show_config_modal} bind:show={show_config_modal}
entry={$lq__journal_entry_obj} entry={$lq__journal_entry_obj}
journal={$lq__journal_obj} journal={$lq__journal_obj}
@@ -528,7 +528,7 @@
<div <div
class="p-20 text-center opacity-50 flex flex-col items-center gap-4" class="p-20 text-center opacity-50 flex flex-col items-center gap-4"
> >
<Loader2 class="animate-spin" size="4em" /> <LoaderCircle class="animate-spin" size="4em" />
<span class="text-2xl font-bold">Loading Journal Entry...</span> <span class="text-2xl font-bold">Loading Journal Entry...</span>
</div> </div>
{/if} {/if}

View File

@@ -3,7 +3,7 @@
import { import {
Upload, Upload,
FileText, FileText,
AlertCircle, CircleAlert,
Check, Check,
X, X,
RefreshCw RefreshCw

View File

@@ -145,7 +145,7 @@
{#if loading} {#if loading}
<div class="flex items-center gap-2 py-10 justify-center"> <div class="flex items-center gap-2 py-10 justify-center">
<Lucide.Loader2 class="animate-spin" /> <Lucide.LoaderCircle class="animate-spin" />
<span>Loading test metadata gallery...</span> <span>Loading test metadata gallery...</span>
</div> </div>
{:else} {:else}