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

More fine tuning of the look and feel.

Browse Source
This commit is contained in:
Scott Idem
2026-06-02 20:14:08 -04:00
parent be3e56eece
commit 74e0f752a6
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
View File

@@ -16,7 +16,7 @@ import { ae_loc, ae_sess } from '$lib/stores/ae_stores';
import { db_events } from '$lib/ae_events/db_events';
import { events_loc } from '$lib/stores/ae_events_stores';
import { page } from '$app/state';
import { ArrowLeft, Eye, LoaderCircle, Mail } from '@lucide/svelte';
import { ArrowLeft, Contact, Eye, LoaderCircle, Mail, PrinterCheck, UserCheck } from '@lucide/svelte';
import { ae_util } from '$lib/ae_utils/ae_utils';
import Comp_badge_obj_view from '../ae_comp__badge_obj_view.svelte';
import Comp_badge_print_controls from '../ae_comp__badge_print_controls.svelte';
@@ -409,13 +409,20 @@ $effect(() => {
{#if is_printed}
<!-- Amber badge: clearly shows this has already been printed -->
<span
class="shrink-0 rounded-full border border-amber-300 bg-amber-50 px-1.5 py-0.5 text-xs font-semibold whitespace-nowrap text-amber-700 dark:border-amber-700 dark:bg-amber-950/40">
class="shrink-0 rounded-full border border-amber-300 bg-amber-50 px-1.5 py-0.5 text-sm font-semibold whitespace-nowrap text-amber-700 dark:border-amber-700 dark:bg-amber-950/40"
title="This badge has already been printed. Only staff can re-print a badge.">
<PrinterCheck size="1.2em" />
Printed {print_count}×
</span>
{:else}
<span
class="shrink-0 text-xs font-medium whitespace-nowrap text-green-600 dark:text-green-400"
>Ready</span>
class="shrink-0 rounded-full border border-green-200 bg-green-50/80 px-1.5 py-0.5 text-sm font-semibold whitespace-nowrap text-green-700 dark:border-green-900 dark:bg-green-950/80 dark:text-green-400
"
>
<UserCheck size="1.2em" />
Ready to print
</span>
{/if}
</div>
{#if badge_type_display || $events_loc?.title}