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-29 09:57:26 -05:00
parent 7c76a0aabe
commit 4a62b20a42
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/js/utils/item-editor.js
View File

@@ -93,15 +93,15 @@ export function addItem(containerId, { item = null, type = 'invoice', laborRate
</select> </select>
</div> </div>
<div class="col-span-4"> <div class="col-span-3">
<label class="block text-xs font-medium text-gray-700 mb-1">Description</label> <label class="block text-xs font-medium text-gray-700 mb-1">Description</label>
<div data-item="${itemId}" data-field="description" class="${editorClass} border border-gray-300 rounded-md bg-white" style="min-height: 60px;"></div> <div data-item="${itemId}" data-field="description" class="${editorClass} border border-gray-300 rounded-md bg-white" style="min-height: 60px;"></div>
</div> </div>
<div class="col-span-2"> <div class="col-span-2">
<label class="block text-xs font-medium text-gray-700 mb-1">Rate</label> <label class="block text-xs font-medium text-gray-700 mb-1" id="${prefix}-rate-label-${itemId}">${(item && item.qbo_item_id == '9') ? 'Unit Price' : 'Rate'}</label>
<input type="text" data-item="${itemId}" data-field="rate" value="${item ? item.rate : ''}" class="${cssClass} w-full px-2 py-2 border border-gray-300 rounded-md text-sm"> <input type="text" data-item="${itemId}" data-field="rate" value="${item ? item.rate : ''}" class="${cssClass} w-full px-2 py-2 border border-gray-300 rounded-md text-sm">
</div> </div>
<div class="col-span-1 cost-field" style="${(item && item.qbo_item_id && item.qbo_item_id != '9') ? 'display:none' : ''}"> <div class="col-span-2 cost-field" style="${(item && item.qbo_item_id && item.qbo_item_id != '9') ? 'display:none' : ''}">
<label class="block text-xs font-medium text-gray-700 mb-1">Cost</label> <label class="block text-xs font-medium text-gray-700 mb-1">Cost</label>
<input type="text" data-item="${itemId}" data-field="unit_cost" value="${item && item.qbo_item_id == '9' ? (item.unit_cost || '') : ''}" class="${cssClass} w-full px-2 py-2 border border-gray-300 rounded-md text-sm"> <input type="text" data-item="${itemId}" data-field="unit_cost" value="${item && item.qbo_item_id == '9' ? (item.unit_cost || '') : ''}" class="${cssClass} w-full px-2 py-2 border border-gray-300 rounded-md text-sm">
</div> </div>
@@ -227,6 +227,11 @@ export function handleTypeChange(selectEl, prefix, itemId) {
costField.style.display = (selectEl.value === '9') ? '' : 'none'; costField.style.display = (selectEl.value === '9') ? '' : 'none';
} }
const rateLabel = itemDiv.querySelector(`[id^="${prefix}-rate-label-"]`);
if (rateLabel) {
rateLabel.textContent = (selectEl.value === '9') ? 'Unit Price' : 'Rate';
}
updateItemPreview(itemDiv); updateItemPreview(itemDiv);
onUpdate(); onUpdate();
} }