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

style: FA→Lucide migration in remaining core admin files

Browse Source 
- person_view.svelte: converted all FA spans including complex {#if} refactor
  of {@html} ternary string patterns (hide/enable/priority/auth_key buttons)
- people/[person_id]/+page.svelte: ArrowLeft, HelpCircle, LoaderCircle
- ae_comp__person_obj_tbl.svelte: Building2, ListOrdered, Mail, Unlink, User, UserCheck
- migrate script: added fa-archive, fa-link-slash, fa-question-circle mappings

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-16 15:05:34 -04:00
parent 65291aa5b9
commit 998b10c5de
4 changed files with 56 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
scripts/migrate_fa_to_lucide.py
View File

@@ -107,6 +107,9 @@ FA_TO_LUCIDE = {
'fa-user-ninja': 'UserRound', 'fa-user-ninja': 'UserRound',
'fa-user-tie': 'UserRound', 'fa-user-tie': 'UserRound',
'fa-video': 'Video', 'fa-video': 'Video',
'fa-archive': 'Archive',
'fa-link-slash': 'Unlink',
'fa-question-circle': 'HelpCircle',
} }
# Skip modifiers — not real icon names # Skip modifiers — not real icon names

13
src/routes/core/ae_comp__person_obj_tbl.svelte
View File

@@ -14,6 +14,7 @@
slct, slct,
slct_trigger slct_trigger
} from '$lib/stores/ae_stores'; } from '$lib/stores/ae_stores';
import { Building2, ListOrdered, Mail, Unlink, User, UserCheck } from 'lucide-svelte';
// import { core_func } from '$lib/ae_core_functions'; // import { core_func } from '$lib/ae_core_functions';
// import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/stores/ae_events_stores'; // import { events_loc, events_sess, events_slct, events_trigger, events_trig_kv } from '$lib/stores/ae_events_stores';
// import { events_func } from '$lib/ae_events_functions'; // import { events_func } from '$lib/ae_events_functions';
@@ -54,7 +55,7 @@
class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200" class="text-3xl font-bold bg-success-100 px-4 border rounded-lg border-success-200"
title="Count {$lq_kv__person_obj_li.length ?? 'None'}" title="Count {$lq_kv__person_obj_li.length ?? 'None'}"
> >
<span class="fas fa-list-ol mx-4"></span> <ListOrdered size="1em" class="mx-4" />
{$lq_kv__person_obj_li.length ?? 'None'} {$lq_kv__person_obj_li.length ?? 'None'}
</span> </span>
{/if} {/if}
@@ -77,7 +78,7 @@
{#each $lq_kv__person_obj_li as person_obj (person_obj?.person_id_random)} {#each $lq_kv__person_obj_li as person_obj (person_obj?.person_id_random)}
<tr class:dim={person_obj?.hide}> <tr class:dim={person_obj?.hide}>
<td class="px-4 py-2"> <td class="px-4 py-2">
<span class="fas fa-user"></span> <User size="1em" />
<a <a
href="/core/people/{person_obj?.person_id_random}" href="/core/people/{person_obj?.person_id_random}"
class="text-blue-500 underline hover:text-blue-800" class="text-blue-500 underline hover:text-blue-800"
@@ -91,7 +92,7 @@
</a> </a>
</td> </td>
<td class="px-4 py-2"> <td class="px-4 py-2">
<span class="fas fa-envelope"></span> <Mail size="1em" />
{#if person_obj?.primary_email} {#if person_obj?.primary_email}
<a <a
href="mailto:{person_obj?.primary_email}" href="mailto:{person_obj?.primary_email}"
@@ -104,7 +105,7 @@
{/if} {/if}
</td> </td>
<td class="px-4 py-2"> <td class="px-4 py-2">
<span class="fas fa-building"></span> <Building2 size="1em" />
{@html person_obj?.affiliations ?? ae_snip.html__not_set} {@html person_obj?.affiliations ?? ae_snip.html__not_set}
</td> </td>
@@ -113,7 +114,7 @@
{#if person_obj?.user_id_random} {#if person_obj?.user_id_random}
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
<span class="font-bold flex items-center gap-1"> <span class="font-bold flex items-center gap-1">
<span class="fas fa-user-check text-success-500"></span> <UserCheck size="1em" class="text-success-500" />
<a <a
href="/core/users/{person_obj?.user_id_random}" href="/core/users/{person_obj?.user_id_random}"
class="text-blue-500 underline hover:text-blue-800" class="text-blue-500 underline hover:text-blue-800"
@@ -125,7 +126,7 @@
</div> </div>
{:else} {:else}
<span class="badge preset-tonal-warning"> <span class="badge preset-tonal-warning">
<span class="fas fa-link-slash mr-1"></span> <Unlink size="1em" class="mr-1" />
Not Linked Not Linked
</span> </span>
{/if} {/if}

10
src/routes/core/people/[person_id]/+page.svelte
View File

@@ -33,7 +33,7 @@
import { qry_ae_obj_li__event } from '$lib/ae_events/ae_events__event'; import { qry_ae_obj_li__event } from '$lib/ae_events/ae_events__event';
import { qry__post } from '$lib/ae_posts/ae_posts__post'; import { qry__post } from '$lib/ae_posts/ae_posts__post';
import { qry__activity_log } from '$lib/ae_core/ae_core__activity_log'; import { qry__activity_log } from '$lib/ae_core/ae_core__activity_log';
import { Users, Link, Unlink, UserPlus, ShieldCheck, User, Calendar, MessageSquare, History, Activity, Edit, Eye } from 'lucide-svelte'; import { Activity, ArrowLeft, Calendar, Edit, Eye, HelpCircle, History, Link, LoaderCircle, MessageSquare, ShieldCheck, Unlink, User, UserPlus, Users } from 'lucide-svelte';
interface Props { interface Props {
data: any; data: any;
@@ -177,7 +177,7 @@
> >
<div> <div>
<a href="/core/people" class={ae_snip.classes__core_menu__button}> <a href="/core/people" class={ae_snip.classes__core_menu__button}>
<span class="fas fa-arrow-left mx-1"></span> <ArrowLeft size="1em" class="mx-1" />
Back to People Back to People
</a> </a>
@@ -204,7 +204,7 @@
class={ae_snip.classes__core_menu__button} class={ae_snip.classes__core_menu__button}
title="Help and information about the person page" title="Help and information about the person page"
> >
<span class="fas fa-question-circle mx-1"></span> <HelpCircle size="1em" class="mx-1" />
{#if $ae_loc.person.show_content__person_page_help} {#if $ae_loc.person.show_content__person_page_help}
Hide Hide
{:else} {:else}
@@ -237,7 +237,7 @@
class:hidden={!$ae_loc.person.show_content__person_page_help} class:hidden={!$ae_loc.person.show_content__person_page_help}
title="Help and information about the session search" title="Help and information about the session search"
> >
<span class="fas fa-question-circle mx-1"></span> <HelpCircle size="1em" class="mx-1" />
{#if $ae_loc.person.show_content__person_page_help} {#if $ae_loc.person.show_content__person_page_help}
Hide Hide
{:else} {:else}
@@ -403,7 +403,7 @@
{#if !$lq__person_obj} {#if !$lq__person_obj}
<div class="flex flex-row items-center justify-center p-8"> <div class="flex flex-row items-center justify-center p-8">
<span class="fas fa-spinner fa-spin mx-1"></span> <LoaderCircle size="1em" class="mx-1 animate-spin" />
<span>Loading Person...</span> <span>Loading Person...</span>
</div> </div>
{:else if is_editing} {:else if is_editing}

78
src/routes/core/person_view.svelte
View File

@@ -27,6 +27,11 @@
slct_trigger slct_trigger
} from '$lib/stores/ae_stores'; } from '$lib/stores/ae_stores';
import { db_core } from '$lib/ae_core/db_core'; import { db_core } from '$lib/ae_core/db_core';
import {
Archive, BookOpen, Building2, Check, Eye, EyeOff, Fingerprint,
IdCard, Key, LoaderCircle, Mail, Save, Star, Tag, ToggleLeft,
ToggleRight, TriangleAlert, User, UserRound
} from 'lucide-svelte';
// import { db_events } from "$lib/db_events"; // import { db_events } from "$lib/db_events";
// import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores'; // import { events_loc, events_sess, events_slct, events_trigger } from '$lib/stores/ae_events_stores';
// import { events_func } from '$lib/ae_events_functions'; // import { events_func } from '$lib/ae_events_functions';
@@ -101,7 +106,7 @@
allow_null={true} allow_null={true}
on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })} on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })}
> >
<span class="fas fa-id-card"></span> <IdCard size="1em" />
External ID: External ID:
<span class="font-bold"> <span class="font-bold">
{@html $lq__person_obj.external_id ?? ae_snip.html__not_set} {@html $lq__person_obj.external_id ?? ae_snip.html__not_set}
@@ -118,7 +123,7 @@
allow_null={true} allow_null={true}
on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })} on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })}
> >
<span class="fas fa-fingerprint"></span> <Fingerprint size="1em" />
External System ID: External System ID:
<span class="font-bold"> <span class="font-bold">
{@html $lq__person_obj.external_sys_id ?? ae_snip.html__not_set} {@html $lq__person_obj.external_sys_id ?? ae_snip.html__not_set}
@@ -127,7 +132,7 @@
</li> </li>
<li> <li>
<span class="fas fa-user"></span> <User size="1em" />
<Element_ae_obj_field_editor_v3 <Element_ae_obj_field_editor_v3
object_type={'person'} object_type={'person'}
@@ -164,7 +169,7 @@
allow_null={true} allow_null={true}
on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })} on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })}
> >
<span class="fas fa-envelope"></span> <Mail size="1em" />
<span class="font-bold"> <span class="font-bold">
{#if $lq__person_obj.primary_email} {#if $lq__person_obj.primary_email}
<a <a
@@ -190,7 +195,7 @@
allow_null={true} allow_null={true}
on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })} on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })}
> >
<span class="fas fa-building"></span> <Building2 size="1em" />
<span class="font-bold"> <span class="font-bold">
{@html $lq__person_obj.affiliations ?? 'affiliations' + ae_snip.html__not_set} {@html $lq__person_obj.affiliations ?? 'affiliations' + ae_snip.html__not_set}
</span> </span>
@@ -206,7 +211,7 @@
allow_null={true} allow_null={true}
on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })} on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })}
> >
<span class="fas fa-user-tag"></span> <Tag size="1em" />
<span class="font-bold"> <span class="font-bold">
{@html $lq__person_obj.professional_title && {@html $lq__person_obj.professional_title &&
$lq__person_obj.professional_title.length $lq__person_obj.professional_title.length
@@ -225,7 +230,7 @@
allow_null={true} allow_null={true}
on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })} on_success={() => core_func.load_ae_obj_id__person({ api_cfg: $ae_api, person_id: $lq__person_obj?.person_id_random, log_lvl: 1 })}
> >
<span class="fas fa-user-secret"></span> <UserRound size="1em" />
Passcode: Passcode:
<span class="font-bold"> <span class="font-bold">
{@html $lq__person_obj.passcode ?? 'passcode' + ae_snip.html__not_set} {@html $lq__person_obj.passcode ?? 'passcode' + ae_snip.html__not_set}
@@ -247,13 +252,14 @@
class="btn btn-sm preset-tonal-warning" class="btn btn-sm preset-tonal-warning"
> >
{#if $ae_loc.trusted_access} {#if $ae_loc.trusted_access}
{@html $lq__person_obj?.hide {#if $lq__person_obj?.hide}
? '<span class="fas fa-eye m-1"></span> Unhide?' <Eye size="1em" class="m-1" /> Unhide?
: '<span class="fas fa-eye-slash m-1"></span> Hide?'} {:else}
<EyeOff size="1em" class="m-1" /> Hide?
{/if}
{:else} {:else}
{@html $lq__person_obj?.hide <Archive size="1em" class="m-1" />
? '<span class="fas fa-archive m-1"></span> Unarchive' {$lq__person_obj?.hide ? 'Unarchive' : 'Archive'}
: '<span class="fas fa-archive m-1"></span> Archive'}
{/if} {/if}
</button> </button>
@@ -270,13 +276,17 @@
class="btn btn-sm preset-tonal-warning" class="btn btn-sm preset-tonal-warning"
> >
{#if $ae_loc.trusted_access} {#if $ae_loc.trusted_access}
{@html $lq__person_obj?.enable {#if $lq__person_obj?.enable}
? '<span class="fas fa-toggle-on m-1"></span> Disable?' <ToggleRight size="1em" class="m-1" /> Disable?
: '<span class="fas fa-toggle-off m-1"></span> Enable?'} {:else}
<ToggleLeft size="1em" class="m-1" /> Enable?
{/if}
{:else} {:else}
{@html $lq__person_obj?.enable {#if $lq__person_obj?.enable}
? '<span class="fas fa-toggle-on m-1"></span> Disable' <ToggleRight size="1em" class="m-1" /> Disable
: '<span class="fas fa-toggle-off m-1"></span> Enable'} {:else}
<ToggleLeft size="1em" class="m-1" /> Enable
{/if}
{/if} {/if}
</button> </button>
@@ -292,14 +302,11 @@
}} }}
class="btn btn-sm preset-tonal-warning" class="btn btn-sm preset-tonal-warning"
> >
<Star size="1em" class="m-1" />
{#if $ae_loc.trusted_access} {#if $ae_loc.trusted_access}
{@html $lq__person_obj?.priority {$lq__person_obj?.priority ? 'Not Priority?' : 'Priority?'}
? '<span class="fas fa-star m-1"></span> Not Priority?'
: '<span class="fas fa-star m-1"></span> Priority?'}
{:else} {:else}
{@html $lq__person_obj?.priority {$lq__person_obj?.priority ? 'Not Priority' : 'Priority'}
? '<span class="fas fa-star m-1"></span> Not Priority'
: '<span class="fas fa-star m-1"></span> Priority'}
{/if} {/if}
</button> </button>
@@ -315,14 +322,11 @@
}} }}
class="btn btn-sm preset-tonal-warning" class="btn btn-sm preset-tonal-warning"
> >
<Key size="1em" class="m-1" />
{#if $ae_loc.trusted_access} {#if $ae_loc.trusted_access}
{@html $lq__person_obj?.allow_auth_key {$lq__person_obj?.allow_auth_key ? 'Not Allow Auth Key?' : 'Allow Auth Key?'}
? '<span class="fas fa-key m-1"></span> Not Allow Auth Key?'
: '<span class="fas fa-key m-1"></span> Allow Auth Key?'}
{:else} {:else}
{@html $lq__person_obj?.allow_auth_key {$lq__person_obj?.allow_auth_key ? 'Not Allow Auth Key' : 'Allow Auth Key'}
? '<span class="fas fa-key m-1"></span> Not Allow Auth Key'
: '<span class="fas fa-key m-1"></span> Allow Auth Key'}
{/if} {/if}
</button> </button>
</li> </li>
@@ -330,7 +334,7 @@
<li> <li>
<div class="label person__data_json space-y-4"> <div class="label person__data_json space-y-4">
<label for="person__data_json" class="label"> <label for="person__data_json" class="label">
<span class="fas fa-book"></span> <BookOpen size="1em" />
Person JSON Data Person JSON Data
<span class="text-sm text-gray-500"> (no character limit) </span> <span class="text-sm text-gray-500"> (no character limit) </span>
</label> </label>
@@ -359,9 +363,9 @@
: 0} characters : 0} characters
{#if ae_tmp.valid__data_json} {#if ae_tmp.valid__data_json}
<span class="fas fa-check text-green-500"></span> <Check size="1em" class="text-green-500" />
{:else} {:else}
<span class="fas fa-exclamation-triangle text-red-500"></span> <TriangleAlert size="1em" class="text-red-500" />
Invalid JSON Invalid JSON
{/if} {/if}
</p> </p>
@@ -396,12 +400,12 @@
}} }}
> >
{#await ae_promises.update__person_obj} {#await ae_promises.update__person_obj}
<span class="fas fa-spinner fa-spin mx-1"></span> <LoaderCircle size="1em" class="animate-spin mx-1" />
{:then} {:then}
{#if ae_tmp.value__data_json == $lq__person_obj.data_json} {#if ae_tmp.value__data_json == $lq__person_obj.data_json}
<span class="fas fa-check mx-1"></span> <Check size="1em" class="mx-1" />
{:else} {:else}
<span class="fas fa-save mx-1"></span> <Save size="1em" class="mx-1" />
{/if} {/if}
{/await} {/await}
Save JSON Save JSON