style(badges): FA→Lucide migration in ae_comp__badge_obj_view_v2.svelte

Convert 6 template-level FA spans to Lucide components (Star, Biohazard,
Asterisk, Wifi). The code_to_html JS string dict (dietary symbols used
with {@html}) retains FA spans since they are raw HTML strings, not
Svelte template markup — FontAwesome CSS (app.html CDN) renders them.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-03-16 14:30:30 -04:00
parent 478dedb898
commit 37c9d830f6

View File

@@ -66,6 +66,7 @@
// V2: auto-scaling text component
import Element_fit_text from '$lib/elements/element_fit_text.svelte';
import { Asterisk, Biohazard, Star, Wifi } from 'lucide-svelte';
// --- Badge type list from template ---
// Each item: { code: string, name: string }. Drives footer display + (in controls) dropdown.
@@ -530,17 +531,17 @@
<div class="flex flex-row justify-between w-full">
<span class="badge_body_special_left">
{#if option_ticket_1_override}<span
class="ticket_1_code fg_green fas fa-star"
></span>{/if}
class="ticket_1_code fg_green"
><Star size="1em" /></span>{/if}
</span>
<span class="badge_body_special_right">
{#if option_ticket_2_override}
<span class=" ticket_2_code fg_red fas fa-star"
></span>
<span class="ticket_2_code fg_red"
><Star size="1em" /></span>
{/if}
{#if option_ticket_3_override}
<span class="ticket_3_code fg_blue fas fa-star"
></span>
<span class="ticket_3_code fg_blue"
><Star size="1em" /></span>
{/if}
</span>
</div>
@@ -576,7 +577,7 @@
>
{#if option_other_1_override && ['front_bool', 'front_back_bool'].includes(option_other_1_display_opt)}
<span class="badge_footer_special_left"
><span class="fas fa-biohazard"></span></span
><Biohazard size="1em" /></span
>
{:else if option_other_1_override && ['front_html', 'front_back_html'].includes(option_other_1_display_opt)}
<span class="badge_footer_special_left"
@@ -593,7 +594,7 @@
{#if option_other_2_override && ['front_bool', 'front_back_bool'].includes(option_other_2_display_opt)}
<span class="badge_footer_special_right"
><span class="fas fa-star-of-life"></span></span
><Asterisk size="1em" /></span
>
{:else if option_other_2_override && ['front_html', 'front_back_html'].includes(option_other_2_display_opt)}
<span class="badge_footer_special_right"
@@ -724,7 +725,7 @@
<div
class="wifi_label flex flex-row-reverse gap-1 items-center justify-center text-xl text-gray-500"
>
<span class="fas fa-wifi"></span>
<Wifi size="1em" />
WiFi
</div>
{/if}