'use strict'; (function () { 'use strict'; var PROCESSOR_ID = 'wfSk9GSAWYw2BDofa'; var LT = String.fromCharCode(60); var GT = String.fromCharCode(62); var AMP = String.fromCharCode(38); var QUOTE = String.fromCharCode(34); var state = { identity: null, packages: [], openNumber: '', actingRole: '', query: '', mineOnly: false, notifications: [], unseen: 0, notifyOpen: false, labelWanted: '', factsOpen: false, pendingGroup: null, pendingNotice: null, scanKeyboardHidden: false, busy: false, view: 'packages', sheets: [], openSheet: '', intakeCustomer: '', intakeCustomerName: '', expected: [], openExpected: '', customers: [], openCustomer: '', sheetTab: 'packages', sheetPool: [], integrationMode: 'test' }; function el(id) { return document.getElementById(id); } function esc(value) { return String(value === null || value === undefined ? '' : value) .split(AMP).join(AMP + 'amp;') .split(LT).join(AMP + 'lt;') .split(GT).join(AMP + 'gt;') .split(QUOTE).join(AMP + 'quot;'); } function open(name, attrs) { return LT + name + (attrs ? ' ' + attrs : '') + GT; } function shut(name) { return LT + '/' + name + GT; } function wrap(name, attrs, inner) { return open(name, attrs) + inner + shut(name); } var ROLE_LABELS = { customer: 'Customer', warehouse_international: 'International warehouse', warehouse_local: 'Local warehouse', operations: 'Operations' }; var KIND_LABELS = { damaged: 'Damaged', missing: 'Missing', wrong_item: 'Wrong item', held_at_customs: 'Held at customs', address_problem: 'Address problem', payment_query: 'Payment query', other: 'Something else' }; function kindLabel(k) { return KIND_LABELS[k] || titleise(k); } var SCOPE_LINES = { customer: 'You see the packages that belong to you.', warehouse_international: 'You see every package. Yours are intake, measuring, consolidating and packing the shipment.', warehouse_local: 'You see every package. Yours are arrival and the handoff.', operations: 'You see every package. Yours are pricing, the packing sheets, and customs.' }; function titleise(value) { return String(value || '').replace(/_/g, ' ').replace(/^./, function (c) { return c.toUpperCase(); }); } function roleLabel(role) { return ROLE_LABELS[role] || titleise(role); } // A courier's delivery estimate is a DAY, not a moment. shortMoment renders it as // "9/24/2026, 12:00:00 AM" - a midnight that is an artefact of parsing a date-only // value, not anything the courier actually said. function shortDay(value) { if (!value) { return ''; } var parsed = new Date(value); if (isNaN(parsed.getTime())) { return String(value); } return parsed.toLocaleDateString(); } function shortMoment(value) { if (!value) { return ''; } var parsed = new Date(value); if (isNaN(parsed.getTime())) { return String(value); } return parsed.toLocaleString(); } function notice(message, tone) { var box = el('gnkSharedNotice'); if (!box) { return; } if (!message) { box.hidden = true; box.textContent = ''; return; } box.className = 'gnkshared__notice' + (tone ? ' gnkshared__notice--' + tone : ''); box.textContent = message; box.hidden = false; } function callProc(type, payload, callback) { var body = payload || {}; if (state.actingRole) { body.acting_role = state.actingRole; } var input = { type: type, payload: body }; var settled = false; function settle(err, data) { if (settled) { return; } settled = true; try { callback(err, data); } catch (renderErr) { notice('Something went wrong drawing this page: ' + String(renderErr && renderErr.message), 'bad'); } } window.setTimeout(function () { settle({ message: 'The service did not answer. Reload the page, and tell me if it keeps happening.', code: 'TIMEOUT' }, null); }, 20000); try { phoros.processor(PROCESSOR_ID, input, function (err, result) { if (err) { settle({ message: 'The service did not respond: ' + String(err.message || err), code: 'TRANSPORT' }, null); return; } if (!result) { settle({ message: 'The service returned nothing.', code: 'EMPTY' }, null); return; } if (result.success === false) { settle({ message: result.error || 'The service refused that.', code: result.error_code, details: result.details }, null); return; } settle(null, result.data || {}); }); } catch (callErr) { settle({ message: 'The page could not reach the service: ' + String(callErr && callErr.message), code: 'CALL_THREW' }, null); } } function renderWho() { var box = el('gnkSharedWho'); if (!box) { return; } var identity = state.identity; if (!identity) { box.innerHTML = wrap('div', 'class="gnkshared__who-load"', 'Not signed in'); return; } var scope = SCOPE_LINES[identity.role] || 'You see the packages that belong to you.'; var switcherHtml = ''; if (identity.may_act_as_any) { var catalog = identity.role_catalog || []; var pills = ''; for (var r = 0; r < catalog.length; r++) { var isOn = catalog[r] === identity.role; pills += wrap('button', 'type="button" class="gnkshared__roleswitch' + (isOn ? ' is-on' : '') + '" data-role="' + esc(catalog[r]) + '"', esc(roleLabel(catalog[r]))); } switcherHtml = wrap('div', 'class="gnkshared__switcher"', wrap('span', 'class="gnkshared__switcher-lead"', 'Working as') + wrap('div', 'class="gnkshared__switcher-pills"', pills) + (identity.acting_as_another_role ? wrap('p', 'class="gnkshared__switcher-note"', 'Your own role is ' + esc(roleLabel(identity.real_role)) + '. Anything you do is recorded under your name with both roles on it.') : '')); } box.innerHTML = wrap('button', 'type="button" class="gnkshared__who-toggle" id="gnkSharedWhoToggle"', wrap('span', 'class="gnkshared__who-name"', esc(identity.display_name)) + wrap('span', 'class="gnkshared__who-caret"', 'v')) + wrap('div', 'class="gnkshared__who-body"', wrap('span', 'class="gnkshared__who-role"', esc(roleLabel(identity.role))) + wrap('p', 'class="gnkshared__who-scope"', esc(scope) + open('br') + 'Customer number ' + esc(identity.customer_number)) + switcherHtml + wrap('button', 'type="button" class="gnkshared__signout" id="gnkSharedSignOut"', 'Sign out')); var whoToggle = el('gnkSharedWhoToggle'); if (whoToggle) { whoToggle.onclick = function () { var open_ = box.className.indexOf('is-whoopen') > -1; box.className = box.className.replace(/\s*is-whoopen/g, '') + (open_ ? '' : ' is-whoopen'); }; } var switches = box.querySelectorAll('.gnkshared__roleswitch'); for (var w = 0; w < switches.length; w++) { switches[w].onclick = function () { state.actingRole = this.getAttribute('data-role'); state.openNumber = ''; state.openSheet = ''; state.view = 'packages'; notice(''); refresh(''); }; } var out = el('gnkSharedSignOut'); if (out) { out.onclick = function () { try { phoros.signOut(); } catch (outErr) { notice('Could not sign out: ' + String(outErr && outErr.message), 'bad'); return; } state.identity = null; state.packages = []; state.openNumber = ''; state.actingRole = ''; showSignedOut(); }; } } function selfMatchesQuery(pkg, q) { if (!q) { return true; } var hay = [pkg.package_number, pkg.description, pkg.retailer, pkg.tracking_number, pkg.customer_number, titleise(pkg.status)].join(' ').toLowerCase(); return hay.indexOf(q) > -1; } function holdMatch(pkg, q) { if (!q) { return null; } var holds = pkg.holds || []; for (var h = 0; h < holds.length; h++) { var hay = [holds[h].package_number, holds[h].tracking_number, holds[h].description, holds[h].retailer] .join(' ').toLowerCase(); if (hay.indexOf(q) > -1) { return holds[h]; } } return null; } function matchesQuery(pkg, q) { return selfMatchesQuery(pkg, q) || !!holdMatch(pkg, q); } function shownPackages() { var q = String(state.query || '').trim().toLowerCase(); var out = []; for (var i = 0; i < state.packages.length; i++) { var pkg = state.packages[i]; if (state.mineOnly && !(pkg.offered_actions || []).length) { continue; } if (!matchesQuery(pkg, q)) { continue; } out.push(pkg); } return out; } function wireListControls() { var box = el('gnkSharedSearch'); if (box) { // The field lives in the static shell and keeps its value across a re-render, // while state is rebuilt empty - seed from what is actually on screen. if (!state.query && box.value) { state.query = box.value; } if (!box.getAttribute('data-wired')) { box.setAttribute('data-wired', '1'); box.oninput = function () { state.query = this.value; renderCurrentList(); }; } } var mine = el('gnkSharedMine'); if (mine) { mine.hidden = state.view === 'expected' || state.view === 'customers'; if (!mine.getAttribute('data-wired')) { mine.setAttribute('data-wired', '1'); mine.onclick = function () { state.mineOnly = !state.mineOnly; this.className = 'gnkshared__minetoggle' + (state.mineOnly ? ' is-on' : ''); renderList(); }; } } } function renderList() { var rows = el('gnkSharedRows'); var count = el('gnkSharedCount'); if (!rows) { return; } wireListControls(); var shown = shownPackages(); var total = state.packages.length; if (count) { count.textContent = (shown.length === total) ? (total === 1 ? '1 package' : total + ' packages') : (shown.length + ' of ' + total); } if (!total) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'No packages yet.'); return; } if (!shown.length) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'Nothing matches that.'); return; } var listQuery = String(state.query || '').trim().toLowerCase(); var html = ''; for (var i = 0; i < shown.length; i++) { var pkg = shown[i]; var todo = (pkg.offered_actions || []).length; var line = [pkg.description || pkg.retailer || 'Package', pkg.tracking_number, pkg.customer_number] .filter(function (v) { return !!v; }) .join(' ' + String.fromCharCode(183) + ' '); // Matched through something packed inside this box, not the box itself - say so, // or the operator reads it as the wrong package coming back. if (!selfMatchesQuery(pkg, listQuery)) { var insideHit = holdMatch(pkg, listQuery); if (insideHit) { line += ' ' + String.fromCharCode(183) + ' holds ' + (insideHit.tracking_number || insideHit.package_number); } } var attrs = 'type="button" class="gnkshared__row" data-package="' + esc(pkg.package_number) + '"' + (pkg.package_number === state.openNumber ? ' aria-current="true"' : ''); html += wrap('button', attrs, wrap('span', 'class="gnkshared__row-top"', wrap('span', 'class="gnkshared__row-num"', esc(pkg.package_number)) + (todo ? wrap('span', 'class="gnkshared__todo"', String(todo)) : '') + wrap('span', 'class="gnkshared__pill"', esc(titleise(pkg.status)))) + wrap('span', 'class="gnkshared__row-desc"', esc(line))); } rows.innerHTML = html; var buttons = rows.querySelectorAll('.gnkshared__row'); for (var b = 0; b < buttons.length; b++) { buttons[b].onclick = function () { openPackage(this.getAttribute('data-package')); }; } } function renderNotifications() { var slot = el('gnkSharedNotify'); if (!slot) { return; } var list = state.notifications || []; if (!state.identity || !list.length) { slot.innerHTML = ''; return; } var unseen = state.unseen || 0; if (!state.notifyOpen) { slot.innerHTML = wrap('button', 'type="button" class="gnkshared__notifybar" id="gnkNotifyToggle"', (unseen ? wrap('span', 'class="gnkshared__todo"', String(unseen)) : '') + wrap('span', '', unseen ? (unseen === 1 ? '1 new update on your packages' : unseen + ' new updates on your packages') : 'Recent updates on your packages') + wrap('em', 'class="gnkshared__notify-more"', 'Show')); } else { var itemsHtml = ''; for (var i = 0; i < list.length && i < 20; i++) { var nt = list[i]; itemsHtml += wrap('li', 'class="gnkshared__note' + (cleanSeen(nt) ? '' : ' is-new') + '"', wrap('div', 'class="gnkshared__note-head"', esc(nt.headline)) + (nt.body ? wrap('div', 'class="gnkshared__note-body"', esc(nt.body)) : '') + wrap('div', 'class="gnkshared__note-when"', esc(nt.package_number || '') + ' ' + String.fromCharCode(183) + ' ' + esc(shortMoment(nt.occurred_at)))); } slot.innerHTML = wrap('div', 'class="gnkshared__notifybox"', wrap('div', 'class="gnkshared__notify-top"', wrap('span', 'class="gnkshared__step-t"', 'Updates on your packages') + wrap('button', 'type="button" class="gnkshared__notify-x" id="gnkNotifyToggle"', 'Hide')) + wrap('ul', 'class="gnkshared__notes"', itemsHtml) + (unseen && state.identity.role === 'customer' ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkNotifySeen"', 'Mark them all as read') : '')); } var toggle = el('gnkNotifyToggle'); if (toggle) { toggle.onclick = function () { state.notifyOpen = !state.notifyOpen; renderNotifications(); }; } var seen = el('gnkNotifySeen'); if (seen) { seen.onclick = function () { callProc('mark_notifications_seen', {}, function (err) { if (err) { notice(err.message, 'bad'); return; } loadNotifications(); }); }; } } function cleanSeen(nt) { return !!String(nt.seen_at || '').trim(); } function loadNotifications() { if (!state.identity) { return; } callProc('list_notifications', {}, function (err, data) { if (err) { return; } state.notifications = data.notifications || []; state.unseen = data.unseen || 0; renderNotifications(); }); } function problemsBlock(pkg) { var list = pkg.exceptions || []; var open = []; for (var i = 0; i < list.length; i++) { if (list[i].status === 'open') { open.push(list[i]); } } var itemsHtml = ''; for (var j = 0; j < open.length; j++) { var ex = open[j]; itemsHtml += wrap('li', 'class="gnkshared__prob"', wrap('div', 'class="gnkshared__prob-top"', wrap('span', 'class="gnkshared__prob-kind"', esc(kindLabel(ex.kind))) + wrap('span', 'class="gnkshared__prob-owner"', 'with ' + esc(roleLabel(ex.owner_role)))) + wrap('div', 'class="gnkshared__prob-detail"', esc(ex.detail)) + wrap('div', 'class="gnkshared__prob-when"', esc(ex.exception_number) + ' ' + String.fromCharCode(183) + ' ' + esc(shortMoment(ex.opened_at))) + (state.identity && state.identity.role !== 'customer' ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" data-resolve="' + esc(ex.exception_number) + '"', 'Mark it resolved') : '')); } var header = open.length ? wrap('h4', 'class="gnkshared__section-t gnkshared__section-t--warn"', open.length === 1 ? '1 open problem' : open.length + ' open problems') : ''; return header + (open.length ? wrap('ul', 'class="gnkshared__probs"', itemsHtml) : '') + wrap('div', 'class="gnkshared__probfoot"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkProblemOpen"', 'Report a problem')) + wrap('div', 'class="gnkshared__step" id="gnkProblemForm"', ''); } function showProblemForm(packageNumber) { var slot = el('gnkProblemForm'); if (!slot) { return; } var opts = ''; var order = ['damaged', 'missing', 'wrong_item', 'held_at_customs', 'address_problem', 'payment_query', 'other']; for (var i = 0; i < order.length; i++) { opts += wrap('option', 'value="' + esc(order[i]) + '"', esc(kindLabel(order[i]))); } slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', 'Report a problem') + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'What is wrong') + wrap('select', 'class="gnkshared__field-v" id="gnkProblemKind"', opts)) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Tell them what happened') + wrap('textarea', 'class="gnkshared__reason" id="gnkProblemDetail" rows="3" placeholder="One corner of the box is crushed and the seal is broken."', '')) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkProblemGo"', 'Raise it') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkProblemNo"', 'Cancel'))); var go = el('gnkProblemGo'); if (go) { go.onclick = function () { submitProblem(packageNumber); }; } var no = el('gnkProblemNo'); if (no) { no.onclick = function () { slot.innerHTML = ''; }; } var focusOn = el('gnkProblemDetail'); if (focusOn) { focusOn.focus(); } } function submitProblem(packageNumber) { if (state.busy) { return; } var kindNode = el('gnkProblemKind'); var detailNode = el('gnkProblemDetail'); var detail = detailNode ? String(detailNode.value || '').trim() : ''; if (!detail) { notice('Say what happened, so whoever picks it up knows what they are looking at.', null); if (detailNode) { detailNode.focus(); } return; } state.busy = true; notice('Raising it...', null); callProc('open_exception', { package_number: packageNumber, kind: kindNode ? kindNode.value : 'other', detail: detail }, function (err) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Raised. It is on the package and in the queue now.', 'good'); refresh(packageNumber); }); } function showResolveForm(exceptionNumber, packageNumber) { var slot = el('gnkProblemForm'); if (!slot) { return; } slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', 'Close ' + esc(exceptionNumber)) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'How was it resolved') + wrap('textarea', 'class="gnkshared__reason" id="gnkResolveText" rows="3" placeholder="Repacked into a new box and photographed before dispatch."', '')) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkResolveGo"', 'Close it') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkResolveNo"', 'Cancel'))); var go = el('gnkResolveGo'); if (go) { go.onclick = function () { submitResolve(exceptionNumber, packageNumber); }; } var no = el('gnkResolveNo'); if (no) { no.onclick = function () { slot.innerHTML = ''; }; } var focusOn = el('gnkResolveText'); if (focusOn) { focusOn.focus(); } } function submitResolve(exceptionNumber, packageNumber) { if (state.busy) { return; } var node = el('gnkResolveText'); var resolution = node ? String(node.value || '').trim() : ''; if (!resolution) { notice('Say how it was resolved, so the record explains itself later.', null); if (node) { node.focus(); } return; } state.busy = true; notice('Closing it...', null); callProc('resolve_exception', { exception_number: exceptionNumber, resolution: resolution }, function (err) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Closed. It stays on the package history.', 'good'); refresh(packageNumber); }); } var CODE128_PATTERNS = [ '212222', '222122', '222221', '121223', '121322', '131222', '122213', '122312', '132212', '221213', '221312', '231212', '112232', '122132', '122231', '113222', '123122', '123221', '223211', '221132', '221231', '213212', '223112', '312131', '311222', '321122', '321221', '312212', '322112', '322211', '212123', '212321', '232121', '111323', '131123', '131321', '112313', '132113', '132311', '211313', '231113', '231311', '112133', '112331', '132131', '113123', '113321', '133121', '313121', '211331', '231131', '213113', '213311', '213131', '311123', '311321', '331121', '312113', '312311', '332111', '314111', '221411', '431111', '111224', '111422', '121124', '121421', '141122', '141221', '112214', '112412', '122114', '122411', '142112', '142211', '241211', '221114', '413111', '241112', '134111', '111242', '121142', '121241', '114212', '124112', '124211', '411212', '421112', '421211', '212141', '214121', '412121', '111143', '111341', '131141', '114113', '114311', '411113', '411311', '113141', '114131', '311141', '411131', '211412', '211214', '211232', '2331112' ]; function code128bModules(text) { var clean = String(text === null || text === undefined ? '' : text); if (!clean.length) { return null; } var values = [104]; var sum = 104; for (var i = 0; i < clean.length; i++) { var charCode = clean.charCodeAt(i); if (charCode < 32 || charCode > 126) { return null; } var value = charCode - 32; values.push(value); sum += (i + 1) * value; } values.push(sum % 103); values.push(106); var widths = []; for (var v = 0; v < values.length; v++) { var pattern = CODE128_PATTERNS[values[v]]; for (var w = 0; w < pattern.length; w++) { widths.push(Number(pattern.charAt(w))); } } return widths; } var BARCODE_QUIET_MODULES = 12; function barcodeSvg(text) { var widths = code128bModules(text); if (!widths) { return ''; } var modules = 0; for (var t = 0; t < widths.length; t++) { modules += widths[t]; } var rects = ''; var at = BARCODE_QUIET_MODULES; for (var i = 0; i < widths.length; i++) { if (i % 2 === 0) { rects += wrap('rect', 'x="' + at + '" y="0" width="' + widths[i] + '" height="10" fill="#000000"', ''); } at += widths[i]; } var span = modules + (BARCODE_QUIET_MODULES * 2); return wrap('svg', 'class="gnklabel__bars" width="100%" height="100%"' + ' viewBox="0 0 ' + span + ' 10" preserveAspectRatio="none"' + ' xmlns="http://www.w3.org/2000/svg" shape-rendering="crispEdges"', wrap('rect', 'x="0" y="0" width="' + span + '" height="10" fill="#ffffff"', '') + rects); } function labelHtml(pkg) { var bars = barcodeSvg(pkg.package_number); var name = cleanLabelText(pkg.customer_name); var acct = cleanLabelText(pkg.customer_number); var track = cleanLabelText(pkg.tracking_number); var box = cleanLabelText(pkg.consolidation_id); var whoHtml = (name && name !== acct) ? wrap('span', 'class="gnklabel__name"', esc(name)) + wrap('span', 'class="gnklabel__acct"', esc(acct)) : wrap('span', 'class="gnklabel__name"', esc(acct)); return wrap('div', 'class="gnklabel" id="gnkLabelSheet"', (bars ? wrap('div', 'class="gnklabel__code"', bars) : '') + wrap('div', 'class="gnklabel__num"', esc(pkg.package_number)) + wrap('div', 'class="gnklabel__who"', whoHtml) + ((track || box) ? wrap('div', 'class="gnklabel__detail"', wrap('span', 'class="gnklabel__track"', esc(track)) + (box ? wrap('span', 'class="gnklabel__box"', esc('BOX ' + box)) : '')) : '')); } function cleanLabelText(value) { return String(value === null || value === undefined ? '' : value).trim(); } function printHost() { var host = document.getElementById('gnkPrintHost'); if (!host) { host = document.createElement('div'); host.id = 'gnkPrintHost'; document.body.appendChild(host); } return host; } function labelBlock(pkg) { if (!pkg.may_label) { return ''; } var printed = pkg.label_print_count ? ('Printed ' + pkg.label_print_count + (pkg.label_print_count === 1 ? ' time' : ' times') + (pkg.label_printed_by ? (', last by ' + pkg.label_printed_by) : '') + ' ' + String.fromCharCode(183) + ' ' + shortMoment(pkg.label_printed_at)) : 'No label printed yet'; return wrap('div', 'class="gnkshared__labelfoot"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkLabelOpen"', pkg.label_print_count ? 'Show the label again' : 'Make the label') + wrap('span', 'class="gnkshared__labelnote"', esc(printed))) + wrap('div', 'class="gnkshared__step" id="gnkLabelSlot"', ''); } function openLabel(pkg) { var slot = el('gnkLabelSlot'); if (!slot) { return; } slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', 'Label for ' + esc(pkg.package_number)) + wrap('p', 'class="gnkshared__pick-lead"', 'The barcode is this package' + String.fromCharCode(8217) + 's own number, so scanning it anywhere in the journey opens this package. ' + 'Printing records who printed it and when.') + labelHtml(pkg) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkLabelPrint"', 'Print it') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkLabelClose"', 'Close'))); var go = el('gnkLabelPrint'); if (go) { go.onclick = function () { if (state.busy) { return; } state.busy = true; callProc('record_label_print', { package_number: pkg.package_number }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice(data.reprint ? 'Reprint recorded. Sending it to the printer.' : 'Print recorded. Sending it to the printer.', 'good'); printHost().innerHTML = labelHtml(data.package || pkg); window.print(); }); }; } var shutIt = el('gnkLabelClose'); if (shutIt) { shutIt.onclick = function () { slot.innerHTML = ''; }; } } function cubicFeetLabel(cubicFeet) { var n = Number(cubicFeet) || 0; // A small parcel can be a genuine fraction of a foot, so keep a third // decimal rather than rounding a real measurement down to 0.00. return (n >= 0.01 ? n.toFixed(2) : n.toFixed(3)) + ' cu ft'; } function packageFactsHtml(pkg) { var dash = String.fromCharCode(8212); var facts = [ ['Status', titleise(pkg.status)], ['Owner', pkg.customer_number], ['Tracking', pkg.tracking_number || dash], ['Retailer', pkg.retailer || dash], ['Declared', pkg.declared_value ? (pkg.currency + ' ' + pkg.declared_value) : dash], ['Weight', pkg.weight_lb ? (pkg.weight_lb + ' lb') : dash], ['Dimensions', pkg.dimensions_in || dash], ['Shipping fee', pkg.shipping_fee_set ? ('J$' + pkg.shipping_fee_jmd) : 'Not set yet'], ['Discount', pkg.shipping_discount_set ? ('less J$' + pkg.shipping_discount_jmd) : dash], ['Duty', pkg.duty_set ? ('J$' + pkg.duty_jmd) : 'Not set yet'], ['Total so far', pkg.charge_jmd ? ('J$' + pkg.charge_jmd) : dash], ['Paid', pkg.amount_paid_jmd ? ('J$' + pkg.amount_paid_jmd) : 'Nothing yet'], ['Balance', pkg.paid_in_full ? 'Settled in full' : ('J$' + (pkg.balance_jmd || 0) + ' outstanding')] ]; // Cubic feet is derived from the warehouse measurement, so it only exists // once the package has been measured. Sit it beside Dimensions rather than // at the end, so the reading and the volume it produces stay together. if (pkg.cubic_feet) { var dimensionsAt = 0; for (var d = 0; d < facts.length; d++) { if (facts[d][0] === 'Dimensions') { dimensionsAt = d; } } facts.splice(dimensionsAt + 1, 0, ['Cubic feet', cubicFeetLabel(pkg.cubic_feet)]); } var holds = pkg.holds || []; if (pkg.absorbed_into) { facts.push(['Inside box', pkg.absorbed_into]); } else if (holds.length) { facts.push(['This box holds', (holds.length + 1) + ' packages']); facts.push(['Declared, whole box', (pkg.currency || 'USD') + ' ' + pkg.box_declared_value]); facts.push(['Weight, whole box', pkg.box_weight_lb ? (pkg.box_weight_lb + ' lb') : dash]); } else if (pkg.consolidation_id) { facts.push(['Consolidation', pkg.consolidation_id]); facts.push(['Travelling with', pkg.consolidation_tracking || pkg.consolidation_members || dash]); } if (pkg.shipment_id) { facts.push(['Packing sheet', pkg.shipment_id]); } var factsHtml = ''; for (var f = 0; f < facts.length; f++) { factsHtml += wrap('div', '', wrap('span', 'class="gnkshared__fact-k"', esc(facts[f][0])) + wrap('span', 'class="gnkshared__fact-v"', esc(facts[f][1]))); } var isOpen = !!state.factsOpen; return wrap('div', 'class="gnkshared__factswrap"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__factstoggle' + (isOpen ? ' is-open' : '') + '" id="gnkFactsToggle" aria-expanded="' + (isOpen ? 'true' : 'false') + '" aria-controls="gnkFactsGrid"', 'Package details ' + wrap('span', 'class="gnkshared__factstoggle-chev"', String.fromCharCode(isOpen ? 9650 : 9660))) + wrap('div', 'class="gnkshared__facts" id="gnkFactsGrid"' + (isOpen ? '' : ' hidden'), factsHtml)); } function packageHoldsHtml(pkg) { var holds = pkg.holds || []; var holdsHtml = ''; if (holds.length) { var holdItems = ''; for (var hi = 0; hi < holds.length; hi++) { var hp = holds[hi]; holdItems += wrap('li', 'class="gnkshared__hold"', wrap('span', 'class="gnkshared__hold-num"', esc(hp.package_number)) + wrap('span', 'class="gnkshared__hold-desc"', esc([hp.description || hp.retailer || 'Package', hp.tracking_number].filter(function (v) { return !!v; }) .join(' ' + String.fromCharCode(183) + ' ')))); } holdsHtml = wrap('h4', 'class="gnkshared__section-t"', 'In this box, tracked together as ' + esc(pkg.package_number)) + wrap('ul', 'class="gnkshared__holds"', holdItems); } return holdsHtml; } function packageGroupHtml(pkg) { if (!isStaffHere()) { return ''; } var group = pkg.group || { group_id: '', group_total: 0, group_index: 0, group_size: 0, group_label: '' }; if (!group.group_id) { return wrap('div', 'class="gnkgroup__offer"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkGroupStart"', 'Mark as part of a set') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkGroupJoin"', 'Link to a set already logged') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkGroupConsolidate"', 'Consolidate')); } var outstanding = Number(group.group_total || 0) - Number(group.group_size || 0); var nextHtml = outstanding > 0 ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--small" id="gnkGroupNext"', 'Log the next box' + (outstanding > 1 ? ' (' + outstanding + ' left)' : '')) : ''; return wrap('div', 'class="gnkgroup__badge"', wrap('span', 'class="gnkgroup__label"', esc(group.group_label)) + nextHtml + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkGroupConsolidate"', 'Consolidate') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkGroupFix"', 'Fix the total')); } function startNextBoxIntake(pkg) { var group = pkg.group || {}; if (!group.group_id) { return; } state.pendingGroup = { group_id: group.group_id, customer_name: pkg.customer_name || '', customer_number: pkg.customer_number || '', group_total: Number(group.group_total || 0), group_size: Number(group.group_size || 0) }; showIntakeScan(); } function packageSheetLinkHtml(pkg) { if (!pkg.shipment_id || !isStaffHere()) { return ''; } return wrap('div', 'class="gnkshared__sheetlink"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkOpenSheet"', 'Open packing sheet ' + esc(pkg.shipment_id))); } function packageNeedsDetailsHtml(pkg) { if (isStaffHere() || pkg.retailer) { return ''; } return wrap('div', 'class="gnkneeds"', wrap('span', 'class="gnkshared__step-t"', 'Help us fill in the rest') + wrap('p', 'class="gnkshared__pick-lead"', 'This package was logged from its barcode alone. Tell us what it is and attach your invoice reference.') + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'What is it') + open('input', 'class="gnkshared__field-v" id="gnkNeedsDescription" type="text" placeholder="Running shoes"')) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Bought from') + open('input', 'class="gnkshared__field-v" id="gnkNeedsRetailer" type="text" placeholder="Amazon"')) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Declared value') + open('input', 'class="gnkshared__field-v" id="gnkNeedsValue" type="number" placeholder="120"')) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Invoice reference') + open('input', 'class="gnkshared__field-v" id="gnkNeedsInvoice" type="text" placeholder="Order number or receipt reference"')) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkNeedsSubmit" data-package="' + esc(pkg.package_number) + '"', 'Save details'))); } function packagePendingHtml(pkg) { var dash = String.fromCharCode(8212); var outstanding = pkg.price_outstanding || []; var blocked = pkg.blocked_actions || []; if (!outstanding.length) { return ''; } return wrap('div', 'class="gnkshared__pending"', 'Final price not settled ' + dash + ' ' + esc(outstanding.join(' and ')) + ' still to be set by Operations. ' + (blocked.length ? 'The package has gone as far as it can until that is done.' : 'The package can keep moving through the warehouses in the meantime.')); } function packageActionsHtml(pkg) { var offered = pkg.offered_actions || []; var blocked = pkg.blocked_actions || []; if (offered.length) { var buttonsHtml = ''; for (var a = 0; a < offered.length; a++) { buttonsHtml += wrap('button', 'type="button" class="gnkshared__act" data-action="' + esc(offered[a].action) + '" data-label="' + esc(offered[a].button || offered[a].label) + '"', esc(offered[a].button || offered[a].label) + (offered[a].moves_status === false ? wrap('em', '', ' ' + String.fromCharCode(183) + ' records only') : '')); } return wrap('div', 'class="gnkshared__actions"', buttonsHtml) + wrap('div', 'class="gnkshared__step" id="gnkSharedStep"', ''); } if (blocked.length) { return wrap('div', 'class="gnkshared__blocked"', wrap('strong', '', esc(blocked[0].label)) + ' is held until the price is settled. Operations still has to set the ' + esc((blocked[0].outstanding || []).join(' and ')) + '. ' + 'The package cannot go to the customer before then.'); } if (pkg.next_role) { return wrap('div', 'class="gnkshared__waiting"', 'This package is waiting on ' + wrap('strong', '', esc(roleLabel(pkg.next_role.role))) + ' to do: ' + esc(pkg.next_role.label) + '. Nothing here is yours to do right now.'); } return wrap('div', 'class="gnkshared__waiting"', 'This package has finished its journey.'); } function packageTrailHtml(events) { var trailHtml = ''; for (var e = 0; e < events.length; e++) { var ev = events[e]; trailHtml += wrap('li', 'class="gnkshared__ev"', wrap('div', 'class="gnkshared__ev-top"', esc(titleise(ev.action))) + wrap('div', 'class="gnkshared__ev-move"', esc(ev.from_status ? titleise(ev.from_status) : 'Not yet in the system') + ' ' + String.fromCharCode(8594) + ' ' + esc(titleise(ev.to_status))) + wrap('div', 'class="gnkshared__ev-who"', esc(ev.actor_name || ev.actor_person_id) + ' (' + esc(roleLabel(ev.actor_role)) + ') ' + String.fromCharCode(183) + ' ' + esc(shortMoment(ev.occurred_at))) + (ev.reason ? wrap('div', 'class="gnkshared__ev-why"', String.fromCharCode(8220) + esc(ev.reason) + String.fromCharCode(8221)) : '')); } if (!trailHtml) { trailHtml = wrap('li', 'class="gnkshared__empty"', 'No history yet.'); } return wrap('ul', 'class="gnkshared__trail"', trailHtml); } function renderDetail(data) { var box = el('gnkSharedDetail'); if (!box) { return; } var pkg = data.package; var holds = pkg.holds || []; box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', esc(pkg.package_number) + (holds.length ? wrap('span', 'class="gnkshared__boxtag"', 'BOX') : '')) + wrap('p', 'class="gnkshared__pkg-desc"', esc(pkg.description || '')) + packagePhotoHtml(pkg) + packageCourierHtml(pkg) + wrap('h4', 'class="gnkshared__section-t"', 'Actions') + packageActionsHtml(pkg) + packageGroupHtml(pkg) + packageFactsHtml(pkg) + packageSheetLinkHtml(pkg) + packageNeedsDetailsHtml(pkg) + packagePendingHtml(pkg) + packageHoldsHtml(pkg) + labelBlock(pkg) + problemsBlock(pkg) + wrap('h4', 'class="gnkshared__section-t"', 'Everything that has happened to this package') + packageTrailHtml(data.events || []); wireDetail(box, pkg); } function wireDetail(box, pkg) { var actionButtons = box.querySelectorAll('button[data-action]'); for (var ab = 0; ab < actionButtons.length; ab++) { actionButtons[ab].onclick = function () { openStepForm(pkg.package_number, this.getAttribute('data-action'), this.getAttribute('data-label')); }; } var problemOpen = el('gnkProblemOpen'); if (problemOpen) { problemOpen.onclick = function () { showProblemForm(pkg.package_number); }; } var labelOpen = el('gnkLabelOpen'); if (labelOpen) { labelOpen.onclick = function () { openLabel(pkg); }; } var trackBtn = el('gnkTrackBtn'); if (trackBtn) { trackBtn.onclick = function () { askCourier(pkg.package_number); }; } var groupStart = el('gnkGroupStart'); if (groupStart) { groupStart.onclick = function () { promptStartGroup(pkg.package_number); }; } var groupJoin = el('gnkGroupJoin'); if (groupJoin) { groupJoin.onclick = function () { showGroupPicker(pkg.package_number); }; } var groupNext = el('gnkGroupNext'); if (groupNext) { groupNext.onclick = function () { startNextBoxIntake(pkg); }; } var groupFix = el('gnkGroupFix'); if (groupFix) { groupFix.onclick = function () { promptFixGroupTotal(pkg.package_number, pkg.group); }; } var groupConsolidate = el('gnkGroupConsolidate'); if (groupConsolidate) { groupConsolidate.onclick = function () { openConsolidationForm(pkg.package_number, 'Consolidate'); }; } var needsSubmit = el('gnkNeedsSubmit'); if (needsSubmit) { needsSubmit.onclick = function () { submitPackageDetails(this.getAttribute('data-package')); }; } var sheetOpen = el('gnkOpenSheet'); if (sheetOpen) { sheetOpen.onclick = function () { openSheet(pkg.shipment_id); }; } var photoAttach = el('gnkPhotoAttach'); if (photoAttach) { photoAttach.onclick = function () { submitPackagePhoto(pkg.package_number); }; } var factsToggle = el('gnkFactsToggle'); if (factsToggle) { factsToggle.onclick = function () { state.factsOpen = !state.factsOpen; var grid = el('gnkFactsGrid'); if (grid) { grid.hidden = !state.factsOpen; } this.className = 'gnkshared__act gnkshared__act--quiet gnkshared__factstoggle' + (state.factsOpen ? ' is-open' : ''); this.setAttribute('aria-expanded', state.factsOpen ? 'true' : 'false'); var chev = this.querySelector('.gnkshared__factstoggle-chev'); if (chev) { chev.textContent = String.fromCharCode(state.factsOpen ? 9650 : 9660); } }; } if (state.labelWanted && state.labelWanted === pkg.package_number) { state.labelWanted = ''; openLabel(pkg); } var resolveButtons = box.querySelectorAll('button[data-resolve]'); for (var rb = 0; rb < resolveButtons.length; rb++) { resolveButtons[rb].onclick = function () { showResolveForm(this.getAttribute('data-resolve'), pkg.package_number); }; } } function openPackage(packageNumber) { if (!packageNumber) { return; } if (state.openNumber !== packageNumber) { state.factsOpen = false; } state.openNumber = packageNumber; renderList(); var box = el('gnkSharedDetail'); if (box) { box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', 'Opening...'); } callProc('get_package', { package_number: packageNumber }, function (err, data) { // The detail pane may have been handed to another screen while this was in // flight - Log arrival opens the scan screen over it, and a second package // press supersedes this one. state.openNumber names whoever owns the pane // now, so a late answer to a question nobody is asking any more must not // paint. Without this the reply lands ON TOP of the screen that replaced it. if (state.openNumber !== packageNumber) { return; } if (err) { notice(err.message, 'bad'); if (box) { box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', esc(err.message)); } return; } if (state.pendingNotice) { notice(state.pendingNotice.message, state.pendingNotice.tone); state.pendingNotice = null; } else { notice(''); } renderDetail(data); }); } // The courier's view of this parcel, asked ON DEMAND (Joel's choice) rather than // subscribed to at pre-alert. Operations and the customer press the SAME button // and read the SAME words, because the wording is decided on the server - two // screens structurally cannot disagree about where a package is. function packageCourierHtml(pkg) { var code = pkg.tracking_number || ''; if (!code) { return ''; } return wrap('h4', 'class="gnkshared__section-t"', 'Courier') + wrap('div', 'class="gnktrack"', wrap('div', 'class="gnktrack__code"', esc(code)) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small"' + ' id="gnkTrackBtn"', 'Where is it?')) + wrap('div', 'class="gnktrack__out" id="gnkTrackOut"', '')); } function askCourier(packageNumber) { if (state.busy) { return; } var out = el('gnkTrackOut'); function show(html, tone) { if (!out) { return; } out.innerHTML = html; out.className = 'gnktrack__out' + (tone ? (' gnktrack__out--' + tone) : ''); } show(wrap('div', 'class="gnktrack__head"', 'Asking the courier...'), ''); state.busy = true; callProc('track_package', { package_number: packageNumber }, function (err, data) { state.busy = false; if (err) { show(wrap('div', 'class="gnktrack__head"', esc(err.message)), 'bad'); return; } var parts = wrap('div', 'class="gnktrack__head"', esc(data.headline || '')); if (data.detail) { parts += wrap('div', 'class="gnktrack__detail"', esc(data.detail)); } if (data.est_delivery_date) { parts += wrap('div', 'class="gnktrack__detail"', 'Expected ' + esc(shortDay(data.est_delivery_date))); } if (data.carrier) { parts += wrap('div', 'class="gnktrack__detail"', 'Courier: ' + esc(data.carrier)); } if (data.public_url) { parts += wrap('div', 'class="gnktrack__detail"', 'Open the courier page'); } // A parcel the courier knows nothing about is an ANSWER, not a failure, so it // is never painted as an error - only a genuine refusal is. show(parts, data.trackable ? (data.scan_count ? 'good' : '') : 'quiet'); }); } function packagePhotoHtml(pkg) { var canAttach = isIntlWarehouseHere(); if (!pkg.photo_url && !canAttach) { return ''; } var img = pkg.photo_url ? open('img', 'class="gnkshared__photo-img" src="' + esc(pkg.photo_url) + '" alt="Package photo"') : wrap('p', 'class="gnkshared__pkg-desc"', 'No photo attached yet.'); var btnLabel = pkg.photo_url ? 'Replace photo' : (nativeCameraAvailable() ? 'Take a photo' : 'Attach a photo'); var btn = canAttach ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkPhotoAttach"', btnLabel) : ''; return wrap('div', 'class="gnkshared__photo"', wrap('h4', 'class="gnkshared__section-t"', 'Photo') + img + btn); } var PHOTO_UPLOAD_SETTINGS = { accept: 'image/*', maxSize: 8 * 1024 * 1024, storageFolder: 'GNK Package Photos' }; function nativeCameraAvailable() { return !!(window.cordova && navigator.camera && typeof navigator.camera.getPicture === 'function' && typeof phoros !== 'undefined' && typeof phoros.uploadFromFiles === 'function'); } function base64ToFile(base64, name) { var bin = window.atob(base64); var bytes = new Uint8Array(bin.length); for (var i = 0; i < bin.length; i++) { bytes[i] = bin.charCodeAt(i); } return new File([bytes], name, { type: 'image/jpeg' }); } function savePackagePhoto(packageNumber, photoUrl) { if (!photoUrl) { return; } state.busy = true; notice('Saving photo...', null); callProc('update_package_photo', { package_number: packageNumber, photo_url: photoUrl }, function (err) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Photo attached.', 'good'); refresh(packageNumber); }); } function captureWithNativeCamera(packageNumber) { var Camera = window.Camera || {}; navigator.camera.getPicture(function (base64) { var file = base64ToFile(base64, 'package-' + packageNumber + '.jpg'); notice('Uploading photo...', null); phoros.uploadFromFiles(PHOTO_UPLOAD_SETTINGS, [file], function (uploaded, photoUrl) { savePackagePhoto(packageNumber, photoUrl); }); }, function (why) { if (why && /cancel/i.test(String(why))) { return; } notice('The camera could not be opened' + (why ? (': ' + String(why)) : '.') + ' Try attaching from your photos instead.', 'bad'); phoros.upload(PHOTO_UPLOAD_SETTINGS, function (uploaded, photoUrl) { savePackagePhoto(packageNumber, photoUrl); }); }, { quality: 70, destinationType: Camera.DestinationType ? Camera.DestinationType.DATA_URL : 0, sourceType: Camera.PictureSourceType ? Camera.PictureSourceType.CAMERA : 1, encodingType: Camera.EncodingType ? Camera.EncodingType.JPEG : 0, correctOrientation: true, targetWidth: 1600, targetHeight: 1600 }); } function submitPackagePhoto(packageNumber) { if (state.busy || typeof phoros === 'undefined') { return; } if (nativeCameraAvailable()) { captureWithNativeCamera(packageNumber); return; } if (!phoros.upload) { return; } phoros.upload(PHOTO_UPLOAD_SETTINGS, function (uploaded, photoUrl) { savePackagePhoto(packageNumber, photoUrl); }); } var ACTION_FIELDS = { measure_package: [ { name: 'length_in', label: 'Length (in)', hint: '18', type: 'number' }, { name: 'width_in', label: 'Width (in)', hint: '12', type: 'number' }, { name: 'height_in', label: 'Height (in)', hint: '10', type: 'number' }, { name: 'weight_lb', label: 'Weight (lb)', hint: '8.4', type: 'number' } ], set_shipping_fee: [ { name: 'shipping_fee_jmd', label: 'Shipping fee (J$)', hint: '4870', type: 'number' } ], set_duty: [ { name: 'duty_jmd', label: 'Duty (J$)', hint: 'enter 0 if none is payable', type: 'number' } ], set_shipping_discount: [ { name: 'shipping_discount_jmd', label: 'Discount (J$)', hint: '870', type: 'number' } ], record_payment: [ { name: 'amount_jmd', label: 'Amount (J$)', hint: 'how much is being paid now', type: 'number' }, { name: 'payment_method', label: 'Paid by', hint: 'Cash, card, transfer', type: 'text' }, { name: 'payment_reference', label: 'Reference', hint: 'receipt or transaction number', type: 'text' } ] }; function stepField(f) { return wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', esc(f.label)) + open('input', 'class="gnkshared__field-v" id="gnkStep_' + f.name + '" type="' + (f.type === 'number' ? 'number' : 'text') + '" step="any" placeholder="' + esc(f.hint || '') + '"')); } function renderStepBox(slot, actionLabel, innerHtml, packageNumber, actionName, focusId) { slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', esc(actionLabel)) + innerHtml + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Note for the record') + wrap('textarea', 'class="gnkshared__reason" id="gnkSharedReason" rows="2" placeholder="Why you are doing this. Saved against the package and shown in its history."', '')) + wrap('div', 'class="gnkshared__stepmsg" id="gnkStepMsg" hidden', '') + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkStepGo"', 'Record it') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkStepNo"', 'Cancel'))); var go = el('gnkStepGo'); if (go) { go.onclick = function () { submitAction(packageNumber, actionName); }; } var no = el('gnkStepNo'); if (no) { no.onclick = function () { slot.innerHTML = ''; }; } var first = focusId ? el(focusId) : el('gnkSharedReason'); if (first) { first.focus(); } } function stepNotice(message, tone) { var slot = el('gnkStepMsg'); if (!slot) { notice(message, tone); return; } if (!message) { slot.hidden = true; slot.innerHTML = ''; return; } slot.className = 'gnkshared__stepmsg' + (tone === 'bad' ? ' is-bad' : ''); slot.innerHTML = esc(message); slot.hidden = false; notice(message, tone); } function consolidationRow(c, setId) { var bits = [c.tracking_number || 'no tracking number', c.description || c.retailer || '', titleise(c.status)] .filter(function (v) { return !!v; }) .join(' ' + String.fromCharCode(183) + ' '); var inThisSet = !!(setId && c.group_id && c.group_id === setId); return wrap('label', 'class="gnkshared__pick' + (inThisSet ? ' is-inset' : '') + '"', open('input', 'type="checkbox" class="gnkshared__pick-box" value="' + esc(c.package_number) + '"' + (inThisSet ? ' checked' : '')) + wrap('span', 'class="gnkshared__pick-body"', wrap('span', 'class="gnkshared__pick-num"', esc(c.package_number) + (inThisSet ? wrap('em', 'class="gnkshared__pick-flag gnkshared__pick-flag--set"', ' in this set') : '') + (c.already_in_group ? wrap('em', 'class="gnkshared__pick-flag"', ' already in a consolidation') : '')) + wrap('span', 'class="gnkshared__pick-desc"', esc(bits)))); } function openConsolidationForm(packageNumber, actionLabel) { var slot = el('gnkSharedStep'); if (!slot) { return; } slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', esc(actionLabel)) + wrap('p', 'class="gnkshared__pick-lead"', 'Looking up this customer' + String.fromCharCode(8217) + 's other packages...')); callProc('consolidation_candidates', { package_number: packageNumber }, function (err, data) { var box = el('gnkSharedStep'); if (!box) { return; } if (err) { notice(err.message, 'bad'); box.innerHTML = ''; return; } var list = data.candidates || []; if (!list.length) { // A package already packed into a box is not a candidate, and saying // "no other package" about one would be false - name the box instead. var boxed = data.boxed_siblings || []; var boxNames = []; for (var bi = 0; bi < boxed.length; bi++) { if (boxNames.indexOf(boxed[bi].inside_box) === -1) { boxNames.push(boxed[bi].inside_box); } } var emptyLead = boxed.length ? ('This customer' + String.fromCharCode(8217) + 's other package' + (boxed.length === 1 ? ' is' : 's are') + ' already packed into ' + (boxNames.length === 1 ? 'box ' : 'boxes ') + esc(boxNames.join(', ')) + ', so there is nothing left loose to consolidate. Open that box to see what is in it.') : 'This customer has no other package with a receipt recorded, so there is nothing to consolidate with yet.'; box.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', esc(actionLabel)) + wrap('p', 'class="gnkshared__pick-lead"', emptyLead) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkPickNo"', 'Close'))); var close = el('gnkPickNo'); if (close) { close.onclick = function () { box.innerHTML = ''; }; } return; } var setId = data.group_id || ''; var inSet = 0; var rowsHtml = ''; for (var i = 0; i < list.length; i++) { if (setId && list[i].group_id === setId) { inSet++; } rowsHtml += consolidationRow(list[i], setId); } var lead = inSet ? ('The ' + inSet + ' other box' + (inSet === 1 ? '' : 'es') + ' in this set ' + (inSet === 1 ? 'is' : 'are') + ' already ticked. ' + 'Untick any that should stay separate, or add another of ' + esc(data.customer_number) + String.fromCharCode(8217) + 's packages.') : ('Choose which of ' + esc(data.customer_number) + String.fromCharCode(8217) + 's packages go into the same box. ' + 'Only packages with a receipt recorded are listed, and only this customer' + String.fromCharCode(8217) + 's.'); renderStepBox(box, actionLabel, wrap('p', 'class="gnkshared__pick-lead"', lead) + wrap('div', 'class="gnkshared__picks"', rowsHtml), packageNumber, 'consolidate_packages', null); }); } function openStepForm(packageNumber, actionName, actionLabel) { var slot = el('gnkSharedStep'); if (!slot) { return; } if (actionName === 'consolidate_packages') { openConsolidationForm(packageNumber, actionLabel); return; } var fields = ACTION_FIELDS[actionName] || []; var fieldsHtml = ''; for (var i = 0; i < fields.length; i++) { fieldsHtml += stepField(fields[i]); } renderStepBox(slot, actionLabel, fieldsHtml ? wrap('div', 'class="gnkshared__form"', fieldsHtml) : '', packageNumber, actionName, fields.length ? ('gnkStep_' + fields[0].name) : null); } function submitAction(packageNumber, actionName) { if (state.busy) { return; } var reasonField = el('gnkSharedReason'); var reason = reasonField ? String(reasonField.value || '').trim() : ''; state.busy = true; stepNotice('Saving...', null); var payload = { package_number: packageNumber, action: actionName, reason: reason }; if (actionName === 'consolidate_packages') { var boxes = document.querySelectorAll('.gnkshared__pick-box'); var chosen = []; for (var cb = 0; cb < boxes.length; cb++) { if (boxes[cb].checked) { chosen.push(boxes[cb].value); } } if (!chosen.length) { stepNotice('Choose at least one other package to consolidate with.', 'bad'); state.busy = false; return; } payload.with_packages = chosen; } var stepFields = ACTION_FIELDS[actionName] || []; for (var sf = 0; sf < stepFields.length; sf++) { var node = el('gnkStep_' + stepFields[sf].name); var raw = node ? String(node.value || '').trim() : ''; if (raw !== '') { payload[stepFields[sf].name] = stepFields[sf].type === 'number' ? Number(raw) : raw; } } callProc('record_event', payload, function (err, data) { state.busy = false; if (err) { var said = err.message; var extra = ''; if (err.code === 'ROLE_REQUIRED' && err.details && err.details.required_role) { said = 'This step belongs to the ' + roleLabel(err.details.required_role).toLowerCase() + '.'; } if (err.code === 'ILLEGAL_TRANSITION' && err.details) { extra = ' It is only possible from: ' + (err.details.legal_from || []).map(titleise).join(', ') + '.'; } if (err.code === 'PRICE_INCOMPLETE' && err.details) { extra = ' Operations still has to set the ' + (err.details.outstanding || []).join(' and ') + '.'; } stepNotice(said + extra, 'bad'); return; } if (actionName === 'receive_package') { state.labelWanted = data.package.package_number; notice('Receipt recorded. The label is ready below ' + String.fromCharCode(8212) + ' print it and put it on the box.', 'good'); } else { notice('Saved. ' + titleise(data.event.action) + ' recorded against ' + data.package.package_number + '.', 'good'); } refresh(packageNumber); }); } function refresh(keepOpen) { callProc('list_packages', {}, function (err, data) { if (err) { notice(err.message, 'bad'); return; } state.identity = data.identity; state.packages = data.packages || []; setAnonLayout(false); renderWho(); renderNewButton(); renderViewTabs(); loadNotifications(); if (state.view === 'sheets') { loadSheets(function () { switchView('sheets'); }); return; } if (state.view === 'expected') { loadExpected(function () { switchView('expected'); }); return; } renderList(); loadSheets(null); loadExpected(null); if (!state.packages.length) { state.openNumber = ''; showEmptyDetail(); return; } if (keepOpen) { openPackage(keepOpen); } else if (!state.openNumber) { openPackage(state.packages[0].package_number); } }); } function isStaffHere() { return !!state.identity && state.identity.role !== 'customer'; } function lineStateLabel(s) { if (s === 'packed') { return 'Packed'; } if (s === 'arrived') { return 'Arrived'; } return 'To pack'; } function sheetStatusLabel(s) { if (s === 'arrived') { return 'All arrived'; } if (s === 'packed') { return 'Packed'; } if (s === 'packing') { return 'Packing'; } if (s === 'empty') { return 'Empty'; } return 'Not started'; } // One heading per view. A lookup rather than a nested ternary, so a further // view is one line here instead of another condition folded into the last. function listHeadText() { if (state.view === 'sheets') { return 'Packing sheets'; } if (state.view === 'expected') { return 'Expected packages'; } if (state.view === 'customers') { return 'Customers'; } return 'Packages you can see'; } function setListMode() { var tools = document.querySelector('.gnkshared__tools'); if (tools) { tools.hidden = state.view === 'sheets'; } var head = document.querySelector('.gnkshared__list-head h3'); if (head) { head.textContent = listHeadText(); } } // Whichever list the current view is showing. Every caller that used to pick // between two renderers goes through here, so a new view cannot be added to // one call site and forgotten at another. function renderCurrentList() { if (state.view === 'sheets') { renderSheetList(); return; } if (state.view === 'expected') { renderExpectedList(); return; } if (state.view === 'customers') { renderCustomerList(); return; } renderList(); } function isIntlWarehouseHere() { return !!state.identity && state.identity.role === 'warehouse_international'; } function renderViewTabs() { var slot = el('gnkSharedViewTabs'); if (!slot) { return; } if (!isStaffHere()) { slot.innerHTML = ''; slot.hidden = true; return; } slot.hidden = false; slot.innerHTML = wrap('button', 'type="button" class="gnkshared__viewtab' + (state.view === 'packages' ? ' is-on' : '') + '" data-view="packages"', 'Packages') + wrap('button', 'type="button" class="gnkshared__viewtab' + (state.view === 'sheets' ? ' is-on' : '') + '" data-view="sheets"', 'Packing sheets' + (state.sheets.length ? wrap('span', 'class="gnkshared__todo"', String(state.sheets.length)) : '')) + (isIntlWarehouseHere() ? wrap('button', 'type="button" class="gnkshared__viewtab' + (state.view === 'expected' ? ' is-on' : '') + '" data-view="expected"', 'Expected' + (state.expected.length ? wrap('span', 'class="gnkshared__todo"', String(state.expected.length)) : '')) : ''); var tabs = slot.querySelectorAll('.gnkshared__viewtab'); for (var t = 0; t < tabs.length; t++) { tabs[t].onclick = function () { switchView(this.getAttribute('data-view')); }; } } // Which views this role may stand in. An allow-list rather than a chain of // nested ternaries, so adding a view is one entry and cannot quietly change // how an existing one resolves. function viewIsOpenHere(view) { if (view === 'sheets') { return isStaffHere(); } if (view === 'expected') { return isIntlWarehouseHere(); } if (view === 'customers') { return isStaffHere(); } return false; } // callerRendersDetail: the caller is about to paint the detail pane itself, so // do NOT open a default item underneath it. Opening one starts a fetch whose // answer is guaranteed to be thrown away - and a thrown-away answer that still // paints is exactly how the scan screen got replaced by an unrelated package. function switchView(view, callerRendersDetail) { state.view = viewIsOpenHere(view) ? view : 'packages'; renderViewTabs(); setListMode(); if (callerRendersDetail) { renderCurrentList(); return; } if (state.view === 'customers') { renderCustomerList(); if (state.openCustomer) { openCustomer(state.openCustomer); } else if (state.customers.length) { openCustomer(state.customers[0].customer_number); } else { showEmptyCustomers(); } return; } if (state.view === 'sheets') { renderSheetList(); if (state.openSheet) { openSheet(state.openSheet); } else if (state.sheets.length) { openSheet(state.sheets[0].sheet_number); } else { showEmptySheets(); } return; } if (state.view === 'expected') { renderExpectedList(); if (state.openExpected) { openExpected(state.openExpected); } else if (state.expected.length) { openExpected(state.expected[0].prealert_id); } else { showEmptyExpectedDetail(); } return; } renderList(); if (state.openNumber) { openPackage(state.openNumber); } else if (state.packages.length) { openPackage(state.packages[0].package_number); } else { showEmptyDetail(); } } function loadCustomers(done) { if (!isStaffHere()) { state.customers = []; if (done) { done(); } return; } callProc('list_customers', {}, function (err, data) { state.customers = err ? [] : (data.customers || []); if (state.view === 'customers') { renderCustomerList(); } if (done) { done(); } }); } // The button under Create a packing sheet. Load first, then switch, so the // list is never shown empty for the moment before the answer arrives. function showCustomers() { if (state.customers.length) { switchView('customers'); return; } var rows = el('gnkSharedRows'); if (rows) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'Loading customers...'); } loadCustomers(function () { switchView('customers'); }); } function matchesCustomerQuery(c, q) { if (!q) { return true; } return [c.display_name, c.customer_number, c.email, c.phone].join(' ').toLowerCase().indexOf(q) > -1; } function shownCustomers() { var q = String(state.query || '').trim().toLowerCase(); var all = state.customers || []; var out = []; for (var i = 0; i < all.length; i++) { if (matchesCustomerQuery(all[i], q)) { out.push(all[i]); } } return out; } function customerCountLine(c) { if (!c.package_count) { return 'No packages yet'; } return (c.package_count === 1 ? '1 package' : c.package_count + ' packages') + ' ' + String.fromCharCode(183) + ' ' + cubicFeetLabel(c.total_cubic_feet); } function renderCustomerList() { var rows = el('gnkSharedRows'); var count = el('gnkSharedCount'); if (!rows) { return; } wireListControls(); var shown = shownCustomers(); var total = (state.customers || []).length; if (count) { count.textContent = (shown.length === total) ? (total === 1 ? '1 customer' : total + ' customers') : (shown.length + ' of ' + total); } if (!total) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'No customers yet.'); return; } if (!shown.length) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'Nothing matches that.'); return; } var html = ''; for (var i = 0; i < shown.length; i++) { var c = shown[i]; var attrs = 'type="button" class="gnkshared__row gnkshared__row--customer" data-customer="' + esc(c.customer_number) + '"' + (c.customer_number === state.openCustomer ? ' aria-current="true"' : ''); html += wrap('button', attrs, wrap('span', 'class="gnkshared__row-top"', wrap('span', 'class="gnkshared__row-num"', esc(c.display_name)) + wrap('span', 'class="gnkshared__pill gnkshared__pill--customer"', esc(c.customer_number))) + wrap('span', 'class="gnkshared__row-desc"', esc(customerCountLine(c)))); } rows.innerHTML = html; var buttons = rows.querySelectorAll('.gnkshared__row--customer'); for (var b = 0; b < buttons.length; b++) { buttons[b].onclick = function () { openCustomer(this.getAttribute('data-customer')); }; } } function openCustomer(customerNumber) { if (!customerNumber) { return; } state.openCustomer = customerNumber; renderCustomerList(); var box = el('gnkSharedDetail'); if (box) { box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', 'Opening...'); } callProc('get_customer_profile', { customer_number: customerNumber }, function (err, data) { if (err) { notice(err.message, 'bad'); if (box) { box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', esc(err.message)); } return; } notice(''); renderCustomerProfile(data); }); } // Owed and cubic feet are the two questions the profile exists to answer, so // they lead. The awaiting-price count sits with the money because a bare J$0 // on an unpriced package reads as nothing to pay, when nothing has been // decided yet - a true number telling the operator something false. function customerTotalsHtml(c) { var owedValue = c.total_owed_jmd ? ('J$' + c.total_owed_jmd) : (c.packages_awaiting_price ? 'Nothing settled yet' : 'J$0'); var facts = [ ['Total owed', owedValue], ['Total cubic feet', cubicFeetLabel(c.total_cubic_feet)], ['Packages', String(c.package_count)] ]; if (c.packages_awaiting_price) { facts.push(['Still to be priced', c.packages_awaiting_price === 1 ? '1 package' : c.packages_awaiting_price + ' packages']); } var html = ''; for (var i = 0; i < facts.length; i++) { html += wrap('div', '', wrap('span', 'class="gnkshared__fact-k"', esc(facts[i][0])) + wrap('span', 'class="gnkshared__fact-v"', esc(facts[i][1]))); } return wrap('div', 'class="gnkshared__facts"', html); } function customerOrderHtml(pkg) { var line = [pkg.description || pkg.retailer || 'Package', pkg.tracking_number] .filter(function (v) { return !!v; }) .join(' ' + String.fromCharCode(183) + ' '); var money = pkg.paid_in_full ? 'Settled in full' : (pkg.price_complete ? ('J$' + (pkg.balance_jmd || 0) + ' outstanding') : 'Not priced yet'); var meta = [money, pkg.cubic_feet ? cubicFeetLabel(pkg.cubic_feet) : '', shortMoment(pkg.received_at || pkg.created_at)] .filter(function (v) { return !!v; }) .join(' ' + String.fromCharCode(183) + ' '); return wrap('li', 'class="gnkcust__order"', wrap('button', 'type="button" class="gnkcust__orderbtn" data-open-package="' + esc(pkg.package_number) + '"', wrap('span', 'class="gnkshared__row-top"', wrap('span', 'class="gnkshared__row-num"', esc(pkg.package_number)) + wrap('span', 'class="gnkshared__pill"', esc(titleise(pkg.status)))) + wrap('span', 'class="gnkshared__row-desc"', esc(line)) + wrap('span', 'class="gnkcust__ordermeta"', esc(meta)))); } function renderCustomerProfile(data) { var box = el('gnkSharedDetail'); if (!box) { return; } var c = data.customer || {}; var orders = data.packages || []; var contact = [c.email, c.phone].filter(function (v) { return !!v; }) .join(' ' + String.fromCharCode(183) + ' '); var ordersHtml = ''; for (var i = 0; i < orders.length; i++) { ordersHtml += customerOrderHtml(orders[i]); } if (!ordersHtml) { ordersHtml = wrap('li', 'class="gnkshared__empty"', 'No packages received for this customer yet.'); } // Log arrival sits top-right, level with the customer's name. It shows only // for the international warehouse - the same role that carries Log an // arrival in the toolbar - so the button appears exactly where the ability // already exists rather than offering an action the processor would refuse. var headActionHtml = isIntlWarehouseHere() ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--small gnkcust__logarrival" id="gnkCustLogArrival"', 'Log arrival') : ''; box.innerHTML = wrap('div', 'class="gnkcust"', wrap('div', 'class="gnkcust__head"', wrap('div', 'class="gnkcust__headtext"', wrap('h3', 'class="gnkshared__pkg-num"', esc(c.display_name || c.customer_number)) + wrap('p', 'class="gnkshared__pkg-desc"', esc('Customer number ' + (c.customer_number || '')) + (contact ? (' ' + String.fromCharCode(183) + ' ' + esc(contact)) : ''))) + headActionHtml) + customerTotalsHtml(c) + wrap('h4', 'class="gnkshared__section-t"', 'Packages received') + wrap('ul', 'class="gnkcust__orders"', ordersHtml)); var openers = document.querySelectorAll('.gnkcust__orderbtn'); for (var b = 0; b < openers.length; b++) { openers[b].onclick = function () { var wanted = this.getAttribute('data-open-package'); switchView('packages'); openPackage(wanted); }; } // Wired LAST deliberately: everything above binds first, so a press of THIS // button is proof the whole function ran rather than aborting part way. var logArrival = el('gnkCustLogArrival'); if (logArrival) { logArrival.onclick = function () { selectIntakeCustomer(c.customer_number, c.display_name || c.customer_number); // showIntakeScan paints the detail pane, so switchView must not open a // default package underneath it. switchView('packages', true); showIntakeScan(); }; } } function showEmptyCustomers() { var box = el('gnkSharedDetail'); if (!box) { return; } box.innerHTML = wrap('div', 'class="gnkshared__signedout"', wrap('p', 'class="gnkshared__signedout-lead"', 'No customers yet.') + wrap('p', 'class="gnkshared__signedout-sub"', 'A customer record is created the first time someone signs in, so this fills up as people join.')); } function loadSheets(done) { if (!isStaffHere()) { state.sheets = []; if (done) { done(); } return; } callProc('list_packing_sheets', {}, function (err, data) { state.sheets = err ? [] : (data.sheets || []); renderViewTabs(); if (state.view === 'sheets') { renderSheetList(); } if (done) { done(); } }); } function loadExpected(done) { if (!isIntlWarehouseHere()) { state.expected = []; if (done) { done(); } return; } callProc('list_open_prealerts', {}, function (err, data) { state.expected = err ? [] : (data.prealerts || []); renderViewTabs(); if (state.view === 'expected') { renderExpectedList(); } if (done) { done(); } }); } function matchesExpectedQuery(p, q) { if (!q) { return true; } var hay = [p.customer_name, p.customer_number, p.package_name, p.retailer, p.tracking_number, p.reference_number].join(' ').toLowerCase(); return hay.indexOf(q) > -1; } function shownExpected() { var q = String(state.query || '').trim().toLowerCase(); var out = []; for (var i = 0; i < state.expected.length; i++) { if (matchesExpectedQuery(state.expected[i], q)) { out.push(state.expected[i]); } } return out; } function renderExpectedList() { var rows = el('gnkSharedRows'); var count = el('gnkSharedCount'); if (!rows) { return; } wireListControls(); var list = shownExpected(); var total = state.expected.length; if (count) { count.textContent = (list.length === total) ? (total === 1 ? '1 expected' : total + ' expected') : (list.length + ' of ' + total); } if (!total) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'Nothing expected right now.'); return; } if (!list.length) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'Nothing matches that.'); return; } var html = ''; for (var i = 0; i < list.length; i++) { var p = list[i]; var attrs = 'type="button" class="gnkshared__row gnkshared__row--expected" data-expected="' + esc(p.prealert_id) + '"' + (p.prealert_id === state.openExpected ? ' aria-current="true"' : ''); html += wrap('button', attrs, wrap('span', 'class="gnkshared__row-top"', wrap('span', 'class="gnkshared__row-num"', esc(p.customer_name || p.customer_number))) + wrap('span', 'class="gnkshared__row-desc"', esc((p.package_name || 'Package') + ' ' + String.fromCharCode(183) + ' ' + p.tracking_number + ' ' + String.fromCharCode(183) + ' waiting since ' + shortMoment(p.waiting_since)))); } rows.innerHTML = html; var buttons = rows.querySelectorAll('.gnkshared__row--expected'); for (var b = 0; b < buttons.length; b++) { buttons[b].onclick = function () { openExpected(this.getAttribute('data-expected')); }; } } function showEmptyExpectedDetail() { var box = el('gnkSharedDetail'); if (!box) { return; } box.innerHTML = wrap('div', 'class="gnkshared__signedout"', wrap('p', 'class="gnkshared__signedout-lead"', 'Nothing expected right now.') + wrap('p', 'class="gnkshared__signedout-sub"', 'Once a customer submits a package for pickup it will show up here.')); } function findExpectedRow(prealertId) { for (var i = 0; i < state.expected.length; i++) { if (state.expected[i].prealert_id === prealertId) { return state.expected[i]; } } return null; } function openExpected(prealertId) { if (!prealertId) { return; } state.openExpected = prealertId; if (state.view !== 'expected') { state.view = 'expected'; renderViewTabs(); setListMode(); } renderExpectedList(); var row = findExpectedRow(prealertId); if (!row) { showEmptyExpectedDetail(); return; } renderExpectedDetail(row); } function renderExpectedDetail(row) { var box = el('gnkSharedDetail'); if (!box) { return; } var bits = [row.retailer, (row.currency || 'USD') + ' ' + row.declared_value] .filter(function (v) { return !!v; }).join(' ' + String.fromCharCode(183) + ' '); box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', esc(row.package_name || 'Package')) + wrap('p', 'class="gnkshared__pkg-desc"', esc((row.customer_name || row.customer_number) + (bits ? (' ' + String.fromCharCode(183) + ' ' + bits) : ''))) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Tracking number') + open('input', 'class="gnkshared__field-v" id="gnkExpectedTracking" type="text" value="' + esc(row.tracking_number) + '"')) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkExpectedSaveTracking"', 'Save tracking number')) + intakeGroupField() + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkExpectedLog"', 'Log this arrival')); var save = el('gnkExpectedSaveTracking'); if (save) { save.onclick = function () { submitExpectedTrackingUpdate(row.prealert_id); }; } var log = el('gnkExpectedLog'); if (log) { log.onclick = function () { submitExpectedConvert(row.prealert_id); }; } } function submitExpectedTrackingUpdate(prealertId) { var input = el('gnkExpectedTracking'); if (!input || state.busy) { return; } var newTracking = String(input.value || '').trim(); if (!newTracking) { notice('Enter a tracking number first.', null); return; } state.busy = true; notice('Saving tracking number...', null); callProc('update_prealert_tracking', { prealert_id: prealertId, tracking_number: newTracking }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Tracking number updated.', 'good'); loadExpected(function () { openExpected(prealertId); }); }); } function submitExpectedConvert(prealertId) { if (state.busy) { return; } state.busy = true; notice('Logging the arrival...', null); var groupNode = el('gnkIntakeGroupTotal'); callProc('convert_prealert_at_intake', { prealert_id: prealertId, group_total: groupNode && groupNode.value ? Number(groupNode.value) : 0 }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice(data.package.package_number + ' logged and the customer notified.', 'good'); state.openNumber = data.package.package_number; state.openExpected = ''; loadExpected(null); switchView('packages'); }); } function sheetCountsLine(sh) { var c = sh.counts || {}; if (!c.total) { return 'Nothing on it yet'; } if (sh.status === 'arrived') { return c.total + ' of ' + c.total + ' arrived'; } if (c.arrived) { return c.arrived + ' of ' + c.total + ' arrived, ' + (c.packed + c.arrived) + ' packed'; } return (c.packed + c.arrived) + ' of ' + c.total + ' packed'; } function renderSheetList() { var rows = el('gnkSharedRows'); var count = el('gnkSharedCount'); if (!rows) { return; } var list = state.sheets || []; if (count) { count.textContent = list.length === 1 ? '1 sheet' : list.length + ' sheets'; } if (!list.length) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', state.identity && state.identity.role === 'operations' ? 'No packing sheets yet.' : 'No packing sheets have been shared with you yet.'); return; } var html = ''; for (var i = 0; i < list.length; i++) { var sh = list[i]; var attrs = 'type="button" class="gnkshared__row gnkshared__row--sheet" data-sheet="' + esc(sh.sheet_number) + '"' + (sh.sheet_number === state.openSheet ? ' aria-current="true"' : ''); html += wrap('button', attrs, wrap('span', 'class="gnkshared__row-top"', wrap('span', 'class="gnkshared__row-num"', esc(sh.sheet_number)) + wrap('span', 'class="gnkshared__pill gnkshared__pill--' + esc(sh.status) + '"', esc(sheetStatusLabel(sh.status)))) + wrap('span', 'class="gnkshared__row-desc"', esc(sheetCountsLine(sh) + ' ' + String.fromCharCode(183) + ' ' + shortMoment(sh.created_at)))); } rows.innerHTML = html; var buttons = rows.querySelectorAll('.gnkshared__row--sheet'); for (var b = 0; b < buttons.length; b++) { buttons[b].onclick = function () { openSheet(this.getAttribute('data-sheet')); }; } } function showEmptySheets() { var box = el('gnkSharedDetail'); if (!box) { return; } var isOps = !!state.identity && state.identity.role === 'operations'; box.innerHTML = wrap('div', 'class="gnkshared__signedout"', wrap('p', 'class="gnkshared__signedout-lead"', isOps ? 'No packing sheets yet.' : 'Nothing has been shared with you yet.') + wrap('p', 'class="gnkshared__signedout-sub"', isOps ? 'Press Create a packing sheet to pick from the measured packages.' : 'When operations shares a packing sheet with your warehouse it will appear here.')); } function openSheet(sheetNumber) { if (!sheetNumber) { return; } state.openSheet = sheetNumber; if (state.view !== 'sheets') { state.view = 'sheets'; renderViewTabs(); setListMode(); } renderSheetList(); var box = el('gnkSharedDetail'); if (box) { box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', 'Opening...'); } callProc('get_packing_sheet', { sheet_number: sheetNumber }, function (err, data) { if (err) { notice(err.message, 'bad'); if (box) { box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', esc(err.message)); } return; } if (state.pendingNotice) { notice(state.pendingNotice.message, state.pendingNotice.tone); state.pendingNotice = null; } else { notice(''); } renderSheet(data.sheet); }); } function sheetLineHtml(sheet, line) { var who = [line.description || line.retailer || 'Package', line.customer_name || line.customer_number, line.tracking_number] .filter(function (v) { return !!v; }).join(' ' + String.fromCharCode(183) + ' '); var holds = line.holds || []; var holdsHtml = ''; if (holds.length) { var names = []; for (var h = 0; h < holds.length; h++) { names.push(holds[h].package_number + (holds[h].description ? (' ' + holds[h].description) : '')); } holdsHtml = wrap('span', 'class="gnksheet__holds"', 'Box also holds ' + esc(names.join(', '))); } var removeHtml = (sheet.may_remove_lines && line.line_state === 'to_pack') ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" data-remove="' + esc(line.package_number) + '"', 'Take off') : ''; return wrap('li', 'class="gnksheet__line is-' + esc(line.line_state) + '"', wrap('div', 'class="gnksheet__line-top"', wrap('button', 'type="button" class="gnksheet__line-num" data-open-package="' + esc(line.package_number) + '"', esc(line.package_number)) + (holds.length ? wrap('span', 'class="gnksheet__boxflag"', 'BOX ' + String.fromCharCode(183) + ' ' + (holds.length + 1) + ' packages') : '') + wrap('span', 'class="gnksheet__state gnksheet__state--' + esc(line.line_state) + '"', esc(lineStateLabel(line.line_state))) + removeHtml) + wrap('div', 'class="gnksheet__line-desc"', esc(who)) + holdsHtml); } // The section heading became a two-way switch. Both sides read the SAME // sheet.lines - the breakdown is DERIVED from the packages on the sheet and // never separately fetched, so the two views cannot disagree with each other. function sheetTabsHtml() { var tabs = [['packages', 'Packages on this sheet'], ['customers', 'Customer Breakdown']]; var html = ''; for (var i = 0; i < tabs.length; i++) { var isOn = state.sheetTab === tabs[i][0]; html += wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small gnksheet__tab' + (isOn ? ' is-on' : '') + '" data-sheet-tab="' + esc(tabs[i][0]) + '"' + (isOn ? ' disabled' : ''), esc(tabs[i][1])); } return wrap('div', 'class="gnksheet__tabrow"', html); } function sheetCustomerRows(sheet) { var lines = sheet.lines || []; var byNumber = {}; var order = []; for (var i = 0; i < lines.length; i++) { var key = lines[i].customer_number || ''; // Own-property test rather than a truthiness test: a customer number of // __proto__ or constructor reads truthy off the prototype chain, and that // customer would then be silently dropped from the breakdown entirely. if (!Object.prototype.hasOwnProperty.call(byNumber, key)) { byNumber[key] = { customer_number: key, customer_name: lines[i].customer_name || key, package_count: 0, cubic_feet: 0, inside_boxes: 0 }; order.push(key); } var row = byNumber[key]; row.package_count += 1; // A line that is a box already measures the box, and the box is what // ships - so the packages inside it must not be added on top. row.cubic_feet += Number(lines[i].cubic_feet) || 0; row.inside_boxes += (lines[i].holds || []).length; } var out = []; for (var o = 0; o < order.length; o++) { out.push(byNumber[order[o]]); } // Whoever is taking up the most room on the sheet reads first, because that // is the question a packing sheet is usually being asked. out.sort(function (a, b) { if (b.cubic_feet !== a.cubic_feet) { return b.cubic_feet - a.cubic_feet; } var aName = a.customer_name.toLowerCase(); var bName = b.customer_name.toLowerCase(); if (aName < bName) { return -1; } if (aName > bName) { return 1; } return 0; }); return out; } function sheetBreakdownHtml(sheet) { var rows = sheetCustomerRows(sheet); if (!rows.length) { return wrap('ul', 'class="gnksheet__lines"', wrap('li', 'class="gnkshared__empty"', 'No packages on this sheet.')); } var html = ''; var totalCubic = 0; for (var i = 0; i < rows.length; i++) { var r = rows[i]; totalCubic += r.cubic_feet; var meta = (r.package_count === 1 ? '1 package' : r.package_count + ' packages') + (r.inside_boxes ? (' ' + String.fromCharCode(183) + ' ' + (r.inside_boxes === 1 ? '1 more inside a box' : r.inside_boxes + ' more inside a box')) : ''); html += wrap('li', 'class="gnksheet__line"', wrap('div', 'class="gnksheet__line-top"', wrap('span', 'class="gnkshared__row-num"', esc(r.customer_name)) + wrap('span', 'class="gnkshared__pill gnkshared__pill--customer"', esc(r.customer_number)) + wrap('span', 'class="gnksheet__cuft"', esc(cubicFeetLabel(r.cubic_feet)))) + wrap('div', 'class="gnksheet__line-desc"', esc(meta))); } html += wrap('li', 'class="gnksheet__line gnksheet__line--total"', wrap('div', 'class="gnksheet__line-top"', wrap('span', 'class="gnkshared__row-num"', esc(rows.length === 1 ? '1 customer' : rows.length + ' customers')) + wrap('span', 'class="gnksheet__cuft"', esc(cubicFeetLabel(totalCubic) + ' in total')))); return wrap('ul', 'class="gnksheet__lines"', html); } function sheetProgressHtml(sheet) { var c = sheet.counts || { total: 0, to_pack: 0, packed: 0, arrived: 0 }; if (!c.total) { return wrap('div', 'class="gnksheet__progress"', wrap('span', 'class="gnksheet__count gnksheet__count--todo"', 'Nothing on this sheet')); } var fullyPacked = (c.packed + c.arrived) === c.total; var missingInJamaica = sheet.shared_with_local_at && fullyPacked && (c.total - c.arrived) > 0; return wrap('div', 'class="gnksheet__progress"', wrap('span', 'class="gnksheet__count gnksheet__count--packed"', (c.packed + c.arrived) + ' of ' + c.total + ' packed') + wrap('span', 'class="gnksheet__count gnksheet__count--arrived"', c.arrived + ' of ' + c.total + ' arrived') + (c.to_pack ? wrap('span', 'class="gnksheet__count gnksheet__count--todo"', c.to_pack + ' not yet packed') : '') + (missingInJamaica ? wrap('span', 'class="gnksheet__count gnksheet__count--missing"', (c.total - c.arrived) + ' not yet seen in Jamaica') : '')); } function scanKeyboardToggleHtml(toggleId) { return wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small gnkshared__scantype" id="' + toggleId + '"', 'Hide the keyboard'); } function scanToggleLabel() { return state.scanKeyboardHidden ? 'Show the keyboard' : 'Hide the keyboard'; } function suppressScanKeyboard(scanId) { var scan = el(scanId); if (!scan) { return; } scan.setAttribute('inputmode', 'none'); scan.blur(); scan.focus(); } function primeScanField(scanId) { var scan = el(scanId); if (!scan) { return; } scan.removeAttribute('inputmode'); scan.focus(); scan.select(); if (!state.scanKeyboardHidden) { return; } window.setTimeout(function () { suppressScanKeyboard(scanId); }, 80); } function wireScanKeyboardToggle(toggleId, scanId) { var toggle = el(toggleId); if (!toggle) { return; } toggle.textContent = scanToggleLabel(); toggle.onclick = function () { state.scanKeyboardHidden = !state.scanKeyboardHidden; this.textContent = scanToggleLabel(); primeScanField(scanId); }; } function sheetBadgesHtml(sheet) { var badges = ''; if (sheet.shared_with_international_at) { badges += wrap('span', 'class="gnksheet__badge"', 'Shared with international warehouse ' + esc(shortMoment(sheet.shared_with_international_at))); } if (sheet.shared_with_local_at) { badges += wrap('span', 'class="gnksheet__badge"', 'Shared with local warehouse ' + esc(shortMoment(sheet.shared_with_local_at))); } if (sheet.at_customs_at) { badges += wrap('span', 'class="gnksheet__badge gnksheet__badge--customs"', 'At customs since ' + esc(shortMoment(sheet.at_customs_at))); } if (!badges) { badges = wrap('span', 'class="gnksheet__badge gnksheet__badge--quiet"', 'Not shared with either warehouse yet'); } var methodBadge = wrap('span', 'class="gnksheet__badge gnksheet__badge--method"', 'Going by ' + esc(sheet.shipping_method_label || 'Sea')); return wrap('div', 'class="gnksheet__badges"', methodBadge + badges); } // The three shipping methods, in the order an operator reads them. One list, // used by both the create form and the picker on an existing sheet, so a // fourth method never has to be added in two places. function shipMethods() { return [['sea', 'Sea'], ['air', 'Air'], ['traveller', 'Traveller']]; } // A two-way toggle cannot express three methods, so the sheet carries a // picker: every method is a button and the current one is marked and inert. function shipMethodPickerHtml(sheet) { if (!sheet.may_set_shipping_method) { return ''; } var methods = shipMethods(); var buttons = ''; for (var m = 0; m < methods.length; m++) { var isNow = cleanShipMethodValue(sheet.shipping_method) === methods[m][0]; buttons += wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small gnksheet__method' + (isNow ? ' is-on' : '') + '" data-method="' + esc(methods[m][0]) + '"' + (isNow ? ' disabled' : ''), esc(methods[m][1])); } return wrap('div', 'class="gnksheet__methodrow"', wrap('span', 'class="gnkshared__fact-k"', 'Shipping method') + buttons); } function cleanShipMethodValue(value) { var raw = String(value || '').trim().toLowerCase(); if (raw === 'air') { return 'air'; } if (raw === 'traveller') { return 'traveller'; } return 'sea'; } function shipMethodOptionsHtml() { var methods = shipMethods(); var options = ''; for (var m = 0; m < methods.length; m++) { options += wrap('option', 'value="' + esc(methods[m][0]) + '"', esc(methods[m][1])); } return options; } function renderSheet(sheet) { var box = el('gnkSharedDetail'); if (!box) { return; } var opsHtml = ''; if (sheet.may_share_international || sheet.may_share_local || sheet.may_mark_customs || sheet.may_add_lines || sheet.may_set_shipping_method) { opsHtml = wrap('div', 'class="gnkshared__actions"', (sheet.may_add_lines ? wrap('button', 'type="button" class="gnkshared__act" id="gnkSheetAdd"', 'Add packages to this sheet') : '') + (sheet.may_share_international ? wrap('button', 'type="button" class="gnkshared__act" id="gnkSheetShareIntl"', 'Share with international warehouse') : '') + (sheet.may_share_local ? wrap('button', 'type="button" class="gnkshared__act" id="gnkSheetShareLocal"', 'Share with local warehouse') : '') + (sheet.may_mark_customs ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkSheetCustoms"', 'Shipment at customs') : '')) + shipMethodPickerHtml(sheet); } var scanHtml = ''; if (sheet.may_scan) { scanHtml = wrap('div', 'class="gnksheet__scanwrap"', open('input', 'class="gnkshared__scan gnkshared__scan--lead gnksheet__scan" id="gnkSheetScan" type="text" autocomplete="off" placeholder="Scan a box on this sheet"') + wrap('span', 'class="gnksheet__scanhint"', (sheet.scan_marks === 'arrived' ? 'Each scan marks that box arrived.' : 'Each scan marks that box packed and in transit.') + ' ' + scanKeyboardToggleHtml('gnkSheetScanType'))); } var linesHtml = ''; var lines = sheet.lines || []; for (var i = 0; i < lines.length; i++) { linesHtml += sheetLineHtml(sheet, lines[i]); } if (!linesHtml) { linesHtml = wrap('li', 'class="gnkshared__empty"', 'No packages on this sheet.'); } box.innerHTML = wrap('div', 'class="gnksheet"', wrap('h3', 'class="gnkshared__pkg-num"', esc(sheet.sheet_number)) + wrap('p', 'class="gnkshared__pkg-desc"', esc(sheetStatusLabel(sheet.status)) + ' ' + String.fromCharCode(183) + ' created ' + esc(shortMoment(sheet.created_at)) + (sheet.created_by_name ? (' by ' + esc(sheet.created_by_name)) : '') + (sheet.note ? (' ' + String.fromCharCode(183) + ' ' + esc(sheet.note)) : '')) + sheetBadgesHtml(sheet) + sheetProgressHtml(sheet) + scanHtml + wrap('div', 'class="gnkshared__step" id="gnkSheetStep"', '') + opsHtml + sheetTabsHtml() + (state.sheetTab === 'customers' ? sheetBreakdownHtml(sheet) : wrap('ul', 'class="gnksheet__lines"', linesHtml))); wireSheet(sheet); } function wireSheet(sheet) { var scan = el('gnkSheetScan'); if (scan) { scan.onkeydown = function (ev) { if (ev && (ev.key === 'Enter' || ev.keyCode === 13)) { if (ev.preventDefault) { ev.preventDefault(); } submitSheetScan(sheet.sheet_number); } }; focusSheetScan(); } wireScanKeyboardToggle('gnkSheetScanType', 'gnkSheetScan'); var addLines = el('gnkSheetAdd'); if (addLines) { addLines.onclick = function () { showSheetAddPicker(sheet.sheet_number); }; } var methodBtns = document.querySelectorAll('.gnksheet__method'); for (var mb = 0; mb < methodBtns.length; mb++) { methodBtns[mb].onclick = function () { setSheetMethod(sheet.sheet_number, this.getAttribute('data-method')); }; } // The breakdown is derived from the sheet already in hand, so switching // tabs re-renders from memory rather than going back to the server. var sheetTabs = document.querySelectorAll('.gnksheet__tab'); for (var st = 0; st < sheetTabs.length; st++) { sheetTabs[st].onclick = function () { state.sheetTab = this.getAttribute('data-sheet-tab'); renderSheet(sheet); }; } var shareIntl = el('gnkSheetShareIntl'); if (shareIntl) { shareIntl.onclick = function () { shareSheet(sheet.sheet_number, 'international'); }; } var shareLocal = el('gnkSheetShareLocal'); if (shareLocal) { shareLocal.onclick = function () { shareSheet(sheet.sheet_number, 'local'); }; } var customs = el('gnkSheetCustoms'); if (customs) { customs.onclick = function () { markSheetCustoms(sheet.sheet_number); }; } var opens = document.querySelectorAll('[data-open-package]'); for (var o = 0; o < opens.length; o++) { opens[o].onclick = function () { state.openNumber = this.getAttribute('data-open-package'); switchView('packages'); }; } var removes = document.querySelectorAll('[data-remove]'); for (var r = 0; r < removes.length; r++) { removes[r].onclick = function () { removeFromSheet(sheet.sheet_number, this.getAttribute('data-remove')); }; } } function focusSheetScan() { primeScanField('gnkSheetScan'); } function afterSheetChange(data, message) { if (message) { notice(message, 'good'); } if (data && data.sheet) { renderSheet(data.sheet); } loadSheets(null); } function submitSheetScan(sheetNumber) { var scan = el('gnkSheetScan'); if (!scan || state.busy) { return; } var code = String(scan.value || '').trim(); if (!code) { return; } state.busy = true; notice('Looking up ' + code + '...', null); callProc('sheet_scan', { sheet_number: sheetNumber, code: code }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); focusSheetScan(); return; } var num = data.package.package_number; var viaBox = data.matched_on === 'inside_box' ? (' You scanned ' + data.scanned_package + ', which is inside it.') : ''; if (!data.on_sheet) { renderSheet(data.sheet); notOnSheetBlock(sheetNumber, data); notice(num + ' is not on this sheet.', 'bad'); return; } var cascade = (data.cascaded && data.cascaded.length) ? (' The ' + data.cascaded.length + ' package' + (data.cascaded.length === 1 ? '' : 's') + ' inside it moved with it.') : ''; var stateWord = lineStateLabel(data.package.line_state).toLowerCase(); afterSheetChange(data, data.already ? (num + ' was already ' + stateWord + '.' + viaBox) : (num + ' marked ' + stateWord + '.' + viaBox + cascade)); }); } function notOnSheetBlock(sheetNumber, data) { var slot = el('gnkSheetStep'); if (!slot) { return; } var pkg = data.package; var where = [pkg.description || pkg.retailer || 'Package', pkg.customer_name || pkg.customer_number, titleise(pkg.status)] .filter(function (v) { return !!v; }).join(' ' + String.fromCharCode(183) + ' '); slot.innerHTML = wrap('div', 'class="gnkshared__stepbox gnksheet__off"', wrap('span', 'class="gnkshared__step-t"', esc(pkg.package_number) + ' is not on this sheet') + wrap('p', 'class="gnkshared__pick-lead"', esc(where) + (pkg.shipment_id && pkg.shipment_id !== sheetNumber ? (' ' + String.fromCharCode(183) + ' on sheet ' + esc(pkg.shipment_id)) : '')) + wrap('div', 'class="gnkshared__actions"', (data.can_add ? wrap('button', 'type="button" class="gnkshared__act" id="gnkSheetAdd"', 'Add it to this sheet and mark it') : '') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkSheetIgnore"', 'Leave it off'))); var add = el('gnkSheetAdd'); if (add) { add.onclick = function () { if (state.busy) { return; } state.busy = true; callProc('add_to_packing_sheet', { sheet_number: sheetNumber, package_number: pkg.package_number }, function (err, out) { state.busy = false; if (err) { notice(err.message, 'bad'); focusSheetScan(); return; } afterSheetChange(out, pkg.package_number + ' added to the sheet' + (out.marked ? ' and marked.' : '.')); }); }; } var ignore = el('gnkSheetIgnore'); if (ignore) { ignore.onclick = function () { slot.innerHTML = ''; focusSheetScan(); }; } focusSheetScan(); } function shareSheet(sheetNumber, withWhom) { if (state.busy) { return; } state.busy = true; callProc('share_packing_sheet', { sheet_number: sheetNumber, with: withWhom }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } afterSheetChange(data, 'Shared with the ' + (withWhom === 'local' ? 'local' : 'international') + ' warehouse.'); }); } function markSheetCustoms(sheetNumber) { if (state.busy) { return; } state.busy = true; callProc('sheet_at_customs', { sheet_number: sheetNumber }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } var n = (data.held || []).length; afterSheetChange(data, n + ' package' + (n === 1 ? '' : 's') + ' now showing as going through customs.'); }); } function removeFromSheet(sheetNumber, packageNumber) { if (state.busy) { return; } state.busy = true; callProc('remove_from_packing_sheet', { sheet_number: sheetNumber, package_number: packageNumber }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } afterSheetChange(data, packageNumber + ' taken off the sheet and back in the pool.'); }); } function setSheetMethod(sheetNumber, method) { if (state.busy) { return; } state.busy = true; notice('Updating the shipping method...', null); callProc('set_sheet_shipping_method', { sheet_number: sheetNumber, shipping_method: method }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } afterSheetChange(data, data.sheet.sheet_number + ' is now going by ' + data.sheet.shipping_method_label + '.'); }); } // ===== Picking packages for a sheet by scanning them ===== // Joel: "the operations person can walk through the warehouse and pick the // packages he wants to add to the sheet by simply scanning them instead of // having to scroll through the list". Both pickers - creating a sheet and // adding to one - draw the SAME pool with the SAME row class, so they share // these outright rather than growing two versions that drift apart. // The pool is already loaded, so a hit costs NO round trip, which is what // makes scanning beat scrolling when the next box is already in hand. function tidyScan(code) { // A barcode scanner emits GS1-128 field separators (U+001D and its siblings) // INSIDE the scanned string, and JavaScript's \s does NOT match a control // character - so a scan carrying one could never match the same parcel stored // without it, and vice versa (measured 2026-09-19 on GNK-15953023, stored 31 // chars where the same barcode retyped is 30). Everything that is not a letter // or a digit goes: a courier barcode is alphanumeric by definition, and both // sides of the comparison are now cleaned the same way. return String(code || '').replace(/[^A-Za-z0-9]/g, '').toUpperCase(); } // Package number first, then tracking - the same order the system itself uses // when it resolves a scan, so the two never disagree about a code that could // be read as either. function poolRowFor(code) { var wanted = tidyScan(code); if (!wanted) { return null; } var pool = state.sheetPool || []; var i; for (i = 0; i < pool.length; i++) { if (tidyScan(pool[i].package_number) === wanted) { return pool[i]; } } for (i = 0; i < pool.length; i++) { if (tidyScan(pool[i].tracking_number) === wanted) { return pool[i]; } } return null; } function poolBoxFor(packageNumber) { var boxes = document.querySelectorAll('.gnksheet__pick-box'); for (var i = 0; i < boxes.length; i++) { if (boxes[i].value === packageNumber) { return boxes[i]; } } return null; } // A scan changes what is ticked, so the Select all / Clear all label has to be // recomputed or it ends up describing the opposite of what pressing it does. function syncPoolAllLabel(allId) { var all = el(allId); if (!all) { return; } var boxes = document.querySelectorAll('.gnksheet__pick-box'); var anyOff = false; for (var i = 0; i < boxes.length; i++) { if (!boxes[i].checked) { anyOff = true; } } all.textContent = anyOff ? 'Select all' : 'Clear all'; } function poolPackageLabel(pkg) { var who = pkg.customer_name || pkg.customer_number || ''; return pkg.package_number + (who ? (' ' + String.fromCharCode(183) + ' ' + who) : ''); } // Beside Select all, because that is the control the operator on the floor // uses most. The actions row is a wrapping flex row, so on a handset it drops // onto its own line rather than crushing both. function poolScanControlHtml(scanId, toggleId) { return wrap('div', 'class="gnksheet__pickscan"', open('input', 'class="gnkshared__scan gnksheet__pickscan-field" id="' + scanId + '" type="text" autocomplete="off" placeholder="Scan a package to add it"') + scanKeyboardToggleHtml(toggleId)); } function tickPoolRow(pkg, insideBox, allId) { var box = poolBoxFor(pkg.package_number); if (!box) { return false; } var label = poolPackageLabel(pkg); if (box.checked) { // A second scan of the same box must NEVER untick it. Working a pile, an // operator rescans without meaning to, and silently removing a package // they believe is on the sheet is the worst outcome available here. notice(insideBox ? ('That one is packed inside ' + label + ', which is already ticked.') : (label + ' is already ticked.'), null); } else { box.checked = true; notice(insideBox ? ('That one is packed inside ' + label + ', so the outer box is what goes on the sheet. Added it.') : ('Added ' + label + '.'), 'good'); } var row = box.parentNode; if (row && row.scrollIntoView) { row.scrollIntoView(false); } syncPoolAllLabel(allId); return true; } // "Not in the list" is true and useless. The three real causes need three // different things done about them, so name which one it is. function poolIneligibleReason(pkg, insideBox) { if (!pkg || !pkg.package_number) { return 'Nothing on the system matches that scan.'; } var label = poolPackageLabel(pkg); var subject = insideBox ? ('That one is packed inside ' + label + ', and that box ') : (label + ' '); if (pkg.shipment_id) { return subject + 'has already been put on ' + pkg.shipment_id + '.'; } if (pkg.status !== 'measured') { return subject + 'is not ready for a sheet yet - it is at ' + titleise(pkg.status) + '. Only measured packages can go on a sheet.'; } return subject + 'is not in the list of packages waiting to be packed.'; } function poolScanPick(rawCode, scanId, allId) { var code = String(rawCode || '').replace(/\s+/g, ''); if (!code) { return; } var hit = poolRowFor(code); if (hit) { tickPoolRow(hit, false, allId); primeScanField(scanId); return; } notice('Looking up ' + code + '...', null); callProc('scan_resolve', { code: code }, function (err, data) { primeScanField(scanId); if (err) { notice(err.message, 'bad'); return; } var pkg = (data && data.package) || {}; // A box packed inside another resolves to the OUTER box, and the outer box // is the thing that goes on a sheet - so scanning a box that has been // consolidated away still does the right thing instead of reading as lost. var insideBox = !!data && data.matched_on === 'inside_box'; var nowInPool = pkg.package_number ? poolRowFor(pkg.package_number) : null; if (nowInPool) { tickPoolRow(nowInPool, insideBox, allId); return; } notice(poolIneligibleReason(pkg, insideBox), 'bad'); }); } // Wired by BOTH pickers. Bound last on each screen on purpose: everything else // binds first, so a scan landing proves the whole handler block ran. function wirePoolScan(scanId, toggleId, allId) { var scan = el(scanId); if (scan) { scan.onkeydown = function (ev) { if (ev.key !== 'Enter') { return; } ev.preventDefault(); var code = this.value; this.value = ''; poolScanPick(code, scanId, allId); }; } wireScanKeyboardToggle(toggleId, scanId); primeScanField(scanId); } function renderSheetAddPicker(sheetNumber, pool) { var box = el('gnkSharedDetail'); if (!box) { return; } state.sheetPool = pool; var rowsHtml = ''; for (var i = 0; i < pool.length; i++) { rowsHtml += poolRow(pool[i]); } box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', 'Add packages to ' + esc(sheetNumber)) + wrap('p', 'class="gnkshared__pkg-desc"', pool.length + ' measured package' + (pool.length === 1 ? '' : 's') + ' not on a sheet yet. Tick the ones joining this shipment.') + wrap('div', 'class="gnkshared__actions gnksheet__pickall"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkAddAll"', 'Select all') + poolScanControlHtml('gnkAddScan', 'gnkAddScanType')) + wrap('div', 'class="gnkshared__picks"', rowsHtml) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkAddGo"', 'Add to the sheet') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkAddCancel"', 'Cancel')); var all = el('gnkAddAll'); if (all) { all.onclick = function () { var boxes = document.querySelectorAll('.gnksheet__pick-box'); var anyOff = false; for (var a = 0; a < boxes.length; a++) { if (!boxes[a].checked) { anyOff = true; } } for (var b = 0; b < boxes.length; b++) { boxes[b].checked = anyOff; } this.textContent = anyOff ? 'Clear all' : 'Select all'; }; } var go = el('gnkAddGo'); if (go) { go.onclick = function () { submitSheetAdd(sheetNumber); }; } var cancel = el('gnkAddCancel'); if (cancel) { cancel.onclick = function () { openSheet(sheetNumber); }; } wirePoolScan('gnkAddScan', 'gnkAddScanType', 'gnkAddAll'); } function showSheetAddPicker(sheetNumber) { var box = el('gnkSharedDetail'); if (!box) { return; } notice('Looking up the measured packages...', null); callProc('packing_sheet_pool', {}, function (err, data) { if (err) { notice(err.message, 'bad'); return; } notice(''); var pool = data.packages || []; if (!pool.length) { window.alert('Nothing is waiting to be packed. A package joins this list once the international warehouse has measured it and it is not already on a sheet.'); openSheet(sheetNumber); return; } renderSheetAddPicker(sheetNumber, pool); }); } function addNextToSheet(sheetNumber, queue, index, added, failed) { if (index >= queue.length) { state.busy = false; var msg = added.length + ' package' + (added.length === 1 ? '' : 's') + ' added to ' + sheetNumber + '.'; if (failed.length) { msg += ' ' + failed.length + ' could not be added: ' + failed.join('; ') + '.'; } state.pendingNotice = { message: msg, tone: failed.length ? 'bad' : 'good' }; openSheet(sheetNumber); loadSheets(null); return; } var packageNumber = queue[index]; notice('Adding ' + packageNumber + ' (' + (index + 1) + ' of ' + queue.length + ')...', null); callProc('add_to_packing_sheet', { sheet_number: sheetNumber, package_number: packageNumber, mark: false }, function (err) { if (err) { failed.push(packageNumber + ' - ' + err.message); } else { added.push(packageNumber); } addNextToSheet(sheetNumber, queue, index + 1, added, failed); }); } function submitSheetAdd(sheetNumber) { if (state.busy) { return; } var boxes = document.querySelectorAll('.gnksheet__pick-box'); var chosen = []; for (var cb = 0; cb < boxes.length; cb++) { if (boxes[cb].checked) { chosen.push(boxes[cb].value); } } if (!chosen.length) { notice('Tick at least one package to add.', null); return; } state.busy = true; addNextToSheet(sheetNumber, chosen, 0, [], []); } function poolRow(p) { var bits = [p.description || p.retailer || 'Package', p.customer_name || p.customer_number, p.tracking_number, p.weight_lb ? (p.weight_lb + ' lb') : ''] .filter(function (v) { return !!v; }).join(' ' + String.fromCharCode(183) + ' '); var holds = p.holds || []; return wrap('label', 'class="gnkshared__pick"', open('input', 'type="checkbox" class="gnkshared__pick-box gnksheet__pick-box" value="' + esc(p.package_number) + '"') + wrap('span', 'class="gnkshared__pick-body"', wrap('span', 'class="gnkshared__pick-num"', esc(p.package_number) + (holds.length ? wrap('em', 'class="gnkshared__pick-flag"', ' box of ' + (holds.length + 1)) : '') + (!p.price_complete ? wrap('em', 'class="gnkshared__pick-flag gnksheet__unpriced"', ' no price set yet') : '')) + wrap('span', 'class="gnkshared__pick-desc"', esc(bits)))); } function showSheetPicker() { var box = el('gnkSharedDetail'); if (!box) { return; } state.openNumber = ''; renderList(); box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', 'Create a packing sheet') + wrap('p', 'class="gnkshared__pkg-desc"', 'Looking up the measured packages...'); callProc('packing_sheet_pool', {}, function (err, data) { if (err) { notice(err.message, 'bad'); box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', esc(err.message)); return; } var pool = data.packages || []; state.sheetPool = pool; if (!pool.length) { box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', 'Create a packing sheet') + wrap('p', 'class="gnkshared__pkg-desc"', 'Nothing is waiting to be packed. A package joins this list once the international warehouse has measured it.') + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkPoolNo"', 'Close')); var no = el('gnkPoolNo'); if (no) { no.onclick = function () { refresh(''); }; } return; } var rowsHtml = ''; var unpriced = 0; for (var i = 0; i < pool.length; i++) { rowsHtml += poolRow(pool[i]); if (!pool[i].price_complete) { unpriced++; } } box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', 'Create a packing sheet') + wrap('p', 'class="gnkshared__pkg-desc"', pool.length + ' measured package' + (pool.length === 1 ? '' : 's') + ' waiting to be packed. Tick the ones going in this shipment.' + (unpriced ? (' ' + unpriced + ' of them ' + (unpriced === 1 ? 'has' : 'have') + ' no shipping fee or duty set yet; ' + (unpriced === 1 ? 'it' : 'they') + ' can still go.') : '')) + wrap('div', 'class="gnkshared__actions gnksheet__pickall"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkPoolAll"', 'Select all') + poolScanControlHtml('gnkPoolScan', 'gnkPoolScanType')) + wrap('div', 'class="gnkshared__picks"', rowsHtml) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Shipping method') + wrap('select', 'class="gnkshared__field-v gnkshared__field-v--select" id="gnkPoolMethod"', shipMethodOptionsHtml())) + wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Note on the sheet (optional)') + open('input', 'class="gnkshared__field-v" id="gnkPoolNote" type="text" placeholder="Container, flight, or anything the warehouses should know"')) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkPoolGo"', 'Create the sheet') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkPoolCancel"', 'Cancel')); var all = el('gnkPoolAll'); if (all) { all.onclick = function () { var boxes = document.querySelectorAll('.gnksheet__pick-box'); var anyOff = false; for (var a = 0; a < boxes.length; a++) { if (!boxes[a].checked) { anyOff = true; } } for (var b = 0; b < boxes.length; b++) { boxes[b].checked = anyOff; } this.textContent = anyOff ? 'Clear all' : 'Select all'; }; } var go = el('gnkPoolGo'); if (go) { go.onclick = submitSheet; } var cancel = el('gnkPoolCancel'); if (cancel) { cancel.onclick = function () { refresh(''); }; } wirePoolScan('gnkPoolScan', 'gnkPoolScanType', 'gnkPoolAll'); }); } function submitSheet() { if (state.busy) { return; } var boxes = document.querySelectorAll('.gnksheet__pick-box'); var chosen = []; for (var cb = 0; cb < boxes.length; cb++) { if (boxes[cb].checked) { chosen.push(boxes[cb].value); } } if (!chosen.length) { notice('Tick at least one package for the sheet.', null); return; } var noteNode = el('gnkPoolNote'); var methodNode = el('gnkPoolMethod'); state.busy = true; notice('Creating the sheet...', null); callProc('create_packing_sheet', { package_numbers: chosen, shipping_method: methodNode ? String(methodNode.value || 'sea') : 'sea', note: noteNode ? String(noteNode.value || '').trim() : '' }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } state.pendingNotice = { message: 'Packing sheet ' + data.sheet.sheet_number + ' created with ' + chosen.length + ' package' + (chosen.length === 1 ? '' : 's') + ', going by ' + (data.sheet.shipping_method_label || 'Sea') + '. Share it with the international warehouse when it is ready to pack.', tone: 'good' }; state.openSheet = data.sheet.sheet_number; loadSheets(function () { switchView('sheets'); }); }); } function renderNewButton() { var slot = el('gnkSharedNew'); if (!slot) { return; } if (!state.identity) { slot.innerHTML = ''; return; } var isCustomer = state.identity.role === 'customer'; var isOps = state.identity.role === 'operations'; var isIntl = state.identity.role === 'warehouse_international'; slot.innerHTML = (isCustomer ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--wide" id="gnkSharedDeclare"', 'Declare a package') : '') + (isOps ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--sheet" id="gnkSharedNewSheet"', 'Create a packing sheet') : '') + (isIntl ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--intake" id="gnkSharedIntake"', 'Log an arrival') : '') // View customers is emitted LAST on purpose. It takes the whole row, so // wherever it lands it lands UNDER the button above it - under Create a // packing sheet for operations, under Log an arrival for the warehouse. // One order serves both roles rather than two role-specific orderings. + ((isOps || isIntl) ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--customers" id="gnkSharedCustomers"', 'View customers') : '') // Integrations is operations-only and sits LAST: it is a setup screen, not a // daily action, so it must never compete with the work buttons above it. + (isOps ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small gnkint__open" id="gnkSharedIntegrations"', 'Integrations') : ''); var b = el('gnkSharedDeclare'); if (b) { b.onclick = showDeclareForm; } var s = el('gnkSharedNewSheet'); if (s) { s.onclick = showSheetPicker; } var c = el('gnkSharedCustomers'); if (c) { c.onclick = showCustomers; } var i = el('gnkSharedIntake'); if (i) { i.onclick = showIntakeScan; } var g = el('gnkSharedIntegrations'); if (g) { g.onclick = showIntegrations; } } // ===== Integrations ===== // Third-party keys are WRITE-ONLY from this screen. The server says only WHETHER // a key is saved, never what it is - a key that can be read back can be // screenshotted, pasted into a message, or lifted from an open browser tab. function showIntegrations() { var box = el('gnkSharedDetail'); if (!box) { return; } state.openNumber = ''; // This paints the detail pane itself, so switchView must not open a default // package underneath it and then repaint over the top. switchView('packages', true); box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', 'Integrations') + wrap('p', 'class="gnkshared__pkg-desc"', 'Looking up the current settings...'); callProc('get_integration_settings', {}, function (err, data) { if (err) { notice(err.message, 'bad'); box.innerHTML = wrap('div', 'class="gnkshared__empty gnkshared__empty--big"', esc(err.message)); return; } renderIntegrations(data.easypost || {}, data.trackingmore || {}); }); } function integrationStatusLine(s) { if (!s.test_key_set && !s.live_key_set) { return 'No key saved yet.'; } var bits = []; if (s.test_key_set) { bits.push('Test key saved'); } if (s.live_key_set) { bits.push('Live key saved'); } var when = s.updated_at ? (' ' + shortMoment(s.updated_at)) : ''; var who = s.updated_by_name ? (' by ' + s.updated_by_name) : ''; return bits.join(' ' + String.fromCharCode(183) + ' ') + '.' + ((when || who) ? (' Last changed' + when + who + '.') : ''); } function integrationKeyField(id, label, isSet, emptyHint) { return wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', esc(label)) + open('input', 'class="gnkshared__field-v" id="' + id + '" type="password" autocomplete="off" placeholder="' + esc(isSet ? 'Saved - paste a new one to replace it' : emptyHint) + '"')); } function renderIntegrations(s, tm) { var box = el('gnkSharedDetail'); if (!box) { return; } state.integrationMode = s.mode || 'test'; var liveNow = state.integrationMode === 'production'; box.innerHTML = wrap('div', 'class="gnkint"', wrap('h3', 'class="gnkshared__pkg-num"', 'Integrations') + wrap('p', 'class="gnkshared__pkg-desc"', 'Courier tracking is provided by EasyPost. Paste the key from your EasyPost account below.') + wrap('div', 'class="gnkint__status"', esc(integrationStatusLine(s))) + wrap('p', 'class="gnkint__note"', 'Keys are kept on the server and are never shown again once saved - not on this screen, ' + 'not in a message, not to anyone. To change one, paste a new one over it.') + wrap('div', 'class="gnkshared__actions gnkint__modes"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--small' + (liveNow ? ' gnkshared__act--quiet' : '') + ' gnkint__mode" data-mode="test"', 'Test mode') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--small' + (liveNow ? '' : ' gnkshared__act--quiet') + ' gnkint__mode" data-mode="production"', 'Live mode')) + integrationKeyField('gnkIntTestKey', 'EasyPost test key', s.test_key_set, 'Paste your test key') + integrationKeyField('gnkIntLiveKey', 'EasyPost live key', s.live_key_set, 'Leave empty until you are ready to go live') + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkIntSave"', 'Save') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkIntTest"', 'Test connection') + (s.live_key_set ? wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkIntTestLive"', 'Check a real package') : '') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkIntClose"', 'Close')) + wrap('div', 'class="gnkint__result" id="gnkIntResult"', '') // A SEPARATE SECTION, because it is a separate service for ONE courier. // Folding the Amazon key in beside the EasyPost ones would imply they are // interchangeable; they are not, and the operator needs to know which // service answered when something looks wrong. + amazonSectionHtml(tm || {})); var modes = document.querySelectorAll('.gnkint__mode'); for (var m = 0; m < modes.length; m++) { modes[m].onclick = function () { state.integrationMode = this.getAttribute('data-mode'); var all = document.querySelectorAll('.gnkint__mode'); for (var a = 0; a < all.length; a++) { var on = all[a].getAttribute('data-mode') === state.integrationMode; all[a].className = 'gnkshared__act gnkshared__act--small' + (on ? '' : ' gnkshared__act--quiet') + ' gnkint__mode'; } }; } var close = el('gnkIntClose'); if (close) { close.onclick = function () { refresh(''); }; } // Wired LAST deliberately: everything above binds first, so a save landing is // proof the whole function ran rather than aborting part way. var save = el('gnkIntSave'); if (save) { save.onclick = submitIntegrations; } var test = el('gnkIntTest'); if (test) { test.onclick = testIntegrationConnection; } var testLive = el('gnkIntTestLive'); if (testLive) { testLive.onclick = testLivePackage; } var testAmz = el('gnkAmzTest'); if (testAmz) { testAmz.onclick = testAmazonPackage; } } function amazonSectionHtml(tm) { var saved = !!tm.key_set; return wrap('h4', 'class="gnkshared__section-t"', 'Amazon parcels') + wrap('div', 'class="gnkint"', wrap('p', 'class="gnkint__note"', 'An Amazon TBA number is not a courier tracking number - it lives inside Amazon and is ' + 'registered with no courier, so EasyPost cannot follow it whatever account you add. ' + 'TrackingMore holds its own Amazon connection, so Amazon parcels are asked there instead.') + wrap('div', 'class="gnkint__status"', esc(saved ? ('TrackingMore key saved.' + (tm.updated_at ? (' Last changed ' + shortMoment(tm.updated_at)) : '') + (tm.updated_by_name ? (' by ' + tm.updated_by_name) : '') + '.') : 'No TrackingMore key saved yet.')) + integrationKeyField('gnkAmzKey', 'TrackingMore API key', saved, 'Paste your TrackingMore key') + (saved ? wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkAmzTest"', 'Check an Amazon package')) : '') + wrap('div', 'class="gnkint__result" id="gnkAmzResult"', '')); } // Deliberately verbose on this TEST path. Their exact courier name for Amazon is // not yet confirmed, so the whole answer is shown rather than a tidy summary - // one press teaches us the right value instead of another guess. function testAmazonPackage() { if (state.busy) { return; } var out = el('gnkAmzResult'); function show(text, tone) { if (!out) { return; } out.textContent = text; out.className = 'gnkint__result' + (tone ? (' gnkint__result--' + tone) : ''); } show('Asking TrackingMore about one of your Amazon packages...', ''); state.busy = true; callProc('test_trackingmore_package', {}, function (err, data) { state.busy = false; if (err) { show(err.message, 'bad'); return; } var r = (data && data.result) || {}; var which = (data && data.package_number ? (data.package_number + ' / ') : '') + (data && data.tracking_code ? data.tracking_code : ''); var asked = data && data.courier_asked ? (' (asked as ' + data.courier_asked + ')') : ''; if (!r.ok) { show(which + asked + ' - TrackingMore refused it: ' + (r.message || 'no reason given') + (r.http_status ? (' (' + r.http_status + ')') : ''), 'bad'); return; } var bits = [which + asked + ' -']; bits.push('they answered ' + (r.api_code || 'with no code') + (r.api_message ? (' ' + r.api_message) : '') + '.'); if (r.courier_used) { bits.push('Courier recorded as ' + r.courier_used + '.'); } if (r.delivery_status) { bits.push('Status ' + titleise(r.delivery_status) + '.'); } if (r.raw_preview) { bits.push('Full answer: ' + r.raw_preview); } show(bits.join(' '), r.delivery_status ? 'good' : ''); }); } // Proving the connection is the operator's own job, not something they have to // ask anyone for. It uses a published test barcode, so it costs nothing and // touches no real package. // Checks one of GNK's OWN packages against the live service. Deliberately // separate from the practice test: a real barcode asked of the practice system // returns rehearsal data and a confident green that proves nothing. function testLivePackage() { if (state.busy) { return; } var out = el('gnkIntResult'); function show(text, tone) { if (!out) { return; } out.textContent = text; out.className = 'gnkint__result' + (tone ? (' gnkint__result--' + tone) : ''); } show('Checking one of your own packages against the live service...', ''); state.busy = true; callProc('test_easypost_live_package', {}, function (err, data) { state.busy = false; if (err) { show(err.message, 'bad'); return; } var r = (data && data.result) || {}; var which = (data && data.package_number ? (data.package_number + ' / ') : '') + (data && data.tracking_code ? data.tracking_code : ''); // Naming the courier we asked under is what makes a refusal diagnosable // rather than mysterious - a wrong courier and a missing account read the // same on screen otherwise. var asked = (data && data.carrier_supplied) ? (' (asked as ' + data.carrier_supplied + ')') : ' (courier not recognised from the barcode)'; if (!r.ok) { show(which + asked + ' - the tracking service could not follow it: ' + (r.message || 'no reason given') + (r.http_status ? (' (' + r.http_status + ')') : ''), 'bad'); return; } var bits = [which + ' came back as ' + titleise(r.status || 'unknown') + '.']; if (r.carrier) { bits.push('Courier recognised as ' + r.carrier + '.'); } bits.push(r.scan_count ? (r.scan_count + ' scan' + (r.scan_count === 1 ? '' : 's') + ' on record.') : 'No scans on record yet.'); if (r.last_message) { bits.push('Latest: ' + r.last_message); } if (r.est_delivery_date) { bits.push('Expected ' + shortMoment(r.est_delivery_date) + '.'); } show(bits.join(' '), r.scan_count ? 'good' : ''); }); } function testIntegrationConnection() { if (state.busy) { return; } var out = el('gnkIntResult'); function show(text, tone) { if (!out) { return; } out.textContent = text; out.className = 'gnkint__result' + (tone ? (' gnkint__result--' + tone) : ''); } show('Asking the tracking service...', ''); state.busy = true; callProc('test_easypost_connection', {}, function (err, data) { state.busy = false; if (err) { show(err.message, 'bad'); return; } var r = (data && data.result) || {}; if (!r.ok) { show('The tracking service refused it: ' + (r.message || 'no reason given') + (r.http_status ? (' (' + r.http_status + ')') : ''), 'bad'); return; } var bits = ['Connected.']; bits.push('The test package came back as ' + titleise(r.status || 'unknown') + '.'); if (r.carrier) { bits.push('Carrier ' + r.carrier + '.'); } if (r.scan_count) { bits.push(r.scan_count + ' scan' + (r.scan_count === 1 ? '' : 's') + ' on record.'); } show(bits.join(' '), 'good'); }); } function submitIntegrations() { if (state.busy) { return; } var testNode = el('gnkIntTestKey'); var liveNode = el('gnkIntLiveKey'); state.busy = true; notice('Saving...', null); var amzNode = el('gnkAmzKey'); callProc('save_integration_settings', { mode: state.integrationMode || 'test', test_key: testNode ? testNode.value : '', live_key: liveNode ? liveNode.value : '', trackingmore_key: amzNode ? amzNode.value : '' }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Saved.', 'good'); renderIntegrations(data.easypost || {}, data.trackingmore || {}); }); } function declareField(name, label, placeholder, type, value) { return wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', esc(label)) + open('input', 'class="gnkshared__field-v" id="gnkDeclare_' + name + '" type="' + (type || 'text') + '" placeholder="' + esc(placeholder || '') + '"' + (value ? (' value="' + esc(value) + '"') : ''))); } // The warehouse sorts a shipment into piles by customer before logging any of // it, so a chosen customer STAYS chosen across scans - one pile, one choice, // however many boxes. Clearing it is a deliberate press, never a side effect // of a package landing, because the next box is almost always the same pile. function selectIntakeCustomer(customerNumber, displayName) { state.intakeCustomer = customerNumber || ''; state.intakeCustomerName = displayName || customerNumber || ''; } function clearIntakeCustomer() { state.intakeCustomer = ''; state.intakeCustomerName = ''; } // A selection that outlives the scan has to be VISIBLE, or the next box lands // on the previous customer with nothing on screen saying so. function intakeCustomerBarHtml() { if (!state.intakeCustomer) { return ''; } return wrap('div', 'class="gnkintake__lockbar"', wrap('span', 'class="gnkintake__lock-k"', 'Logging arrivals for') + wrap('span', 'class="gnkintake__lock-v"', esc(state.intakeCustomerName || state.intakeCustomer) + ' ' + String.fromCharCode(183) + ' ' + esc(state.intakeCustomer)) + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small gnkintake__lock-x" id="gnkIntakeChangeCustomer"', 'Change customer')); } function intakeHeadingHtml() { var pending = state.pendingGroup; if (!pending) { return wrap('h3', 'class="gnkshared__pkg-num"', 'Log an arrival') + wrap('p', 'class="gnkshared__pkg-desc"', 'Scan the barcode the delivery company put on the box.'); } var left = Number(pending.group_total || 0) - Number(pending.group_size || 0); return wrap('h3', 'class="gnkshared__pkg-num"', 'Log the next box') + wrap('p', 'class="gnkshared__pkg-desc"', 'Scan the barcode on the next box. It joins the same order automatically' + (left > 0 ? ' — ' + left + ' still to come.' : '.')) + wrap('div', 'class="gnkgroup__pendingnote"', wrap('span', 'class="gnkgroup__label"', 'Adding to ' + esc(pending.customer_name || 'this order')) + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet gnkshared__act--small" id="gnkGroupNextCancel"', 'Log a separate box instead')); } function showIntakeScan() { var box = el('gnkSharedDetail'); if (!box) { return; } state.openNumber = ''; renderList(); box.innerHTML = intakeHeadingHtml() + intakeCustomerBarHtml() + wrap('div', 'class="gnksheet__scanwrap"', open('input', 'class="gnkshared__scan gnkshared__scan--lead gnkintake__scan" id="gnkIntakeScan" type="text" autocomplete="off" placeholder="Scan a tracking number"') + wrap('span', 'class="gnksheet__scanhint"', scanKeyboardToggleHtml('gnkIntakeScanType'))) + wrap('div', 'class="gnkshared__step" id="gnkIntakeStep"', ''); var scan = el('gnkIntakeScan'); if (scan) { scan.onkeydown = function (ev) { if (ev && (ev.key === 'Enter' || ev.keyCode === 13)) { if (ev.preventDefault) { ev.preventDefault(); } submitIntakeScan(); } }; focusIntakeScan(); } wireScanKeyboardToggle('gnkIntakeScanType', 'gnkIntakeScan'); var nextCancel = el('gnkGroupNextCancel'); if (nextCancel) { nextCancel.onclick = function () { state.pendingGroup = null; showIntakeScan(); }; } // Wired LAST deliberately: the scan field binds above, so a press of THIS // button proves the whole function completed rather than aborting part way. var changeCustomer = el('gnkIntakeChangeCustomer'); if (changeCustomer) { changeCustomer.onclick = function () { clearIntakeCustomer(); showIntakeScan(); }; } } function focusIntakeScan() { primeScanField('gnkIntakeScan'); } function submitIntakeScan() { var scan = el('gnkIntakeScan'); if (!scan || state.busy) { return; } var code = String(scan.value || '').trim(); if (!code) { return; } state.busy = true; notice('Looking up ' + code + '...', null); callProc('find_prealert_by_tracking', { code: code }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); focusIntakeScan(); return; } notice(''); if (data.already_logged) { renderIntakeAlreadyLogged(data.package_number, data.inside_box); return; } if (data.matched) { renderIntakeMatches(data.scanned, data.candidates); return; } renderIntakeNoMatch(data.scanned); }); } function renderIntakeAlreadyLogged(packageNumber, insideBox) { var slot = el('gnkIntakeStep'); if (!slot) { return; } // A package that has been consolidated is hidden from the packages list - it shows // inside its box instead. Say which box, or this reads as a phantom duplicate. var openNumber = insideBox || packageNumber; var lead = insideBox ? ('That tracking number is on package ' + esc(packageNumber) + ', which is packed inside box ' + esc(insideBox) + '. That is why it does not show on its own in the packages list.') : ('That tracking number is on package ' + esc(packageNumber) + '.'); slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', insideBox ? 'Already packed into a box' : 'Already on the system') + wrap('p', 'class="gnkshared__pick-lead"', lead) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkIntakeOpen"', (insideBox ? 'Open box ' : 'Open ') + esc(openNumber)) + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkIntakeAgain"', 'Scan another'))); var openBtn = el('gnkIntakeOpen'); if (openBtn) { openBtn.onclick = function () { state.openNumber = openNumber; switchView('packages'); }; } var again = el('gnkIntakeAgain'); if (again) { again.onclick = function () { slot.innerHTML = ''; focusIntakeScan(); }; } } function intakeCandidateRow(c) { var bits = [c.package_name, c.retailer, (c.currency || 'USD') + ' ' + c.declared_value] .filter(function (v) { return !!v; }).join(' ' + String.fromCharCode(183) + ' '); // A pre-alert is the customer's own declaration of their own package, so it // outranks the pile a box was sorted into and still wins. But when the two // disagree the operator must SEE it, because it usually means this box is // sitting in the wrong pile - which is a sorting error worth catching now. var otherCustomer = !!state.intakeCustomer && !!c.customer_number && c.customer_number !== state.intakeCustomer; return wrap('label', 'class="gnkshared__pick' + (otherCustomer ? ' gnkintake__pick--other' : '') + '"', open('input', 'type="radio" name="gnkIntakePick" class="gnkintake__pick-radio" value="' + esc(c.prealert_id) + '"') + wrap('span', 'class="gnkshared__pick-body"', wrap('span', 'class="gnkshared__pick-num"', esc(c.reference_number) + ' ' + String.fromCharCode(183) + ' ' + esc(c.customer_name || c.customer_number)) + wrap('span', 'class="gnkshared__pick-desc"', esc(bits)) + (otherCustomer ? wrap('span', 'class="gnkshared__pick-flag gnkintake__otherflag"', esc('Not ' + (state.intakeCustomerName || state.intakeCustomer) + ' — check this box is in the right pile')) : ''))); } function renderIntakeMatches(scanned, candidates) { var slot = el('gnkIntakeStep'); if (!slot) { return; } var rowsHtml = ''; for (var i = 0; i < candidates.length; i++) { rowsHtml += intakeCandidateRow(candidates[i]); } slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', candidates.length + ' open pre-alert' + (candidates.length === 1 ? '' : 's') + ' match ' + esc(scanned)) + wrap('div', 'class="gnkshared__picks"', rowsHtml) + intakeGroupField() + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkIntakeConvert"', 'This is the one; log it') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkIntakeNone"', 'None of these'))); if (candidates.length === 1) { var only = document.querySelector('.gnkintake__pick-radio'); if (only) { only.checked = true; } } var convert = el('gnkIntakeConvert'); if (convert) { convert.onclick = submitConvertPrealert; } var none = el('gnkIntakeNone'); if (none) { none.onclick = function () { renderIntakeNoMatch(scanned); }; } } function landOnPackage(packageNumber, message, tone) { state.pendingNotice = { message: message, tone: tone }; state.openNumber = packageNumber; switchView('packages'); } function afterIntakeLanded(pkg, landedMessage) { var pending = state.pendingGroup; state.openNumber = pkg.package_number; if (!pending || !pending.group_id) { state.pendingGroup = null; landOnPackage(pkg.package_number, landedMessage, 'good'); return; } state.busy = true; notice('Linking it to the order...', null); callProc('join_package_group', { package_number: pkg.package_number, group_id: pending.group_id }, function (err, data) { state.busy = false; state.pendingGroup = null; if (err) { landOnPackage(pkg.package_number, pkg.package_number + ' logged, but linking to the order failed: ' + err.message, 'bad'); return; } landOnPackage(pkg.package_number, pkg.package_number + ' logged. ' + data.package.group.group_label + '.', 'good'); }); } function intakeGroupField() { if (state.pendingGroup) { return ''; } return wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Part of a multi-box order? Enter the total (optional)') + open('input', 'class="gnkshared__field-v" id="gnkIntakeGroupTotal" type="number" placeholder="e.g. 3"')); } function submitConvertPrealert() { var picked = document.querySelector('.gnkintake__pick-radio:checked'); if (!picked) { notice('Pick which pre-alert this box matches.', null); return; } if (state.busy) { return; } state.busy = true; notice('Logging the arrival...', null); var groupNode = el('gnkIntakeGroupTotal'); callProc('convert_prealert_at_intake', { prealert_id: picked.value, group_total: groupNode && groupNode.value ? Number(groupNode.value) : 0 }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } afterIntakeLanded(data.package, data.package.package_number + ' logged and the customer notified.'); }); } function renderIntakeNoMatch(scanned) { var slot = el('gnkIntakeStep'); if (!slot) { return; } var pending = state.pendingGroup; var knownCustomer = pending && pending.customer_number ? pending.customer_number : ''; var knownName = pending && pending.customer_name ? pending.customer_name : ''; var fromGroup = !!knownCustomer; // A customer selected before scanning stands in for the search that used to // be required here. Skipping that step IS the pile workflow - sort by // customer, choose once, then scan the whole pile without typing a name. if (!knownCustomer && state.intakeCustomer) { knownCustomer = state.intakeCustomer; knownName = state.intakeCustomerName; } if (knownCustomer) { selectIntakeCustomer(knownCustomer, knownName); } var leadText = fromGroup ? ('No pre-alert for this one, which is normal when a courier splits one order across boxes. ' + 'It will be created for this customer and joined to the order.') : (knownCustomer ? 'No pre-alert for this one. It will be created for the customer you have selected.' : 'Find the customer this box belongs to and we will create the package and let them know.'); var leadHtml = wrap('p', 'class="gnkshared__pick-lead"', leadText); var customerHtml = knownCustomer ? wrap('div', 'class="gnkgroup__pendingnote"', wrap('span', 'class="gnkgroup__label"', 'Adding to ' + esc(knownName || knownCustomer) + ' ' + String.fromCharCode(183) + ' ' + esc(knownCustomer))) : wrap('label', 'class="gnkshared__field"', wrap('span', 'class="gnkshared__field-k"', 'Customer name or number') + open('input', 'class="gnkshared__field-v" id="gnkIntakeCustomerQuery" type="text" placeholder="Start typing..." autocomplete="off"')) + wrap('div', 'class="gnkintake__customer-results" id="gnkIntakeCustomerResults"', ''); slot.innerHTML = wrap('div', 'class="gnkshared__stepbox"', wrap('span', 'class="gnkshared__step-t"', 'No pre-alert found for ' + esc(scanned)) + leadHtml + customerHtml + intakeGroupField() + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkIntakeAssign"' + (knownCustomer ? '' : ' disabled'), 'Create the package') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkIntakeBack"', 'Back to scan'))); var q = el('gnkIntakeCustomerQuery'); if (q) { q.oninput = function () { searchIntakeCustomers(this.value); }; q.focus(); } var back = el('gnkIntakeBack'); if (back) { back.onclick = function () { slot.innerHTML = ''; focusIntakeScan(); }; } var assign = el('gnkIntakeAssign'); if (assign) { assign.onclick = function () { submitAssignNewPackage(scanned); }; } } function searchIntakeCustomers(query) { var box = el('gnkIntakeCustomerResults'); if (!box) { return; } if (!query || query.trim().length < 2) { box.innerHTML = ''; return; } callProc('search_customers', { query: query.trim() }, function (err, data) { if (err || !data.customers.length) { box.innerHTML = wrap('p', 'class="gnkshared__empty"', 'No customer matches that yet.'); return; } var rowsHtml = ''; for (var i = 0; i < data.customers.length; i++) { rowsHtml += wrap('button', 'type="button" class="gnkintake__customer-row" data-customer="' + esc(data.customers[i].customer_number) + '"' // The name travels on its own attribute rather than being sliced back // out of the button text, which already carries the number beside it. + ' data-name="' + esc(data.customers[i].display_name || '') + '"', esc(data.customers[i].display_name) + ' ' + String.fromCharCode(183) + ' ' + esc(data.customers[i].customer_number)); } box.innerHTML = rowsHtml; var rows = box.querySelectorAll('.gnkintake__customer-row'); for (var r = 0; r < rows.length; r++) { rows[r].onclick = function () { pickIntakeCustomer(this.getAttribute('data-customer'), this.textContent.trim(), this.getAttribute('data-name')); }; } }); } function pickIntakeCustomer(customerNumber, label, displayName) { selectIntakeCustomer(customerNumber, displayName || label); var q = el('gnkIntakeCustomerQuery'); if (q) { q.value = label; } var box = el('gnkIntakeCustomerResults'); if (box) { box.innerHTML = wrap('p', 'class="gnkshared__pending"', 'Selected. Ready to create the package.'); } var assign = el('gnkIntakeAssign'); if (assign) { assign.disabled = false; } } function submitAssignNewPackage(scanned) { if (!state.intakeCustomer) { notice('Pick a customer first.', null); return; } if (state.busy) { return; } state.busy = true; notice('Creating the package...', null); var groupNode = el('gnkIntakeGroupTotal'); callProc('assign_new_package', { tracking_number: scanned, customer_number: state.intakeCustomer, group_total: groupNode && groupNode.value ? Number(groupNode.value) : 0 }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } // The selection deliberately SURVIVES the package landing. The next box off // the pile belongs to the same customer, so clearing here would make the // operator re-pick between every scan - the exact friction this removes. // Change customer on the scan screen is how it ends. afterIntakeLanded(data.package, data.package.package_number + ' created and the customer notified.'); }); } function promptStartGroup(packageNumber) { if (state.busy) { return; } var total = window.prompt('How many boxes in total for this order?', '2'); if (!total) { return; } var n = Number(total); if (!n || n < 2) { notice('Enter a number of 2 or more.', null); return; } state.busy = true; notice('Marking as part of a set...', null); callProc('start_package_group', { package_number: packageNumber, group_total: n }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Marked. ' + data.package.group.group_label + '.', 'good'); refresh(packageNumber); }); } function promptFixGroupTotal(packageNumber, group) { if (state.busy) { return; } var total = window.prompt('How many boxes in total for this order?', String((group && group.group_total) || 2)); if (!total) { return; } var n = Number(total); if (!n || n < 2) { notice('Enter a number of 2 or more.', null); return; } state.busy = true; notice('Updating the total...', null); callProc('update_package_group_total', { package_number: packageNumber, group_total: n }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Updated. ' + data.package.group.group_label + '.', 'good'); refresh(packageNumber); }); } function showGroupPicker(packageNumber) { var box = el('gnkSharedDetail'); if (!box) { return; } notice('Looking up open sets...', null); callProc('list_open_package_groups', {}, function (err, data) { if (err) { notice(err.message, 'bad'); return; } notice(''); if (!data.groups.length) { window.alert('No open sets to link to yet. Use "Mark as part of a set" on the first box instead.'); return; } renderGroupPicker(packageNumber, data.groups); }); } function groupPickerRow(g) { var members = []; for (var i = 0; i < g.members.length; i++) { members.push(g.members[i].package_number + ' (' + g.members[i].customer_name + ')'); } return wrap('label', 'class="gnkshared__pick"', open('input', 'type="radio" name="gnkGroupPick" class="gnkgroup__pick-radio" value="' + esc(g.group_id) + '"') + wrap('span', 'class="gnkshared__pick-body"', wrap('span', 'class="gnkshared__pick-num"', g.group_size + ' of ' + g.group_total + ' logged so far') + wrap('span', 'class="gnkshared__pick-desc"', esc(members.join(', '))))); } function renderGroupPicker(packageNumber, groups) { var box = el('gnkSharedDetail'); if (!box) { return; } var rowsHtml = ''; for (var i = 0; i < groups.length; i++) { rowsHtml += groupPickerRow(groups[i]); } box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', 'Link ' + esc(packageNumber) + ' to a set') + wrap('div', 'class="gnkshared__picks"', rowsHtml) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkGroupJoinGo"', 'Link it') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkGroupJoinCancel"', 'Cancel')); var go = el('gnkGroupJoinGo'); if (go) { go.onclick = function () { submitJoinGroup(packageNumber); }; } var cancel = el('gnkGroupJoinCancel'); if (cancel) { cancel.onclick = function () { refresh(packageNumber); }; } } function submitJoinGroup(packageNumber) { var picked = document.querySelector('.gnkgroup__pick-radio:checked'); if (!picked) { notice('Pick which set this box belongs to.', null); return; } if (state.busy) { return; } state.busy = true; notice('Linking...', null); callProc('join_package_group', { package_number: packageNumber, group_id: picked.value }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Linked. ' + data.package.group.group_label + '.', 'good'); refresh(packageNumber); }); } function needsValue(id) { var node = el(id); return node ? String(node.value || '').trim() : ''; } function submitPackageDetails(packageNumber) { if (state.busy) { return; } var description = needsValue('gnkNeedsDescription'); if (!description) { notice('Say what the package is first.', null); return; } state.busy = true; notice('Saving...', null); callProc('update_package_details', { package_number: packageNumber, description: description, retailer: needsValue('gnkNeedsRetailer'), declared_value: Number(needsValue('gnkNeedsValue') || 0), invoice_name: needsValue('gnkNeedsInvoice') }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Saved. Thank you.', 'good'); refresh(data.package.package_number); }); } function showDeclareForm() { var box = el('gnkSharedDetail'); if (!box) { return; } state.openNumber = ''; renderList(); box.innerHTML = wrap('h3', 'class="gnkshared__pkg-num"', 'Declare a package') + wrap('p', 'class="gnkshared__pkg-desc"', 'Tell GNK what is coming. The warehouse matches this against the parcel when it arrives.') + wrap('div', 'class="gnkshared__form"', declareField('description', 'What is it', 'Running shoes') + declareField('retailer', 'Bought from', 'Amazon') + declareField('tracking', 'Tracking number', '1Z999AA10123456784') + declareField('value', 'Declared value', '120', 'number') + declareField('currency', 'Currency', 'USD')) + wrap('div', 'class="gnkshared__actions"', wrap('button', 'type="button" class="gnkshared__act" id="gnkDeclareSubmit"', 'Declare it') + wrap('button', 'type="button" class="gnkshared__act gnkshared__act--quiet" id="gnkDeclareCancel"', 'Cancel')); var submit = el('gnkDeclareSubmit'); if (submit) { submit.onclick = submitDeclare; } var cancel = el('gnkDeclareCancel'); if (cancel) { cancel.onclick = function () { refresh(''); }; } } function fieldValue(name) { var node = el('gnkDeclare_' + name); return node ? String(node.value || '').trim() : ''; } function submitDeclare() { if (state.busy) { return; } var description = fieldValue('description'); if (!description) { notice('Say what the package is, so the warehouse can match it.', null); return; } state.busy = true; notice('Declaring...', null); callProc('create_package', { description: description, retailer: fieldValue('retailer'), tracking_number: fieldValue('tracking'), declared_value: Number(fieldValue('value') || 0), currency: fieldValue('currency') || 'USD', reason: 'Declared by ' + (state.identity ? state.identity.display_name : 'the customer') }, function (err, data) { state.busy = false; if (err) { notice(err.message, 'bad'); return; } notice('Declared. ' + data.package.package_number + ' is now in the system.', 'good'); refresh(data.package.package_number); }); } function showEmptyDetail() { var box = el('gnkSharedDetail'); if (!box) { return; } var isCustomer = !state.identity || state.identity.role === 'customer'; var lead = isCustomer ? 'No packages under your customer number yet.' : 'No packages in the system yet.'; var sub = isCustomer ? 'You are signed in as a customer, so this shows only packages that belong to you. Staff roles see every package.' : 'Once a package is declared it will appear here for everyone.'; box.innerHTML = wrap('div', 'class="gnkshared__signedout"', wrap('p', 'class="gnkshared__signedout-lead"', esc(lead)) + wrap('p', 'class="gnkshared__signedout-sub"', esc(sub))); } function watchForSignIn(attempt) { var tries = attempt || 0; var person = null; try { person = phoros.person(); } catch (watchErr) { person = null; } if (person) { notice(''); refresh(''); return; } if (tries < 90) { window.setTimeout(function () { watchForSignIn(tries + 1); }, 800); } } function signIn() { var already = false; try { already = !!phoros.person(true); } catch (signInErr) { notice('Could not open the sign-in window: ' + String(signInErr && signInErr.message), 'bad'); return; } if (already) { refresh(''); return; } notice('Sign in with your GNK account, and this page will fill in on its own.', null); watchForSignIn(0); } function setAnonLayout(on) { var root = el('gnkShared'); if (!root) { return; } var cls = root.className.replace(/\s*gnkshared--anon/g, ''); root.className = on ? (cls + ' gnkshared--anon') : cls; } function showSignedOut() { setAnonLayout(true); renderWho(); renderNewButton(); var rows = el('gnkSharedRows'); if (rows) { rows.innerHTML = wrap('div', 'class="gnkshared__empty"', 'Nothing to show yet.'); } var box = el('gnkSharedDetail'); if (box) { box.innerHTML = wrap('div', 'class="gnkshared__signedout"', wrap('p', 'class="gnkshared__signedout-lead"', 'Sign in to see your packages.') + wrap('p', 'class="gnkshared__signedout-sub"', 'Everyone works from the same package records. What you can do depends on your role.') + wrap('button', 'type="button" class="gnkshared__act" id="gnkSharedSignIn"', 'Sign in')); var button = el('gnkSharedSignIn'); if (button) { button.onclick = signIn; } } } function start(attempt) { if (!el('gnkShared')) { return; } var tries = attempt || 0; var signedIn = false; try { signedIn = !!phoros.person(); } catch (personErr) { notice('Could not check who you are: ' + String(personErr && personErr.message), 'bad'); return; } if (!signedIn) { if (tries < 3) { window.setTimeout(function () { start(tries + 1); }, 700); return; } showSignedOut(); return; } refresh(''); } window.GNKSharedPackages = { start: start, refresh: refresh, openPackage: openPackage, openSheet: openSheet }; try { start(); } catch (startErr) { notice('This page could not start: ' + String(startErr && startErr.message), 'bad'); } }());