More general code clean up. Updating Lucide icons.
This commit is contained in:
@@ -221,7 +221,7 @@
|
||||
<div
|
||||
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 class="grow relative text-left h-full">
|
||||
{#if show_filename_view}
|
||||
|
||||
@@ -278,7 +278,7 @@
|
||||
<form onsubmit={handle_submit_form_files} class="{class_li_default} {class_li}">
|
||||
{#await ae_promises.upload__hosted_file_obj}
|
||||
<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="">
|
||||
Uploading
|
||||
{#if $ae_sess.api_upload_kv[task_id]}
|
||||
@@ -341,7 +341,7 @@
|
||||
$ae_sess.files.status__file_list != 'ready'}
|
||||
>
|
||||
{#await ae_promises.upload__hosted_file_obj}
|
||||
<Lucide.Loader2 class="animate-spin m-1" />
|
||||
<Lucide.LoaderCircle class="animate-spin m-1" />
|
||||
<span class="">
|
||||
{#if $ae_sess.api_upload_kv[task_id]}
|
||||
{$ae_sess.api_upload_kv[task_id].percent_completed}%
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
Clock,
|
||||
Key,
|
||||
CheckCircle2,
|
||||
XCircle,
|
||||
CircleX,
|
||||
Fingerprint,
|
||||
Activity,
|
||||
Settings
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
import { db_events } from '$lib/ae_events/db_events';
|
||||
import { ae_loc } from '$lib/stores/ae_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';
|
||||
|
||||
const exhibit_id = $derived(page.params.exhibit_id ?? '');
|
||||
@@ -177,7 +177,7 @@
|
||||
|
||||
{#if status === 'error'}
|
||||
<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>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
import { events_func } from '$lib/ae_events_functions';
|
||||
import Element_qr_scanner_v2 from '$lib/element_qr_scanner_v2.svelte';
|
||||
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';
|
||||
|
||||
interface Props {
|
||||
@@ -194,7 +194,7 @@
|
||||
|
||||
{: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">
|
||||
<AlertCircle size="3em" class="text-error-500" />
|
||||
<CircleAlert size="3em" class="text-error-500" />
|
||||
<p class="text-center font-bold">{error_msg}</p>
|
||||
<button type="button" class="btn btn-sm preset-filled-error" onclick={reset_scanner}>
|
||||
Try Again
|
||||
|
||||
@@ -193,7 +193,7 @@
|
||||
>
|
||||
{#await ae_promises.upload__hosted_file_obj}
|
||||
<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="">
|
||||
Uploading
|
||||
{#if $ae_sess.api_upload_kv[task_id]}
|
||||
@@ -279,7 +279,7 @@
|
||||
$events_sess.files.status__file_list != 'ready'}
|
||||
>
|
||||
{#await ae_promises.upload__hosted_file_obj}
|
||||
<Lucide.Loader2 class="animate-spin m-1" />
|
||||
<Lucide.LoaderCircle class="animate-spin m-1" />
|
||||
<span class="">
|
||||
{#if $ae_sess.api_upload_kv[task_id]}
|
||||
{$ae_sess.api_upload_kv[task_id].percent_completed}%
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
* Modernized Journals Index View
|
||||
* Focus: Simplicity for regular users, power tools for edit mode.
|
||||
*/
|
||||
import { onMount } from 'svelte';
|
||||
// import { onMount } from 'svelte';
|
||||
import { goto } from '$app/navigation';
|
||||
|
||||
// *** Icons
|
||||
@@ -13,7 +13,7 @@
|
||||
SquareLibrary,
|
||||
Wrench,
|
||||
FileUp,
|
||||
Loader2,
|
||||
LoaderCircle,
|
||||
Sparkles
|
||||
} from 'lucide-svelte';
|
||||
|
||||
@@ -31,10 +31,10 @@
|
||||
} from '$lib/ae_journals/ae_journals_stores';
|
||||
|
||||
// *** 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 AeCompJournalEntryQuickAdd from './ae_comp__journal_entry_quick_add.svelte';
|
||||
import AeCompModalJournalImport from './ae_comp__modal_journal_import.svelte';
|
||||
import AE_Comp_Journal_Entry_Quick_Add from './ae_comp__journal_entry_quick_add.svelte';
|
||||
import AE_Comp_Modal_Journal_Import from './ae_comp__modal_journal_import.svelte';
|
||||
|
||||
interface Props {
|
||||
data: any;
|
||||
@@ -119,9 +119,9 @@
|
||||
<section class="w-full max-w-2xl">
|
||||
<div class="relative group">
|
||||
<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>
|
||||
<AeCompJournalEntryQuickAdd
|
||||
<AE_Comp_Journal_Entry_Quick_Add
|
||||
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"
|
||||
/>
|
||||
@@ -176,7 +176,7 @@
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
{:else if $lq__journal_obj_li.length > 0}
|
||||
@@ -215,6 +215,7 @@
|
||||
>
|
||||
<div class="p-2 space-y-4">
|
||||
<div class="space-y-1">
|
||||
<!-- svelte-ignore a11y_label_has_associated_control -->
|
||||
<label class="label text-sm font-bold opacity-75"
|
||||
>Journal Name</label
|
||||
>
|
||||
@@ -226,6 +227,7 @@
|
||||
/>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<!-- svelte-ignore a11y_label_has_associated_control -->
|
||||
<label class="label text-sm font-bold opacity-75"
|
||||
>Type Code</label
|
||||
>
|
||||
@@ -255,12 +257,12 @@
|
||||
{/if}
|
||||
|
||||
{#if $journals_sess.show__modal__journals_config}
|
||||
<AeCompModalJournalConfig
|
||||
<AE_Comp_Modal_Journal_Config
|
||||
show={$journals_sess.show__modal__journals_config}
|
||||
/>
|
||||
{/if}
|
||||
|
||||
<AeCompModalJournalImport
|
||||
<AE_Comp_Modal_Journal_Import
|
||||
bind:open={show_import_modal}
|
||||
on_close={() => (show_import_modal = false)}
|
||||
on_import_complete={() => {}}
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
ChevronLeft,
|
||||
CircleCheck,
|
||||
CircleX,
|
||||
Loader2,
|
||||
LoaderCircle,
|
||||
RefreshCw
|
||||
} from 'lucide-svelte';
|
||||
import { ae_util } from '$lib/ae_utils/ae_utils';
|
||||
@@ -137,7 +137,7 @@
|
||||
<RefreshCw size="1em" />
|
||||
</button>
|
||||
{#if $journals_loc.entry.auto_save}
|
||||
{#if save_status === 'saving'}<Loader2
|
||||
{#if save_status === 'saving'}<LoaderCircle
|
||||
size="1em"
|
||||
class="animate-spin text-primary-500"
|
||||
/>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
Download,
|
||||
Paperclip,
|
||||
ExternalLink,
|
||||
Loader2,
|
||||
LoaderCircle,
|
||||
RefreshCw
|
||||
} from 'lucide-svelte';
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
*/
|
||||
|
||||
// *** Import Svelte core
|
||||
import { goto } from '$app/navigation';
|
||||
// import { goto } from '$app/navigation';
|
||||
|
||||
// *** Import secondary libraries
|
||||
import { marked } from 'marked';
|
||||
@@ -25,16 +25,16 @@
|
||||
import { journals_func } from '$lib/ae_journals/ae_journals_functions';
|
||||
import { decrypt_journal_entry } from '$lib/ae_journals/ae_journals_decryption';
|
||||
|
||||
import AeCompJournalEntryEditor from './ae_comp__journal_entry_editor.svelte';
|
||||
import AeCompJournalEntryHeader from './ae_comp__journal_entry_header.svelte';
|
||||
import AeCompJournalEntryMetadata from './ae_comp__journal_entry_metadata.svelte';
|
||||
import AeCompJournalEntryAiTools from './ae_comp__journal_entry_ai_tools.svelte';
|
||||
import AeCompJournalEntryObjFileLi from './ae_comp__journal_entry_obj_file_li.svelte';
|
||||
import AeCompModalJournalEntryAppend from './ae_comp__modal_journal_entry_append.svelte';
|
||||
import AeCompModalJournalEntryConfig from './ae_comp__modal_journal_entry_config.svelte';
|
||||
import AE_Comp_Journal_Entry_Editor from './ae_comp__journal_entry_editor.svelte';
|
||||
import AE_Comp_Journal_Entry_Header from './ae_comp__journal_entry_header.svelte';
|
||||
import AE_Comp_Journal_Entry_Metadata from './ae_comp__journal_entry_metadata.svelte';
|
||||
import AE_Comp_Journal_Entry_AiTools from './ae_comp__journal_entry_ai_tools.svelte';
|
||||
import AE_Comp_Journal_Entry_ObjFileLi from './ae_comp__journal_entry_obj_file_li.svelte';
|
||||
import AE_Comp_Modal_Journal_Entry_Append from './ae_comp__modal_journal_entry_append.svelte';
|
||||
import AE_Comp_Modal_Journal_Entry_Config from './ae_comp__modal_journal_entry_config.svelte';
|
||||
|
||||
// Icons
|
||||
import { AlertCircle, XCircle, Loader2 } from 'lucide-svelte';
|
||||
import { CircleAlert, CircleX, LoaderCircle } from 'lucide-svelte';
|
||||
|
||||
// *** Props
|
||||
interface Props {
|
||||
@@ -425,7 +425,7 @@
|
||||
bind:clientHeight={$ae_loc.iframe_height_modal_body}
|
||||
>
|
||||
{#if $lq__journal_entry_obj && $lq__journal_obj}
|
||||
<AeCompJournalEntryHeader
|
||||
<AE_Comp_Journal_Entry_Header
|
||||
entry={$lq__journal_entry_obj}
|
||||
journal={$lq__journal_obj}
|
||||
journals_li={$lq__journal_obj_li}
|
||||
@@ -445,7 +445,7 @@
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
<button
|
||||
@@ -453,7 +453,7 @@
|
||||
class="btn btn-sm variant-filled-error shadow-lg font-bold"
|
||||
onclick={() => (decryption_error = null)}
|
||||
>
|
||||
<XCircle size="1.2em" class="mr-2" /> Dismiss
|
||||
<CircleX size="1.2em" class="mr-2" /> Dismiss
|
||||
</button>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -465,7 +465,7 @@
|
||||
] == 'current'}
|
||||
>
|
||||
<div class="absolute top-2 right-2 z-10">
|
||||
<AeCompJournalEntryAiTools
|
||||
<AE_Comp_Journal_Entry_AiTools
|
||||
content={tmp_entry_obj.content}
|
||||
bind:summary={tmp_entry_obj.summary}
|
||||
on_save={() => update_journal_entry()}
|
||||
@@ -473,7 +473,7 @@
|
||||
/>
|
||||
</div>
|
||||
|
||||
<AeCompJournalEntryEditor
|
||||
<AE_Comp_Journal_Entry_Editor
|
||||
entry={$lq__journal_entry_obj}
|
||||
journal={$lq__journal_obj}
|
||||
bind:tmp_entry_obj
|
||||
@@ -485,16 +485,16 @@
|
||||
/>
|
||||
</section>
|
||||
|
||||
<AeCompJournalEntryObjFileLi
|
||||
<AE_Comp_Journal_Entry_ObjFileLi
|
||||
{log_lvl}
|
||||
link_to_type="journal_entry"
|
||||
link_to_id={$lq__journal_entry_obj.journal_entry_id}
|
||||
{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}
|
||||
journal_entry={$lq__journal_entry_obj}
|
||||
journal_config={$lq__journal_obj?.cfg_json}
|
||||
@@ -506,7 +506,7 @@
|
||||
{log_lvl}
|
||||
/>
|
||||
|
||||
<AeCompModalJournalEntryConfig
|
||||
<AE_Comp_Modal_Journal_Entry_Config
|
||||
bind:show={show_config_modal}
|
||||
entry={$lq__journal_entry_obj}
|
||||
journal={$lq__journal_obj}
|
||||
@@ -528,7 +528,7 @@
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import {
|
||||
Upload,
|
||||
FileText,
|
||||
AlertCircle,
|
||||
CircleAlert,
|
||||
Check,
|
||||
X,
|
||||
RefreshCw
|
||||
|
||||
@@ -145,7 +145,7 @@
|
||||
|
||||
{#if loading}
|
||||
<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>
|
||||
</div>
|
||||
{:else}
|
||||
|
||||
Reference in New Issue
Block a user