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

Making custom changes just for Axonius badge printing next week

Browse Source
This commit is contained in:
Scott Idem
2026-04-07 14:59:23 -04:00
parent 988ba75df3
commit 93fea0d165
3 changed files with 106 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/routes/events/[event_id]/(badges)/badges/[badge_id]/ae_comp__badge_obj_view.svelte
View File

@@ -321,16 +321,30 @@ let fit_heights = $derived.by(() => {
let base: Record<string, string>;
if (layout === 'badge_3.5x5.5_pvc') {
// 3.5" × 5.5" PVC card — single-sided, compact
// Modified for Axonius 2026
base = {
grp_name_title: '1.6in',
grp_name_title_flex: 'around',
name: '1.4in',
title: '0.55in',
grp_aff_loc: '1.5in',
grp_aff_loc_flex: 'around',
affiliations: '0.75in',
location: '0.75in'
title: '0.4in',
grp_aff_loc: '.4in',
grp_aff_loc_flex: 'end',
affiliations: '0.4in',
location: '0.0in'
};
// Looks pretty good if all the common fields are showing
// base = {
// grp_name_title: '1.6in',
// grp_name_title_flex: 'around',
// name: '1.4in',
// title: '0.55in',
// grp_aff_loc: '1.5in',
// grp_aff_loc_flex: 'around',
// affiliations: '0.75in',
// location: '0.75in'
// };
} else if (layout === 'badge_4x5_fanfold') {
// 4" × 5" fanfold — slightly taller, duplex
base = {
@@ -576,6 +590,7 @@ const code_to_icon: {
group relative m-0
flex max-h-[6.0in]
min-h-[6.0in]
min-w-3.5
w-[4in]
max-w-fit
flex-col
@@ -644,7 +659,9 @@ const code_to_icon: {
flex-col
items-center
justify-end overflow-clip
p-0 px-1
p-0 px-8 pb-1
text-white
gap-0
">
<!--
person_name container: explicit height from fit_heights so Element_fit_text
@@ -655,6 +672,7 @@ const code_to_icon: {
class="person_name
m-0 flex
flex-col
gap-2
overflow-hidden p-0
hover:outline-2 hover:outline-gray-500/75 hover:outline-dashed
"
@@ -674,11 +692,12 @@ const code_to_icon: {
manual_size={font_size_name ?? null}
height={fit_heights.name}
class="full_name_override_all leading-none hover:bg-pink-100/50">
<!-- class:name_pad_short
class:name_pad_mid
class:name_pad_long -->
<div
class="full_name_override"
class:name_pad_short
class:name_pad_mid
class:name_pad_long
style="text-align: {align_name};">
{#if display_name}
{display_name.trim()}
@@ -698,7 +717,7 @@ const code_to_icon: {
max={38}
manual_size={font_size_title ?? null}
height={fit_heights.title}
class="professional_title leading-none italic hover:bg-pink-100/50">
class="professional_title leading-none hover:bg-pink-100/50">
<div style="text-align: {align_title};">{@html display_title}</div>
</Element_fit_text>
{/if}
@@ -730,7 +749,7 @@ const code_to_icon: {
max={40}
manual_size={font_size_affiliations ?? null}
height={fit_heights.affiliations}
class="affiliations leading-none hover:bg-pink-100/50">
class="affiliations leading-none italic hover:bg-pink-100/50">
<div style="text-align: {align_affiliations};">{@html display_affiliations}</div>
</Element_fit_text>
{/if}