+ Invoice Archive + + New Invoice + Pending + Archive +

+ + + + + + + + + + +

Date	Vendor	Invoice #	Total

Select an invoice above to preview.

+ +

Select an invoice above.

Invoice Parser

+ Invoice Parser + + New Invoice + Pending + Archive + + +

+ +

+ + 100% + + + Ctrl + scroll to zoom +

+ +

Invoice Header

+ Vendor +

+ + +

+ +

+ Invoice # +

+ +

+ Invoice Date +

+ +

+ PO Number +

+ +

+ Total +

+ +

Line Items + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

UPC	Description	Cert Code	PO Cs	PO Pc	PO $	Qty	Case Cost	Pack	Unit Cost	Retail	GM %	Total	Size	UOM	Match

+ +

+ Draft auto-saves to Pending + + + + + + +

+ +

+ + 📤 + Scan Invoices +

Drag and drop or click - PDF or image (JPG, PNG). Select multiple to batch upload. Files parse automatically in the background; review them under Pending.

+ +

+ Go to Pending Queue + + View Archive +

+ +

+ + +

+ + +

+ + +

+ +

Uploaded today

+ +

Archived

+ + +

Total pending

+ +

Pending value

Pending line items

+ +

+ Parsed vs matched + + differences only + +

+ + +

Left is what the parser read off the invoice; right is the product it was matched to. Differences are highlighted. Click a row to jump to it.

+ + + + + +

Header field	Parsed	In use

+ + + + + +

#	Parsed from invoice	Matched product	Status

+ +

VALIDATE DATA

' + attention + ' need attention

all reviewed

') + .css({ top: (line.top * 100) + '%', height: Math.max(line.h * 100, 0.3) + '%' }) + .attr('data-row', row.attr('data-index')) + .attr('data-tip', 'Row ' + (row.index() + 1) + ': ' + desc) + .appendTo(pageWrap) + row.addClass('has-source').attr('title', 'Click to show this line on the invoice preview') + }) +} + +// Preview -> row +$(document).on('click', '.line-marker', function () { + var row = $('tr[data-index="' + $(this).attr('data-row') + '"]') + if (!row.length) return + $('#canvasWrapper .line-marker').removeClass('active') + $(this).addClass('active') + row[0].scrollIntoView({ behavior: 'smooth', block: 'center' }) + row.removeClass('row-flash') + void row[0].offsetWidth // restart the flash animation + row.addClass('row-flash') +}) + +// Row -> preview. Clicks on the fields and buttons in the row are left alone. +$(document).on('click', '#lineItemsBody tr.has-source', function (e) { + if ($(e.target).closest('input,textarea,select,button,.cand-item,.search-results').length) return + showRowOnPreview($(this)) +}) + +function showRowOnPreview(row) { + var idx = row.attr('data-index') + if (!$('#canvasWrapper .line-marker[data-row="' + idx + '"]').length) return + + // Expanding rebuilds the markers, so look the marker up again afterwards. + if ($('#leftPanel').hasClass('collapsed')) setPreviewCollapsed(false) + var marker = $('#canvasWrapper .line-marker[data-row="' + idx + '"]') + if (!marker.length) return + + $('#canvasWrapper .line-marker').removeClass('active') + marker.addClass('active') + + var wrap = document.getElementById('canvasWrapper') + var wr = wrap.getBoundingClientRect() + var mr = marker[0].getBoundingClientRect() + var top = wrap.scrollTop + (mr.top - wr.top) - (wrap.clientHeight / 2) + (mr.height / 2) + wrap.scrollTo({ top: Math.max(0, top), behavior: 'smooth' }) +} + +function buildRow(i, item, match) { + var parsedUpc = item.upc || '' + var parsedDesc = item.description || '' + var parsedCode = item.product_code || '' + var parsedSize = item.size || '' + var parsedUom = item.unit_of_measure || 'EA' + + var upc = match.upc || parsedUpc + var desc = match.description || parsedDesc + var cert = match.cert_code || parsedCode + var size = match.size || parsedSize + var uom = match.uom || parsedUom + + var qty = item.quantity != null ? item.quantity : '' + var cost = item.unit_price != null ? item.unit_price : '' + var total = item.total != null ? item.total : '' + + // Retail comes off the product file. Pack prefers the product file and + // falls back to the invoice's PACK/SIZE column when the product has none. + var parsedPack = (item.pack != null && item.pack !== '') ? item.pack : '' + var pack = match.pack != null ? match.pack : parsedPack + var retail = match.retail != null ? match.retail : '' + var parsedPackHint = (parsedPack !== '' && String(parsedPack) !== String(pack)) + ? 'inv: ' + escHtml(String(parsedPack)) + '' + : '' + + var label = match.match_label || 'unmatched' + var badgeCls = label === 'exact' ? 'badge-exact' + : (label === 'fuzzy' || label === 'cert_code' || label === 'upc_norm' || label === 'upc+fuzzy') ? 'badge-fuzzy' + : 'badge-none' + var status = badgeCls === 'badge-exact' ? 'exact' : badgeCls === 'badge-fuzzy' ? 'fuzzy' : 'unmatched' + var badgeText = label === 'exact' ? 'matched' : 'VALIDATE DATA' + var warnHtml = match.inactive ? 'INACTIVE' : '' + + // The search box is available on every row, matched or not - the suggested + // product is not always the right one. + var isUnmatched = (label === 'unmatched') + var searchHtml = '
' + + '' + + '
' + + // Only a fuzzy row can be accepted: it already carries a real product. + // An unmatched row has nothing to accept and must be matched or created. + var confirmHtml = (status === 'fuzzy') + ? '
' + : '' + + var matchedDesc = match.description || '' + var toggleHtml = buildDescToggle(i, parsedDesc, matchedDesc, matchedDesc ? 'matched' : 'parsed') + + var parsedCodeHint = parsedCode ? 'parsed: ' + escHtml(parsedCode) + '' : '' + + var parsedUpcDiv = (parsedUpc && parsedUpc !== upc) + ? '

' + escHtml(parsedUpc) + '

' + : '' + + var cands = (match.candidates || []).filter(function (c) { return c.upc !== upc }) + rowCandidates[i] = cands + var candHtml = '' + if (cands.length) { + candHtml = '

' + cands.forEach(function (c, j) { + candHtml += '

' + + escHtml(c.description || '') + + ' ' + Math.round((c.score || 0) * 100) + '%

' + }) + candHtml += '

' + } + + var srcLine = parseInt(item.source_line, 10) + + // Both sides are kept on the row so the parsed-vs-matched view can show + // what came off the invoice even after the fields have been edited. + return '' + + '

' + escHtml(upc) + '

' + parsedUpcDiv + + '' + + '' + toggleHtml + '' + + '' + parsedCodeHint + '' + + '-' + + '-' + + '-' + + '' + + '' + + '' + parsedPackHint + '' + + '-' + + '-' + + '' + + '-' + + '' + + '' + + '' + + '' + badgeText + '' + warnHtml + confirmHtml + candHtml + searchHtml + '' + + '' + + '' +} + +// ------------------------------------------------------- +// Gross margin. The invoice bills by the case; the product file prices by the +// unit, so the two only compare after the case cost is divided by the pack. +// A blank or zero pack is treated as 1 (the product file leaves it empty for +// singles) - fix the pack cell when a case row looks impossibly profitable. +// ------------------------------------------------------- +function numOrNull(v) { + var n = parseFloat(v) + return isNaN(n) ? null : n +} + +function recalcMargin(row) { + var caseCost = numOrNull(row.find('.item-cost').val()) + var pack = numOrNull(row.find('.item-pack').val()) + var retail = numOrNull(row.find('.retail-val').val()) + if (!pack || pack <= 0) pack = 1 + + var unit = caseCost != null ? caseCost / pack : null + var unitCell = row.find('.item-unitcost') + unitCell.text(unit != null ? '$' + unit.toFixed(3) : '-') + .toggleClass('cmp-na', unit == null) + + var retailCell = row.find('.item-retail') + retailCell.contents().filter(function () { return this.nodeType === 3 }).remove() + retailCell.prepend(document.createTextNode(retail != null ? '$' + retail.toFixed(2) : '-')) + retailCell.toggleClass('cmp-na', retail == null) + + var gmCell = row.find('.item-gm').removeClass('gm-good gm-thin gm-loss') + if (unit == null || retail == null || retail <= 0) { + gmCell.text('-').addClass('cmp-na') + return + } + var gm = ((retail - unit) / retail) * 100 + gmCell.text(gm.toFixed(1) + '%').removeClass('cmp-na') + .addClass(gm < 0 ? 'gm-loss' : gm < 15 ? 'gm-thin' : 'gm-good') +} + +function recalcAllMargins() { + $('#lineItemsBody tr').each(function () { recalcMargin($(this)) }) +} + +$(document).on('input change', '.item-cost,.item-pack', function () { + recalcMargin($(this).closest('tr')) +}) + +// Always rendered, on every row - you should never have to guess whether the +// description in the box came off the invoice or out of the product file. +function buildDescToggle(i, parsedDesc, matchedDesc, active) { + return '

' + + descSrcButton(i, 'matched', 'Matched', matchedDesc, active) + + descSrcButton(i, 'parsed', 'Parsed', parsedDesc, active) + + '

' +} + +function descSrcButton(i, source, label, value, active) { + if (!value) { + return '' + } + return '' +} + +function buildSearchUI(i) { + return '' + + '' + + '

' +} + +// ------------------------------------------------------- +// Manually added line (parser missed a row) +// ------------------------------------------------------- +function addBlankRow() { + var i = nextRowIndex++ + $('#lineItemsBody').append(buildRow(i, { unit_of_measure: 'EA' }, { match_label: 'unmatched' })) + var row = $('#lineItemsBody tr[data-index="' + i + '"]').addClass('row-added') + recalcMargin(row) + refreshReviewSummary() + row[0].scrollIntoView({ block: 'center' }) + row.find('.product-search').focus() + if ($('#poSelect').val() && poCompareData) applyPoComparison() + queuePendingStateSave('editing') +} + +// ------------------------------------------------------- +// Inline product search +// ------------------------------------------------------- +var searchTimers = {} +$(document).on('keyup', '.product-search', function () { + var inp = $(this) + var idx = inp.data('item') + clearTimeout(searchTimers[idx]) + searchTimers[idx] = setTimeout(async function () { + var q = inp.val().trim() + var div = $('#search_' + idx) + if (q.length < 2) { div.hide().empty(); return } + + try { + var resp = await fetch('/api/products/search?q=' + encodeURIComponent(q)) + var results = await resp.json() + if (results.error) { showDbError(results.error); div.hide().empty(); return } + div.empty() + if (results.length === 0) { + div.html( + '

No results

' + + '

[+ Create new product]

' + ).show() + positionSearchResults(inp, div) + return + } + results.forEach(function (r) { + var meta = escHtml(r.upc) + + (r.cert_code ? ' / ' + escHtml(r.cert_code) : '') + + (r.size ? ' - ' + escHtml(r.size) : '') + + (r.cost ? ' ($' + r.cost + ')' : '') + $('

') + .html('

' + escHtml(r.description) + '

' + + '

' + meta + '

') + .data('product', r) + .on('click', function () { applyProduct(idx, $(this).data('product')); div.hide().empty() }) + .appendTo(div) + }) + div.show() + positionSearchResults(inp, div) + } catch (e) { console.error(e) } + }, 300) +}) + +// The dropdown is position:fixed so the scrolling table cannot clip it, +// which means its coordinates have to be set against the input each time. +function positionSearchResults(inp, div) { + var r = inp[0].getBoundingClientRect() + var w = div.outerWidth() + var left = Math.max(6, Math.min(r.left, window.innerWidth - w - 10)) + var top = r.bottom + 2 + if (top + div.outerHeight() > window.innerHeight - 6) { + top = Math.max(6, r.top - div.outerHeight() - 2) + } + div.css({ left: left + 'px', top: top + 'px' }) +} + +$(document).on('click', '.search-toggle', function () { + $(this).hide() + var td = $(this).closest('td') + td.find('.search-inline-wrap').show() + td.find('.product-search').focus() +}) + +$(document).on('click', '.btn-search-cancel', function () { + var td = $(this).closest('td') + td.find('.search-results').hide().empty() + td.find('.product-search').val('') + td.find('.search-inline-wrap').hide() + td.find('.search-toggle').show() +}) + +$(document).on('click', '.cand-item', function () { + var i = $(this).data('item') + var c = (rowCandidates[i] || [])[$(this).data('cand')] + if (c) applyProduct(i, c) +}) + +function applyProduct(i, p) { + var row = $('tr[data-index="' + i + '"]') + row.attr('data-status', 'exact') + + var matchedDesc = p.description || '' + var parsedDesc = row.attr('data-parsed-desc') || '' + row.attr('data-matched-desc', matchedDesc) + row.attr('data-matched-upc', p.upc || '') + row.attr('data-matched-cert', p.cert_code || '') + row.attr('data-matched-size', p.size || '') + row.attr('data-matched-uom', p.uom || 'EA') + + row.find('.item-upc').val(p.upc || '') + row.find('.upc-matched').text(p.upc || '') + row.find('.upc-parsed-val').hide() + row.find('.item-desc').val(matchedDesc || parsedDesc) + row.find('.item-cert').val(p.cert_code || '') + row.find('.item-size').val(p.size || '') + row.find('.item-uom').val(p.uom || 'EA') + row.find('.item-pack').val(p.pack != null ? p.pack : '') + row.find('.retail-val').val(p.retail != null ? p.retail : '') + recalcMargin(row) + + row.find('.match-badge').text('selected').attr('class', 'match-badge badge-exact') + row.find('.btn-confirm').remove() + row.find('.cand-list').remove() + row.find('.search-results').hide().empty() + row.find('.product-search').val('') + row.find('.search-inline-wrap').hide() + row.find('.search-toggle').show() + + row.find('.desc-toggle-row').remove() + row.find('.item-desc').after(buildDescToggle(i, parsedDesc, matchedDesc, matchedDesc ? 'matched' : 'parsed')) + if ($('#poSelect').val() && poCompareData) applyPoComparison() + refreshReviewSummary() + queuePendingStateSave('editing') +} + +function acceptRow(row, skipSave) { + row.attr('data-status', 'confirmed') + row.find('.match-badge').first().text('accepted').attr('class', 'match-badge badge-exact') + row.find('.btn-confirm').remove() + row.find('.cand-list').remove() + if (!skipSave) { refreshReviewSummary(); queuePendingStateSave('editing') } +} + +function acceptAllRows() { + $('#lineItemsBody tr').each(function () { + if ($(this).attr('data-status') === 'unmatched') return + acceptRow($(this), true) + }) + refreshReviewSummary() + queuePendingStateSave('editing') +} + +$(document).on('click', '.btn-confirm', function () { + var idx = $(this).data('index') + acceptRow($('tr[data-index="' + idx + '"]')) +}) + +$(document).on('click', '.btn-remove-row', function () { + $('tr[data-index="' + $(this).data('index') + '"]').remove() + if ($('#poSelect').val() && poCompareData) applyPoComparison() + renderLineMarkers() + refreshReviewSummary() + queuePendingStateSave('editing') +}) + +$(document).on('click', '.btn-desc-src', function () { + var btn = $(this) + var i = btn.data('item') + var source = btn.data('source') + var row = $('tr[data-index="' + i + '"]') + var desc = source === 'parsed' ? row.attr('data-parsed-desc') : row.attr('data-matched-desc') + if (!desc) return // never blank the box by switching to a side that has nothing + row.find('.item-desc').val(desc) + row.find('.desc-toggle-row .btn-desc-src').removeClass('active') + btn.addClass('active') + queuePendingStateSave('editing') +}) + +$(document).on('click', '.search-result-new', function () { + var i = $(this).data('item') + $(this).closest('.search-results').hide().empty() + openNewProductModal(i) +}) + +$(document).on('click', '.btn-new-item', function () { + openNewProductModal($(this).data('item')) +}) + +// ------------------------------------------------------- +// Parsed vs matched - always reachable from the title bar so you can +// check what came off the invoice against the product it was matched to. +// ------------------------------------------------------- +function openParsedModal() { + renderParsedComparison() + $('#parsedModal').show() +} + +function closeParsedModal() { + $('#parsedModal').hide() +} + +function renderParsedComparison() { + var diffOnly = $('#chkDiffOnly').is(':checked') + + $('#compareHeaderBody').html( + headerCompareRow('Vendor', stripHint($('#hintVendor').text()), $('#vendorSelect option:selected').text()) + + headerCompareRow('Invoice #', stripHint($('#hintInvoiceNumber').text()), $('#invoiceNumber').val()) + + headerCompareRow('Invoice date', stripHint($('#hintInvoiceDate').text()), $('#invoiceDate').val()) + + headerCompareRow('Total', stripHint($('#hintInvoiceTotal').text()).replace(/\s*$.*$$/, ''), $('#invoiceTotal').val()) + ) + + var html = '' + var shown = 0 + $('#lineItemsBody tr').each(function (n) { + var row = $(this) + var p = { + desc: row.attr('data-parsed-desc') || '', + upc: row.attr('data-parsed-upc') || '', + cert: row.attr('data-parsed-cert') || '', + size: row.attr('data-parsed-size') || '', + uom: row.attr('data-parsed-uom') || '' + } + var m = { + desc: row.attr('data-matched-desc') || '', + upc: row.attr('data-matched-upc') || '', + cert: row.attr('data-matched-cert') || '', + size: row.attr('data-matched-size') || '', + uom: row.attr('data-matched-uom') || '' + } + var diff = { + desc: !sameText(p.desc, m.desc), + upc: normalizeUpc(p.upc) !== normalizeUpc(m.upc), + cert: !sameText(p.cert, m.cert), + size: !sameText(p.size, m.size), + uom: !sameText(p.uom, m.uom) + } + var anyDiff = diff.desc || diff.upc || diff.cert || diff.size || diff.uom + if (diffOnly && !anyDiff) return + + shown++ + var badge = row.find('.match-badge').first() + html += '' + + '' + (n + 1) + '' + + '' + compareCell(p, {}) + '' + + '' + compareCell(m, diff) + '' + + '' + + escHtml(badge.text() || 'unmatched') + '' + + '' + }) + + if (!shown) { + html = '' + + (diffOnly ? 'Every line matched the product file exactly.' : 'No line items on this draft.') + + '' + } + $('#compareBody').html(html) +} + +function headerCompareRow(label, parsed, current) { + var diff = !sameText(parsed, current) + return '' + escHtml(label) + '' + + '' + cmpVal(parsed, false) + '' + + '' + cmpVal(current, diff && parsed !== '') + '' +} + +// Meta line under the description: only the pieces that exist. +function compareCell(v, diff) { + var meta = [] + if (v.upc) meta.push(span(v.upc, diff.upc)) + if (v.cert) meta.push('cert ' + span(v.cert, diff.cert)) + if (v.size) meta.push(span(v.size, diff.size)) + if (v.uom) meta.push(span(v.uom, diff.uom)) + return '

' + (v.desc ? span(v.desc, diff.desc) : '(none)') + '

' + + (meta.length ? '

' + meta.join(' · ') + '

' : '') +} + +function span(text, isDiff) { + return isDiff ? '' + escHtml(text) + '' : escHtml(text) +} + +function cmpVal(v, isDiff) { + if (!v) return '(none)' + return span(v, isDiff) +} + +function sameText(a, b) { + return String(a || '').trim().toLowerCase() === String(b || '').trim().toLowerCase() +} + +// Hints render as "scanned: X" on a fresh parse and bare on a restored draft. +function stripHint(s) { + return String(s || '').replace(/^scanned:\s*/i, '').trim() +} + +$(document).on('change', '#chkDiffOnly', renderParsedComparison) + +$(document).on('click', '#compareBody tr[data-row]', function () { + var row = $('#lineItemsBody tr[data-index="' + $(this).attr('data-row') + '"]') + if (!row.length) return + closeParsedModal() + row[0].scrollIntoView({ behavior: 'smooth', block: 'center' }) + row.removeClass('row-flash') + void row[0].offsetWidth + row.addClass('row-flash') +}) + +// ------------------------------------------------------- +// New Product modal +// ------------------------------------------------------- +var _newProductTargetRow = null + +function openNewProductModal(rowIndex) { + _newProductTargetRow = (rowIndex !== undefined && rowIndex !== null) ? rowIndex : null + $('#np_upc').val('') + $('#np_desc').val('') + $('#np_price').val('') + $('#np_dept').val('') + $('#np_tax').val('0') + $('#np_fs').val('0') + $('#np_flagsNote').text('from department') + $('#np_cost').val('') + $('#np_pack').val('') + $('#np_size').val('') + $('#np_code').val('') + $('#newProductStatus').text('').hide() + + // Seed from the row that asked for it - the invoice already read most of this. + if (_newProductTargetRow !== null) { + var row = $('tr[data-index="' + _newProductTargetRow + '"]') + if (row.length) { + $('#np_upc').val(row.attr('data-parsed-upc') || row.find('.item-upc').val() || '') + $('#np_desc').val((row.find('.item-desc').val() || '').slice(0, 30)) + $('#np_code').val(row.find('.item-cert').val() || '') + $('#np_size').val((row.find('.item-size').val() || '').slice(0, 9)) + $('#np_pack').val(row.find('.item-pack').val() || '') + var caseCost = parseFloat(row.find('.item-cost').val()) + var pack = parseFloat(row.find('.item-pack').val()) + if (!isNaN(caseCost)) { + if (isNaN(pack) || pack <= 0) pack = 1 + $('#np_cost').val((caseCost / pack).toFixed(2)) + } + } + } + + $('#newProductModal').show() + $('#np_upc').focus() +} + +function closeNewProductModal() { + $('#newProductModal').hide() + _newProductTargetRow = null +} + +// dept_no -> { tax, fs } from posbdat..Departments; picking a department +// prefills the item's tax and food stamp flags the same way the POS does. +var deptFlags = {} + +async function loadDepartments() { + try { + var resp = await fetch('/api/departments') + var depts = await resp.json() + if (depts.error) throw new Error(depts.error) + var sel = $('#np_dept') + sel.empty().append('') + deptFlags = {} + depts.forEach(function (d) { + deptFlags[String(d.id)] = { tax: d.tax ? 1 : 0, fs: d.fs ? 1 : 0 } + sel.append('') + }) + } catch (e) { + showDbError('Department list failed to load: ' + e.message) + } +} + +$(document).on('change', '#np_dept', function () { + var f = deptFlags[String($(this).val())] + if (!f) { $('#np_flagsNote').text('from department'); return } + $('#np_tax').val(String(f.tax)) + $('#np_fs').val(String(f.fs)) + $('#np_flagsNote').text('prefilled from department') +}) + +async function handleCreateProduct() { + var upc = $('#np_upc').val().trim() + var desc = $('#np_desc').val().trim() + var price = $('#np_price').val().trim() + if (!upc || !desc || !price) { + $('#newProductStatus').text('UPC, Description, and Price are required.').css('color', '#ff8888').show() + return + } + if (!$('#np_dept').val()) { + $('#newProductStatus').text('Department is required - it sets tax, food stamp and age checking.').css('color', '#ff8888').show() + return + } + // "2/5.00" = 2 for $5.00; anything else must be a plain amount. + if (!/^\d+\s*\/\s*\d+(\.\d+)?$/.test(price) && !/^\d+(\.\d+)?$/.test(price)) { + $('#newProductStatus').text('Price must be an amount like 2.99, or a group price like 2/5.00.').css('color', '#ff8888').show() + return + } + + var fd = new URLSearchParams() + fd.append('upc', upc) + fd.append('description', desc) + fd.append('normal_price', price) + fd.append('dept_id', $('#np_dept').val()) + fd.append('cost', $('#np_cost').val()) + fd.append('item_code', $('#np_code').val()) + fd.append('tax', $('#np_tax').val()) + fd.append('foodstamp', $('#np_fs').val()) + fd.append('pack', $('#np_pack').val()) + fd.append('size', $('#np_size').val()) + + $('#newProductStatus').text('Creating...').css('color', '#ffee88').show() + try { + var resp = await fetch('/api/newproduct', { method: 'POST', body: fd }) + var result = await resp.json() + if (result.success) { + $('#newProductStatus').text('Created: ' + result.description + ' (' + result.upc + ')').css('color', '#88ff88').show() + if (_newProductTargetRow !== null) { + applyProduct(_newProductTargetRow, { + upc: result.upc, + description: result.description, + cert_code: $('#np_code').val() || '', + size: $('#np_size').val() || '', + uom: 'EA', + pack: $('#np_pack').val() !== '' ? parseFloat($('#np_pack').val()) : null, + retail: result.retail != null ? result.retail : null + }) + setTimeout(closeNewProductModal, 800) + } + } else { + $('#newProductStatus').text('Error: ' + result.error).css('color', '#ff8888').show() + } + } catch (e) { + $('#newProductStatus').text('Error: ' + e.message).css('color', '#ff8888').show() + } +} + +// ------------------------------------------------------- +// Pending draft state +// ------------------------------------------------------- +function getQueryParam(name) { + var params = new URLSearchParams(window.location.search) + return params.get(name) +} + +function queuePendingStateSave(stage) { + if (!pendingId) return + clearTimeout(pendingSaveTimer) + pendingSaveTimer = setTimeout(function () { + savePendingState(stage || 'editing').catch(function (e) { + console.warn('Pending state save failed:', e) + }) + }, 700) +} + +async function savePendingState(stage) { + if (!pendingId) return + var state = collectPendingState(stage || 'editing') + var resp = await fetch('/api/pending/' + encodeURIComponent(pendingId) + '/state', { + method: 'POST', + body: JSON.stringify(state), + headers: { 'Content-Type': 'application/json; charset=utf-8' } + }) + var result = await resp.json() + if (!result.success) throw new Error(result.error || 'state save failed') +} + +function collectPendingState(stage) { + var snap = collectDraftSnapshot() + return { + version: 1, + id: pendingId, + stage: stage || 'editing', + created_at: pendingCreated || new Date().toISOString(), + updated_at: new Date().toISOString(), + source: pendingFileInfo || {}, + parse_mode: _resumedParseMode || '', + ocr: { + text: $('#ocrText').val() || '', + method: $('#ocrMethod').text() || '', + line_map: pdfLineMap || null + }, + header: snap.header, + po_compare_data: snap.po_compare_data, + line_items: snap.line_items, + llm: lastLlmResult || null, + defaults: pendingDefaultState || null + } +} + +var _resumedParseMode = '' + +function collectDraftSnapshot() { + var selectedVendor = $('#vendorSelect option:selected') + return { + header: { + vendor_id: $('#vendorSelect').val() || '', + vendor_name: selectedVendor.length ? selectedVendor.text() : '', + vendor_hint: $('#hintVendor').text() || '', + vendor_badge_text: $('#vendorBadge').is(':visible') ? $('#vendorBadge').text() : '', + vendor_badge_class: $('#vendorBadge').is(':visible') ? $('#vendorBadge').attr('class') : '', + invoice_number: $('#invoiceNumber').val() || '', + invoice_date: $('#invoiceDate').val() || '', + po_number: $('#poSelect').val() || '', + invoice_total: $('#invoiceTotal').val() || '', + total_label: totalLabel || '', + total_page: totalPage || '' + }, + po_compare_data: poCompareData || null, + line_items: collectPendingLineItems() + } +} + +function collectPendingLineItems() { + var items = [] + $('#lineItemsBody tr').each(function () { + var row = $(this) + var badge = row.find('.match-badge').first() + items.push({ + upc: row.find('.item-upc').val() || '', + desc: row.find('.item-desc').val() || '', + cert: row.find('.item-cert').val() || '', + qty: row.find('.item-qty').val() || '', + cost: row.find('.item-cost').val() || '', + pack: row.find('.item-pack').val() || '', + retail: row.find('.retail-val').val() || '', + total: row.find('.item-total').val() || '', + size: row.find('.item-size').val() || '', + uom: row.find('.item-uom').val() || '', + source_line: row.attr('data-source-line') || '', + status: row.attr('data-status') || '', + parsed_desc: row.attr('data-parsed-desc') || '', + parsed_upc: row.attr('data-parsed-upc') || '', + parsed_cert: row.attr('data-parsed-cert') || '', + parsed_size: row.attr('data-parsed-size') || '', + parsed_pack: row.attr('data-parsed-pack') || '', + parsed_uom: row.attr('data-parsed-uom') || '', + matched_desc: row.attr('data-matched-desc') || '', + matched_upc: row.attr('data-matched-upc') || '', + matched_cert: row.attr('data-matched-cert') || '', + matched_size: row.attr('data-matched-size') || '', + matched_uom: row.attr('data-matched-uom') || '', + match_badge_text: badge.text() || '', + match_badge_class: badge.attr('class') || '', + po_status: row.attr('data-po-status') || '' + }) + }) + return items +} + +// ------------------------------------------------------- +// Resume a pending draft +// ------------------------------------------------------- +async function resumePending(id) { + try { + showBusy('Loading invoice...') + setStatus('Loading pending invoice...', 'loading') + var resp = await fetch('/api/pending/' + encodeURIComponent(id)) + if (!resp.ok) throw new Error('pending load returned ' + resp.status) + var state = await resp.json() + if (state.error && !state.stage) throw new Error(state.error) + + pendingId = state.id || id + pendingCreated = state.created_at || new Date().toISOString() + pendingFileInfo = state.source || {} + pendingDefaultState = state.defaults || null + lastLlmResult = state.llm || null + _resumedParseMode = state.parse_mode || '' + + try { + await renderPendingSourcePreview(pendingId) + } catch (previewErr) { + console.warn('Pending source preview failed:', previewErr) + $('#uploadPrompt').text('Pending source file could not be previewed.').show() + } + restorePendingState(state) + + if (state.stage === 'parsed' && state.llm && state.llm.parsed) { + // Background worker did the slow LLM step; finish with the fast match pass. + await matchAndPopulateFromParsed(state.llm.parsed) + await savePendingState('review') + setStatus('Parsed invoice loaded.', 'success') + } else if (state.stage === 'queued' || state.stage === 'processing') { + setStatus('This invoice is ' + state.stage + ' for background parsing - this screen updates automatically when it finishes.', 'loading') + } else if (state.stage === 'error') { + setStatus('Background parsing failed: ' + (state.error || 'unknown error') + + '. Use Scan Invoice to retry.', 'error') + } else { + setStatus('Pending invoice loaded.', 'success') + } + } catch (e) { + setStatus('Could not load pending invoice: ' + e.message, 'error') + console.error(e) + } finally { + hideBusy() + } +} + +async function matchAndPopulateFromParsed(invoiceData) { + var count = (invoiceData.line_items || []).length + showBusy('Matching ' + count + ' line item' + (count === 1 ? '' : 's') + ' against the product file...') + try { + var matchData = await callMatch(invoiceData) + populateForm(invoiceData, matchData) + $('#reviewSection').css('display', 'flex') + } finally { + hideBusy() + } +} + +// Full-panel busy overlay. Opening a parsed invoice does real work (matching +// every line item), and without this the review pane just sits blank. +function showBusy(msg) { + var el = $('#busyOverlay') + if (!el.length) { + el = $('

' + + '

').appendTo('body') + } + el.find('.busy-msg').text(msg || 'Working...') + el.css('display', 'flex') +} + +function hideBusy() { + $('#busyOverlay').hide() +} + +// Preview pages come pre-rendered from the server (PDFium) - no PDF.js. +async function renderPendingSourcePreview(id) { + var resp = await fetch('/api/pending/' + encodeURIComponent(id) + '/preview') + var info = await resp.json() + if (info.error) throw new Error(info.error) + + var wrapper = document.getElementById('canvasWrapper') + $(wrapper).find('.page-wrap').remove() + $('#uploadPrompt').hide() + + for (var p = 1; p <= (info.pages || 1); p++) { + var pageWrap = document.createElement('div') + pageWrap.className = 'page-wrap' + pageWrap.setAttribute('data-page', p) + var img = document.createElement('img') + img.src = '/api/pending/' + encodeURIComponent(id) + '/preview/' + p + '?ts=' + Date.now() + pageWrap.appendChild(img) + wrapper.appendChild(pageWrap) + } + applyPreviewZoom() + $('#scanSection').css('display', 'flex') +} + +function restorePendingState(state) { + var h = state.header || {} + pdfLineMap = (state.ocr && state.ocr.line_map && state.ocr.line_map.length) ? state.ocr.line_map : null + $('#ocrText').val('') + $('#ocrMethod').text('') + $('#vendorBadge').hide().text('') + $('#hintVendor,#hintInvoiceNumber,#hintInvoiceDate,#hintInvoiceTotal').hide().text('') + // A vendor or PO missing from the dropdown (list failed to load, PO + // outside the TOP 500) would otherwise reset to blank and the next + // autosave would write that blank back into the draft. + ensureOption($('#vendorSelect'), h.vendor_id, h.vendor_name) + ensureOption($('#poSelect'), h.po_number, 'PO #' + h.po_number) + $('#vendorSelect').val(h.vendor_id || '') + $('#invoiceNumber').val(h.invoice_number || '') + $('#invoiceDate').val(h.invoice_date || '') + $('#invoiceTotal').val(h.invoice_total || '') + $('#poSelect').val(h.po_number || '') + totalLabel = h.total_label || '' + totalPage = h.total_page || '' + + if (h.vendor_badge_text) { + $('#vendorBadge').text(h.vendor_badge_text).attr('class', h.vendor_badge_class || 'match-badge badge-none').show() + } + if (h.vendor_hint) $('#hintVendor').text(h.vendor_hint).show() + if (h.invoice_number) $('#hintInvoiceNumber').text(h.invoice_number).show() + if (h.invoice_date) $('#hintInvoiceDate').text(h.invoice_date).show() + if (h.invoice_total) $('#hintInvoiceTotal').text(h.invoice_total + totalHintSuffix()).show() + + if (state.ocr && state.ocr.text) { + $('#ocrText').val(state.ocr.text) + $('#ocrMethod').text(state.ocr.method || 'from pending') + } + + restorePendingRows(state.line_items || []) + recalcAllMargins() + poCompareData = state.po_compare_data || null + if ((state.line_items || []).length) { + $('#reviewSection').css('display', 'flex') + if ($('#poSelect').val() && poCompareData) applyPoComparison() + renderLineMarkers() + } + refreshReviewSummary() +} + +function ensureOption(sel, value, label) { + if (!value) return + var exists = sel.find('option').filter(function () { return this.value === String(value) }).length + if (!exists) sel.append('') +} + +function restorePendingRows(items) { + var tbody = $('#lineItemsBody') + tbody.empty() + items.forEach(function (saved, i) { + var status = saved.status || 'unmatched' + var matchLabel = (status === 'unmatched' || status === 'fuzzy') ? status : 'exact' + var item = { + upc: saved.upc || '', + description: saved.desc || '', + product_code: saved.cert || '', + quantity: saved.qty || '', + unit_price: saved.cost || '', + total: saved.total || '', + size: saved.size || '', + unit_of_measure: saved.uom || 'EA', + pack: saved.parsed_pack || '', + source_line: saved.source_line || '' + } + var match = { + upc: saved.upc || '', + description: saved.desc || '', + cert_code: saved.cert || '', + size: saved.size || '', + uom: saved.uom || 'EA', + pack: saved.pack !== '' && saved.pack != null ? saved.pack : null, + retail: saved.retail !== '' && saved.retail != null ? saved.retail : null, + match_label: matchLabel + } + tbody.append(buildRow(i, item, match)) + var row = tbody.find('tr[data-index="' + i + '"]') + row.attr('data-status', status) + row.attr('data-parsed-desc', saved.parsed_desc || saved.desc || '') + row.attr('data-parsed-upc', saved.parsed_upc || saved.upc || '') + row.attr('data-parsed-cert', saved.parsed_cert || saved.cert || '') + row.attr('data-parsed-size', saved.parsed_size || saved.size || '') + row.attr('data-parsed-uom', saved.parsed_uom || saved.uom || '') + row.attr('data-matched-desc', saved.matched_desc || saved.desc || '') + row.attr('data-matched-upc', saved.matched_upc || saved.upc || '') + row.attr('data-matched-cert', saved.matched_cert || saved.cert || '') + row.attr('data-matched-size', saved.matched_size || saved.size || '') + row.attr('data-matched-uom', saved.matched_uom || saved.uom || '') + if (saved.match_badge_text) row.find('.match-badge').first().text(saved.match_badge_text) + if (saved.match_badge_class) row.find('.match-badge').first().attr('class', saved.match_badge_class) + if (status !== 'unmatched' && status !== 'fuzzy') row.find('.btn-confirm').remove() + }) + nextRowIndex = items.length +} + +async function handleDeleteDraft() { + if (!pendingId) return + if (!confirm('Delete this pending draft? This removes the saved draft and source file.')) return + + var id = pendingId + clearTimeout(pendingSaveTimer) + pendingId = null + try { + setStatus('Deleting draft...', 'loading') + var resp = await fetch('/api/pending/' + encodeURIComponent(id), { method: 'DELETE' }) + var result = await resp.json() + if (!result.success) throw new Error(result.error || 'delete failed') + window.location.href = 'pending.html' + } catch (e) { + pendingId = id + setStatus('Delete failed: ' + e.message, 'error') + } +} + +async function handleRestoreDefaults() { + if (!pendingDefaultState) { + alert('No saved defaults are available for this draft yet.') + return + } + if (!confirm('Restore the original parsed and matched values for this draft?')) return + + var restored = { + header: pendingDefaultState.header || {}, + line_items: pendingDefaultState.line_items || [], + po_compare_data: pendingDefaultState.po_compare_data || null, + ocr: { + text: $('#ocrText').val() || '', + method: $('#ocrMethod').text() || '', + line_map: pdfLineMap + } + } + restorePendingState(restored) + if (pendingId) { + try { + await savePendingState('editing') + } catch (e) { + console.warn('Pending state save failed after restore:', e) + } + } + setStatus('Defaults restored.', 'success') +} + +// ------------------------------------------------------- +// Save +// ------------------------------------------------------- +async function handleSave() { + var vendorId = $('#vendorSelect').val() + if (!vendorId) { alert('Please select a vendor before saving.'); return } + if (!$('#invoiceNumber').val().trim()) { alert('Please enter an invoice number before saving.'); return } + if (!$('#invoiceDate').val()) { alert('Please enter an invoice date before saving.'); return } + + var unconfirmed = [] + $('#lineItemsBody tr').each(function (idx) { + var s = $(this).attr('data-status') + if (s === 'unmatched' || s === 'fuzzy') unconfirmed.push(idx + 1) + }) + if (unconfirmed.length) { + alert('Row(s) ' + unconfirmed.join(', ') + ' must be matched to an existing product before saving.') + return + } + + var fd = new URLSearchParams() + fd.append('vendor_id', vendorId) + fd.append('invoice_number', $('#invoiceNumber').val()) + fd.append('invoice_date', $('#invoiceDate').val()) + fd.append('po_number', $('#poSelect').val()) + fd.append('vendor_total', $('#invoiceTotal').val()) + fd.append('pending_id', pendingId || '') + + var rows = $('#lineItemsBody tr') + fd.append('item_count', rows.length) + rows.each(function (i) { + var row = $(this) + fd.append('item_' + i + '_upc', row.find('.item-upc').val()) + fd.append('item_' + i + '_desc', row.find('.item-desc').val()) + fd.append('item_' + i + '_cert', row.find('.item-cert').val()) + fd.append('item_' + i + '_qty', row.find('.item-qty').val()) + fd.append('item_' + i + '_cost', row.find('.item-cost').val()) + fd.append('item_' + i + '_total', row.find('.item-total').val()) + fd.append('item_' + i + '_size', row.find('.item-size').val()) + fd.append('item_' + i + '_uom', row.find('.item-uom').val()) + // The server divides the case cost by this pack to get the unit cost + // it compares against the product file, so send the pack on screen. + fd.append('item_' + i + '_pack', row.find('.item-pack').val()) + }) + + setStatus('Saving...', 'loading') + try { + // The server archives the source file inside the save transaction. + var resp = await fetch('/api/save', { method: 'POST', body: fd }) + var result = await resp.json() + if (result.success) { + var msg = 'Saved successfully' + (result.po_number ? '. PO: ' + result.po_number : '') + if (result.batch_no) { + msg += '. Cost batch ' + result.batch_no + ': ' + result.batch_items + ' item' + + (result.batch_items === 1 ? '' : 's') + if (result.batch_flagged) msg += ', ' + result.batch_flagged + ' below target margin' + } + setStatus(msg, 'success') + if (pendingId) { + // Stop the debounced autosave first: firing after the delete + // would recreate the draft. + clearTimeout(pendingSaveTimer) + var doneId = pendingId + pendingId = null + try { await fetch('/api/pending/' + encodeURIComponent(doneId), { method: 'DELETE' }) } catch (e) {} + } + // Long enough to read the batch number before the page moves on. + setTimeout(function () { window.location.href = 'pending.html' }, result.batch_no ? 3000 : 900) + } else { + setStatus('Save failed: ' + result.error, 'error') + } + } catch (e) { + setStatus('Save failed: ' + e.message, 'error') + } +} + +// ------------------------------------------------------- +// Utilities +// ------------------------------------------------------- +function setStatus(msg, type) { + var el = isDashboard ? $('#dashStatusBar') : $('#statusBar') + el.text(msg).removeClass('status-loading status-error status-success') + if (type && msg) el.addClass('status-' + type).show() + else el.hide() +} + +// Persistent banner for database failures. Separate from the status bar, +// which later steps overwrite, so a dead SQL connection stays visible. +function showDbError(msg) { + var el = $('#dbWarning') + if (!el.length) el = $('

').insertAfter('h1') + el.text(msg).show() +} + +async function readJsonResponse(resp, label) { + var raw = await resp.text() + if (!resp.ok) { + throw new Error(label + ' returned ' + resp.status + (raw ? ': ' + raw.slice(0, 300) : '')) + } + try { + return JSON.parse(raw) + } catch (e) { + throw new Error(label + ' returned non-JSON: ' + raw.slice(0, 300)) + } +} + +function setHint(id, val, suffix) { + var el = $('#' + id) + if (val != null && val !== '') el.text('scanned: ' + val + (suffix || '')).show() + else el.hide() +} + +function escHtml(s) { + return String(s) + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"') +} diff --git a/wwwroot/js/jquery-3.5.1.min.js b/wwwroot/js/jquery-3.5.1.min.js new file mode 100644 index 0000000..b061403 --- /dev/null +++ b/wwwroot/js/jquery-3.5.1.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.5.1 | (c) JS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,v=n.hasOwnProperty,a=v.toString,l=a.call(Object),y={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.5.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\$"+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\$|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\$"+M+"*((?:-\\d)?\\d*)"+M+"*\$|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e.namespaceURI,n=(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||j,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,j=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","

"],col:[2,"","

"],tr:[2,"","

"],td:[3,"","

"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function qe(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function Le(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function He(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Oe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):("number"==typeof f.top&&(f.top+="px"),"number"==typeof f.left&&(f.left+="px"),c.css(f))}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=$e(y.pixelPosition,function(e,t){if(t)return t=Be(e,n),Me.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0 + + + +Pending Invoices + + + + + +

+ Pending Invoices + + New Invoice + Pending + Archive +

+ +

+ + Parses every invoice still marked queued (and retries errored ones) in the background. +

No pending invoices.

+ + + + + + + + + + + + + + + + + +

+ + + + +

+ Invoice Archive + + New Invoice + Pending + Archive +

Invoice Header

Cost Batch

Line Items

+ Invoice Parser + + New Invoice + Pending + Archive + Parsed vs matched + « Hide preview +

Invoice Header

Line Items + + + Add Line + Accept All + +

+ Parsed vs matched + + differences only + Close +

Create New Product

+ Pending Invoices + + New Invoice + Pending + Archive +

+ Invoice Parser + + New Invoice + Pending + Archive + + +

Line Items + + + + +

+ Parsed vs matched + + differences only + +