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:
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user