aknuth/invoice-system
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Andreas Knuth
2026-05-04 14:56:58 -05:00
parent 6735118b2f
commit 373c1cb945
1 changed files with 46 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
public/js/modals/invoice-modal.js
View File

@@ -53,10 +53,24 @@ function updateRecurringChildUi(invoice = null) {
let childBadge = document.getElementById('invoice-recurring-child-badge'); let childBadge = document.getElementById('invoice-recurring-child-badge');
let childNote = document.getElementById('invoice-recurring-child-note'); let childNote = document.getElementById('invoice-recurring-child-note');
// First-time setup: wrap/change the visible label text // Find or create a stable label span
if (!labelText) { if (!labelText) {
// Prefer an existing span/text element containing "Recurring"
const existingTextElement = Array.from(recurringWrapper.children).find(el =>
el !== recurringCb &&
el.id !== 'invoice-recurring-child-badge' &&
el.textContent &&
el.textContent.trim() === 'Recurring'
);
if (existingTextElement) {
existingTextElement.id = 'invoice-recurring-label-text';
labelText = existingTextElement;
} else {
// Fallback: try to replace a raw text node
const textNode = Array.from(recurringWrapper.childNodes).find(node => const textNode = Array.from(recurringWrapper.childNodes).find(node =>
node.nodeType === Node.TEXT_NODE && node.textContent.trim().includes('Recurring') node.nodeType === Node.TEXT_NODE &&
node.textContent.trim().includes('Recurring')
); );
if (textNode) { if (textNode) {
@@ -65,6 +79,19 @@ function updateRecurringChildUi(invoice = null) {
span.textContent = 'Recurring'; span.textContent = 'Recurring';
recurringWrapper.replaceChild(span, textNode); recurringWrapper.replaceChild(span, textNode);
labelText = span; labelText = span;
} else {
// Final fallback: create label text after checkbox
labelText = document.createElement('span');
labelText.id = 'invoice-recurring-label-text';
labelText.textContent = 'Recurring';
labelText.className = 'ml-2';
if (recurringCb.nextSibling) {
recurringWrapper.insertBefore(labelText, recurringCb.nextSibling);
} else {
recurringWrapper.appendChild(labelText);
}
}
} }
} }
@@ -80,7 +107,9 @@ function updateRecurringChildUi(invoice = null) {
childNote = document.createElement('div'); childNote = document.createElement('div');
childNote.id = 'invoice-recurring-child-note'; childNote.id = 'invoice-recurring-child-note';
childNote.className = 'mt-1 ml-8 text-xs text-gray-500 hidden'; childNote.className = 'mt-1 ml-8 text-xs text-gray-500 hidden';
recurringWrapper.parentElement.appendChild(childNote);
const parent = recurringWrapper.parentElement || recurringWrapper;
parent.appendChild(childNote);
} }
const isChild = !!invoice?.recurring_source_id; const isChild = !!invoice?.recurring_source_id;
@@ -89,11 +118,14 @@ function updateRecurringChildUi(invoice = null) {
labelText.textContent = 'Recurring child invoice'; labelText.textContent = 'Recurring child invoice';
childBadge.classList.remove('hidden'); childBadge.classList.remove('hidden');
const sourceNumber = invoice.recurring_source_invoice_number const sourceNumber =
|| invoice.source_invoice_number invoice.recurring_source_invoice_number ||
|| invoice.recurring_source_id; invoice.source_invoice_number ||
invoice.recurring_source_id;
childNote.textContent =
`This invoice was generated from recurring invoice #${sourceNumber} and will not create further recurring invoices.`;
childNote.textContent = `This invoice was generated from recurring invoice #${sourceNumber} and will not create further recurring invoices.`;
childNote.classList.remove('hidden'); childNote.classList.remove('hidden');
} else { } else {
labelText.textContent = 'Recurring'; labelText.textContent = 'Recurring';