refactor(badges): standardize helpers and apply batch formatting

- Standardized 'prevent_default' helper names across badges module.
- Corrected native 'event.preventDefault()' calls in view and template components.
- Applied batch formatting (printWidth: 80) to all badges files.
This commit is contained in:
Scott Idem
2026-02-06 14:55:43 -05:00
parent 67752ccdfe
commit 5385eacc0f
11 changed files with 648 additions and 290 deletions

View File

@@ -20,11 +20,12 @@
let lq__badge_templates = $derived(
liveQuery(async () => {
const result = await events_func.load_ae_obj_li__event_badge_template({
api_cfg: $ae_api,
event_id: event_id,
log_lvl: 0
});
const result =
await events_func.load_ae_obj_li__event_badge_template({
api_cfg: $ae_api,
event_id: event_id,
log_lvl: 0
});
return result || [];
})
);
@@ -80,7 +81,11 @@
<h1 class="h1">Badge Templates</h1>
<div class="my-4 flex justify-end">
<button type="button" class="btn btn-primary" onclick={() => (show_create_template_modal = true)}>
<button
type="button"
class="btn btn-primary"
onclick={() => (show_create_template_modal = true)}
>
<span class="fas fa-plus mr-2"></span> Add New Template
</button>
</div>
@@ -90,20 +95,28 @@
<div class="card p-4">
<ul class="list-group">
{#each $lq__badge_templates as template (template.event_badge_template_id_random)}
<li class="list-group-item flex justify-between items-center">
<li
class="list-group-item flex justify-between items-center"
>
<span>{template.name}</span>
<div>
<button type="button"
<button
type="button"
class="btn btn-sm variant-filled-primary"
onclick={() =>
edit_template(template.event_badge_template_id_random)}
edit_template(
template.event_badge_template_id_random
)}
>
<span class="fas fa-edit"></span> Edit
</button>
<button type="button"
<button
type="button"
class="btn btn-sm variant-filled-error ml-2"
onclick={() =>
delete_template(template.event_badge_template_id_random)}
delete_template(
template.event_badge_template_id_random
)}
>
<span class="fas fa-trash"></span> Delete
</button>
@@ -113,7 +126,10 @@
</ul>
</div>
{:else}
<p>No badge templates found for this event. Click "Add New Template" to create one.</p>
<p>
No badge templates found for this event. Click "Add New
Template" to create one.
</p>
{/if}
{:else}
<p>Loading badge templates...</p>

View File

@@ -12,8 +12,8 @@
oncancel?: () => void;
}
let {
event_id,
let {
event_id,
template_id = null,
onsuccess,
onerror,
@@ -22,7 +22,7 @@
function prevent_default(fn: () => void) {
return function (event: Event) {
event.prevent_default();
event.preventDefault();
fn();
};
}
@@ -57,17 +57,19 @@
async function load_template(id: string) {
submit_status = 'loading';
try {
const template_obj = await events_func.load_ae_obj_id__event_badge_template({
api_cfg: $ae_api,
event_badge_template_id: id
});
const template_obj =
await events_func.load_ae_obj_id__event_badge_template({
api_cfg: $ae_api,
event_badge_template_id: id
});
if (template_obj) {
name = template_obj.name || '';
header_path = template_obj.header_path || '';
logo_path = template_obj.logo_path || '';
header_row_1 = template_obj.header_row_1 || '';
header_row_2 = template_obj.header_row_2 || '';
secondary_header_path = template_obj.secondary_header_path || '';
secondary_header_path =
template_obj.secondary_header_path || '';
footer_text = template_obj.footer_text || '';
show_qr_front = template_obj.show_qr_front ?? true;
show_qr_back = template_obj.show_qr_back ?? true;
@@ -159,11 +161,13 @@
</label>
<label class="label">
<span>Header Row 1 Text (HTML allowed)</span>
<textarea bind:value={header_row_1} class="textarea" rows="2"></textarea>
<textarea bind:value={header_row_1} class="textarea" rows="2"
></textarea>
</label>
<label class="label">
<span>Header Row 2 Text (HTML allowed)</span>
<textarea bind:value={header_row_2} class="textarea" rows="2"></textarea>
<textarea bind:value={header_row_2} class="textarea" rows="2"
></textarea>
</label>
<label class="label">
<span>Secondary Header Path (URL, back of badge)</span>
@@ -195,19 +199,23 @@
<label class="label">
<span>Ticket 1 Text (HTML allowed)</span>
<textarea bind:value={ticket_1_text} class="textarea" rows="2"></textarea>
<textarea bind:value={ticket_1_text} class="textarea" rows="2"
></textarea>
</label>
<label class="label">
<span>Ticket 2 Text (HTML allowed)</span>
<textarea bind:value={ticket_2_text} class="textarea" rows="2"></textarea>
<textarea bind:value={ticket_2_text} class="textarea" rows="2"
></textarea>
</label>
<label class="label">
<span>Ticket 3 Text (HTML allowed)</span>
<textarea bind:value={ticket_3_text} class="textarea" rows="2"></textarea>
<textarea bind:value={ticket_3_text} class="textarea" rows="2"
></textarea>
</label>
<div class="flex justify-end gap-2">
<button type="button"
<button
type="button"
class="btn variant-filled-tertiary"
onclick={handle_cancel}
disabled={submit_status === 'loading'}>Cancel</button