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

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

Browse Source 
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
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view_v2.svelte
View File

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