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

Fine tuning the layout of things.

Browse Source
This commit is contained in:
Scott Idem
2026-06-02 17:47:27 -04:00
parent 3466d6552c
commit 4292aebc56
1 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/events/[event_id]/(badges)/badges/ae_comp__badge_obj_li.svelte
View File

@@ -36,6 +36,7 @@ import {
Printer, Printer,
Tags, Tags,
User, User,
UserCheck,
UserSearch UserSearch
} from '@lucide/svelte'; } from '@lucide/svelte';
// Track per-badge copy state for the "Review Link" clipboard button // Track per-badge copy state for the "Review Link" clipboard button
@@ -191,13 +192,17 @@ let visible_badge_obj_li = $derived(
{#if row_clickable} {#if row_clickable}
<a <a
href={row_href} href={row_href}
class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg" class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg
max-w-4xl
"
title={is_trusted title={is_trusted
? `Print badge for ${display_name} · ${event_badge_obj?.affiliations_override ?? event_badge_obj?.affiliations ?? ''} · ${event_badge_obj?.badge_type ?? ''} · id: ${event_badge_obj.event_badge_id}` ? `Print badge for ${display_name} · ${event_badge_obj?.affiliations_override ?? event_badge_obj?.affiliations ?? ''} · ${event_badge_obj?.badge_type ?? ''} · id: ${event_badge_obj.event_badge_id}`
: `Review your badge info`} : `Review your badge info`}
> >
{#if event_badge_obj?.hide} {#if event_badge_obj?.hide}
<EyeOff size="1.1em" class="text-gray-400" /> <EyeOff size="1.1em" class="text-gray-400" />
{:else if is_printed}
<UserCheck size="1.1em" class="text-success-600 dark:text-success-400" />
{:else} {:else}
<User size="1.1em" class="text-primary-500" /> <User size="1.1em" class="text-primary-500" />
{/if} {/if}
@@ -245,10 +250,14 @@ let visible_badge_obj_li = $derived(
</div> </div>
{:else} {:else}
<div <div
class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg cursor-not-allowed" class="hover:text-primary-800-200 hover:bg-primary-200-800 active:bg-surface-200-700 flex items-center gap-3 justify-start px-3 py-2 text-left text-lg font-bold flex-1 transition-colors duration-1000 hover:duration-300 min-w-0 preset-tonal-primary rounded-lg cursor-not-allowed
max-w-4xl
"
title="Printing not permitted"> title="Printing not permitted">
{#if event_badge_obj?.hide} {#if event_badge_obj?.hide}
<EyeOff size="1.1em" class="text-gray-400" /> <EyeOff size="1.1em" class="text-gray-400" />
{:else if is_printed}
<UserCheck size="1.1em" class="text-success-600 dark:text-success-400" />
{:else} {:else}
<User size="1.1em" class="text-surface-400" /> <User size="1.1em" class="text-surface-400" />
{/if} {/if}
@@ -365,16 +374,16 @@ let visible_badge_obj_li = $derived(
<!-- Print status strip — Trusted staff, not in Edit Mode (debug row covers it there) --> <!-- Print status strip — Trusted staff, not in Edit Mode (debug row covers it there) -->
{#if is_trusted && is_printed && !is_edit_mode} {#if is_trusted && is_printed && !is_edit_mode}
<div class="flex flex-row flex-wrap items-center gap-x-1.5 gap-y-0.5 px-2 text-xs text-success-700 dark:text-success-300 opacity-70"> <div class="flex flex-row flex-wrap items-center gap-x-1.5 gap-y-0.5 px-2 text-base text-success-700 dark:text-success-300 opacity-70">
<Check size="0.85em" class="shrink-0" /> <Check size="0.85em" class="shrink-0" />
<span>Printed {print_count}&times;</span> <span>Printed {print_count}&times;</span>
{#if event_badge_obj.print_first_datetime} {#if event_badge_obj.print_first_datetime}
<span class="opacity-50">&middot;</span> <span class="opacity-50">&middot;</span>
<span>First: {ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'time_12_long')}</span> <span>{ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_first_datetime, 'time_12_long')}</span>
{/if} {/if}
{#if event_badge_obj.print_last_datetime && event_badge_obj.print_last_datetime !== event_badge_obj.print_first_datetime} {#if event_badge_obj.print_last_datetime && event_badge_obj.print_last_datetime == event_badge_obj.print_first_datetime}
<span class="opacity-50">&middot;</span> <span class="opacity-50">&middot;</span>
<span>Last: {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'time_12_long')}</span> <span>last print: {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'date_full_no_year')} {ae_util.iso_datetime_formatter(event_badge_obj.print_last_datetime, 'time_12_long')}</span>
{/if} {/if}
</div> </div>
{/if} {/if}