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

style: badge code_to_icon refactor + core variant-* → preset-* migration

Browse Source 
badge ae_comp__badge_obj_view_v2.svelte:
- Replace FA HTML string dict (code_to_html) with Lucide component map
  (code_to_icon) — no FontAwesome dependency for dietary/option icons
- option_1 maps: Biohazard (generic/allergy), Utensils (dietary), Bone,
  Fish, Carrot for specific diets
- option_2 maps: Asterisk (generic flag), Hand (first-time attendee)
- Template: replace {@html option_other_*} with {@const Icon}<Icon /> pattern
- Back-of-badge: shows text label + inline icon

core/ (21 files):
- variant-soft-* → preset-tonal-* (6 variants)
- variant-filled-* → preset-filled-* (6 variants)
- variant-glass-surface → preset-tonal-surface (Skeleton v4 has no glass)
- bare variant-soft → preset-tonal-surface

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-16 14:42:28 -04:00
parent 37c9d830f6
commit 80baaa9d91
22 changed files with 289 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/routes/core/+layout.svelte
View File

@@ -30,31 +30,31 @@
<div class="ae_core h-full max-h-full max-w-6xl overflow-auto flex flex-col gap-1 m-auto p-4">
{#if $ae_loc.manager_access}
<nav class="flex flex-wrap gap-2 mb-6 border-b border-surface-500/30 pb-4">
<a href="/core" class="btn btn-sm variant-soft-surface">
<a href="/core" class="btn btn-sm preset-tonal-surface">
<LayoutDashboard size={14} class="mr-1" /> Dashboard
</a>
<a href="/core/accounts" class="btn btn-sm variant-soft-primary">
<a href="/core/accounts" class="btn btn-sm preset-tonal-primary">
<Building size={14} class="mr-1" /> Accounts
</a>
<a href="/core/sites" class="btn btn-sm variant-soft-secondary">
<a href="/core/sites" class="btn btn-sm preset-tonal-secondary">
<Globe size={14} class="mr-1" /> Sites
</a>
<a href="/core/users" class="btn btn-sm variant-soft-error">
<a href="/core/users" class="btn btn-sm preset-tonal-error">
<ShieldCheck size={14} class="mr-1" /> Users
</a>
<a href="/core/people" class="btn btn-sm variant-soft-warning">
<a href="/core/people" class="btn btn-sm preset-tonal-warning">
<Users size={14} class="mr-1" /> People
</a>
<a href="/core/activity_logs" class="btn btn-sm variant-soft-success">
<a href="/core/activity_logs" class="btn btn-sm preset-tonal-success">
<History size={14} class="mr-1" /> Logs
</a>
<a href="/core/addresses" class="btn btn-sm variant-soft-surface">
<a href="/core/addresses" class="btn btn-sm preset-tonal-surface">
<MapPin size={14} class="mr-1" /> Addresses
</a>
<a href="/core/contacts" class="btn btn-sm variant-soft-surface">
<a href="/core/contacts" class="btn btn-sm preset-tonal-surface">
<Phone size={14} class="mr-1" /> Contacts
</a>
<a href="/core/lookups" class="btn btn-sm variant-soft-surface">
<a href="/core/lookups" class="btn btn-sm preset-tonal-surface">
<List size={14} class="mr-1" /> Lookups
</a>
</nav>
@@ -70,7 +70,7 @@
<h1 class="h1 font-black">Access Restricted</h1>
<p class="max-w-md opacity-70">The area you are trying to access is reserved for system managers. If you believe you should have access, please sign in with an authorized account.</p>
<div class="flex gap-4 pt-4">
<a href="/" class="btn variant-filled-primary font-bold">Return Home</a>
<a href="/" class="btn preset-filled-primary font-bold">Return Home</a>
</div>
</section>
{/if}