'use strict'; (function () { 'use strict'; var PROC = 'fPRrEFf5gGhmWdFKX'; var JM_OFFSET = 5 * 3600000; var POLL_MS = 10000; var TABS = [ { key: 'new', label: 'New Orders', count: 'tabNew' }, { key: 'upcoming', label: 'Upcoming', count: 'tabUpcoming' }, { key: 'kitchen', label: 'In the kitchen', count: 'tabKitchen' }, { key: 'ready', label: 'Ready', count: 'tabReady' }, { key: 'done', label: 'Done', count: 'tabDone' } ]; var CUPBOARDS = 6; var OPEN = ['New', 'Accepted', 'In the kitchen', 'Ready']; var PAY_METHODS = [ { key: 'Cash', note: 'Paid in cash at the window' }, { key: 'Card at the counter', note: 'Paid by card at the counter' }, { key: 'Bank transfer', note: 'Paid by bank transfer' }, { key: 'Paid online', note: 'Already paid on the website' } ]; var WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; var MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var MIDDOT = String.fromCharCode(183), RSQUO = String.fromCharCode(8217), HELLIP = String.fromCharCode(8230); var TIMES = String.fromCharCode(215); var SO_GROUPS = [ { key: 'Breakfast', label: 'Breakfast' }, { key: 'Hot', label: 'Hot beverages' }, { key: 'Lunch', label: 'Lunch' }, { key: 'Vegetarian', label: 'Vegetarian' }, { key: 'Soup', label: 'Soup' }, { key: 'Natural', label: 'Natural & freshly made' }, { key: 'Drinks', label: 'Other drinks' } ]; var S = { staff: null, tab: 'new', q: '', orders: [], counts: {}, current: null, offset: 0, latest: 0, sound: false, audio: null, poll: null, tick: null, watch: null, busy: false, loading: false, wake: null, searchTimer: null, so: null, soOpen: false, soBusy: '', printer: { route: 'screen', host: '', dpi: 203, set: false }, printing: false, pp: null, sa: null }; function $(id) { var first = document.getElementById(id); if (!first || !first.closest('.jmdkVisualPreload')) { return first; } var all = document.querySelectorAll('[id="' + id + '"]'), i; for (i = 0; i < all.length; i++) { if (!all[i].closest('.jmdkVisualPreload')) { return all[i]; } } return first; } function el(tag, cls, text) { var n = document.createElement(tag); if (cls) { n.className = cls; } if (text !== undefined && text !== null) { n.textContent = String(text); } return n; } function put(parent, child) { if (child) { parent.appendChild(child); } return child; } function clear(n) { while (n && n.firstChild) { n.removeChild(n.firstChild); } return n; } function button(label, cls, fn) { var b = el('button', cls, label); b.type = 'button'; b.onclick = fn; return b; } function money(n) { return '$' + Number(n || 0).toLocaleString('en-JM', { maximumFractionDigits: 0 }); } function pad(n) { return (n > 9 ? '' : '0') + n; } function nowMs() { return Date.now() + S.offset; } function jm(ms) { return new Date(Number(ms || 0) - JM_OFFSET); } function clock(ms) { var d = jm(ms), h = d.getUTCHours(), m = d.getUTCMinutes(); return ((h % 12) || 12) + ':' + pad(m) + (h > 11 ? 'pm' : 'am'); } function todayYmd() { var d = jm(nowMs()); return d.getUTCFullYear() + '-' + pad(d.getUTCMonth() + 1) + '-' + pad(d.getUTCDate()); } function dayShort(ymd) { var p = String(ymd || '').split('-'); if (p.length !== 3) { return ''; } var d = new Date(Date.UTC(Number(p[0]), Number(p[1]) - 1, Number(p[2]))); return WEEKDAYS[d.getUTCDay()] + ' ' + d.getUTCDate() + ' ' + MONTHS[d.getUTCMonth()]; } function isOpen(o) { return OPEN.indexOf(o.status) !== -1; } function isLate(o) { return isOpen(o) && o.status !== 'Ready' && o.due_at < nowMs(); } function untilText(o) { if (o.due_day !== todayYmd()) { return dayShort(o.due_day); } var mins = Math.round((o.due_at - nowMs()) / 60000); if (!isOpen(o)) { return 'today'; } if (mins >= 60) { return 'in ' + Math.floor(mins / 60) + ' h ' + (mins % 60) + ' min'; } if (mins > 0) { return 'in ' + mins + ' min'; } if (mins === 0) { return 'due now'; } return Math.abs(mins) + ' min late'; } function dueHint(o) { if (o.status === 'Cancelled') { return 'cancelled'; } var today = todayYmd(); if (o.due_day === today) { return untilText(o); } var a = String(o.due_day).split('-'), b = today.split('-'); var days = Math.round((Date.UTC(Number(a[0]), Number(a[1]) - 1, Number(a[2])) - Date.UTC(Number(b[0]), Number(b[1]) - 1, Number(b[2]))) / 86400000); if (days === 1) { return 'tomorrow'; } if (days > 1) { return 'in ' + days + ' days'; } return 'was due ' + dayShort(o.due_day); } function timeText(o) { return o.time_kind === 'asap' ? 'ASAP ~' + clock(o.due_at) : clock(o.due_at); } function statusClass(s) { if (s === 'New') { return 'lo-s-new'; } if (s === 'Accepted') { return 'lo-s-accepted'; } if (s === 'In the kitchen') { return 'lo-s-kitchen'; } if (s === 'Ready') { return 'lo-s-ready'; } if (s === 'Cancelled') { return 'lo-s-cancelled'; } return 'lo-s-done'; } function phoneDigits(raw) { var d = String(raw || '').replace(/[^0-9]/g, ''); if (d.length === 7) { d = '1876' + d; } else if (d.length === 10) { d = '1' + d; } return d; } function firstName(name) { return String(name || '').split(' ')[0] || 'there'; } function wantsLabel(l) { return (l.label === undefined || l.label === null) ? l.group !== 'Drinks' : !!l.label; } function labelLines(o) { var units = []; (o.lines || []).forEach(function (l) { if (!wantsLabel(l)) { return; } for (var i = 0; i < (l.qty || 1); i++) { units.push(l); } }); return units; } function toast(msg) { var t = $('lo-toast'); if (!t) { return; } t.textContent = msg; t.classList.add('lo-on'); clearTimeout(S.toastTimer); S.toastTimer = setTimeout(function () { t.classList.remove('lo-on'); }, 3200); } function call(action, payload, done) { var settled = false; function finish(err, res) { if (settled) { return; } settled = true; var r = res || (err && err.error_code ? err : {}) || {}; done(!err && r.success === true, r); } try { var request = payload || {}, p; var reply = function (err, res) { finish(err, res); }; switch (action) { case 'session': p = phoros.processor(PROC, { action: 'session', payload: request }, reply); break; case 'list': p = phoros.processor(PROC, { action: 'list', payload: request }, reply); break; case 'get': p = phoros.processor(PROC, { action: 'get', payload: request }, reply); break; case 'setStatus': p = phoros.processor(PROC, { action: 'setStatus', payload: request }, reply); break; case 'cupboard': p = phoros.processor(PROC, { action: 'cupboard', payload: request }, reply); break; case 'labels': p = phoros.processor(PROC, { action: 'labels', payload: request }, reply); break; case 'paymentStatus': p = phoros.processor(PROC, { action: 'paymentStatus', payload: request }, reply); break; case 'soldOut': p = phoros.processor(PROC, { action: 'soldOut', payload: request }, reply); break; case 'setSoldOut': p = phoros.processor(PROC, { action: 'setSoldOut', payload: request }, reply); break; case 'printer': p = phoros.processor(PROC, { action: 'printer', payload: request }, reply); break; case 'setPrinter': p = phoros.processor(PROC, { action: 'setPrinter', payload: request }, reply); break; case 'staffList': p = phoros.processor(PROC, { action: 'staffList', payload: request }, reply); break; case 'staffSave': p = phoros.processor(PROC, { action: 'staffSave', payload: request }, reply); break; case 'staffRemove': p = phoros.processor(PROC, { action: 'staffRemove', payload: request }, reply); break; default: finish(true, { success: false, error: 'Unknown staff operation.', error_code: 'UNKNOWN_ACTION' }); return; } if (p && typeof p.catch === 'function') { p.catch(function (e) { finish(e || true, null); }); } } catch (e) { finish(e, null); } setTimeout(function () { finish(true, { error: 'The server did not answer in time.' }); }, 20000); } function refused(r) { if (r.error_code === 'AUTH_REQUIRED') { stopPolling(); gate('signin'); return true; } if (r.error_code === 'FORBIDDEN') { stopPolling(); gate('forbidden', r.email, r.switchedOff === true); return true; } if (r.error_code === 'EMAIL_UNCONFIRMED') { stopPolling(); gate('confirm'); return true; } return false; } function gate(kind, email, off) { $('lo-app').classList.remove('lo-on'); $('lo-topr').classList.remove('lo-on'); $('lo-gate').classList.remove('lo-off'); var spin = $('lo-gatespin'), title = $('lo-gatetitle'), text = $('lo-gatetext'), btns = clear($('lo-gatebtns')); spin.classList.add('lo-off'); if (kind === 'checking') { spin.classList.remove('lo-off'); title.textContent = 'Checking your staff access' + HELLIP; text.textContent = ''; return; } if (kind === 'signin') { title.textContent = 'Staff sign-in'; text.textContent = 'Sign in with your staff account to see and print Lorna' + RSQUO + 's orders.'; put(btns, button('Sign in', 'lo-btn lo-btn-p lo-btn-full', function () { API.signIn(); })); return; } if (kind === 'confirm') { var me = (window.phoros && typeof phoros.person === 'function') ? phoros.person() : null; var addr = me && me.emailAddress ? String(me.emailAddress) : ''; title.textContent = 'Confirm your email address'; text.textContent = 'To keep Lorna' + RSQUO + 's orders private, the Orders page needs the email address you signed in with' + (addr ? ' (' + addr + ')' : '') + ' to be confirmed. Tap Confirm my email, then Send New PIN, and enter the six-digit PIN from your email. Then tap Continue.'; put(btns, button('Confirm my email', 'lo-btn lo-btn-p lo-btn-full', function () { API.confirmEmail(); })); put(btns, button('Continue', 'lo-btn lo-btn-full', function () { start(); })); put(btns, button('Sign in with a different account', 'lo-btn lo-btn-ghost lo-btn-full', function () { API.signOut(true); })); return; } if (kind === 'forbidden') { title.textContent = off ? 'Access switched off' : 'Not on the staff list'; text.textContent = 'This account' + (email ? ' (' + email + ')' : '') + (off ? ' is switched off for Lorna' + RSQUO + 's Orders page. Ask a manager to switch it back on, then try again.' : ' isn' + RSQUO + 't on Lorna' + RSQUO + 's staff list yet. Ask the manager to add it, then try again.'); put(btns, button('Try again', 'lo-btn lo-btn-full', function () { start(); })); put(btns, button('Sign in with a different account', 'lo-btn lo-btn-ghost lo-btn-full', function () { API.signOut(true); })); return; } title.textContent = 'The orders could not load'; text.textContent = 'Check the internet connection and try again.'; put(btns, button('Try again', 'lo-btn lo-btn-full', function () { start(); })); } function start() { gate('checking'); call('session', {}, function (ok, r) { if (!ok) { if (!refused(r)) { gate('error'); } return; } S.staff = r.data.staff; $('lo-gate').classList.add('lo-off'); $('lo-app').classList.add('lo-on'); $('lo-topr').classList.add('lo-on'); $('lo-who').textContent = S.staff.name; renderStaffButton(); renderTabs(); renderDetail(); loadList(false); startPolling(); loadPrinter(); }); } function watchSignIn() { if (S.watch) { clearInterval(S.watch); } var started = Date.now(); S.watch = setInterval(function () { var p = (window.phoros && typeof phoros.person === 'function') ? phoros.person() : false; if (p || Date.now() - started > 900000) { clearInterval(S.watch); S.watch = null; if (p) { start(); } } }, 700); } function startPolling() { stopPolling(); S.poll = setInterval(function () { if (!document.hidden) { loadList(true); } }, POLL_MS); S.tick = setInterval(function () { renderList(); renderDetailTimes(); }, 30000); } function stopPolling() { if (S.poll) { clearInterval(S.poll); S.poll = null; } if (S.tick) { clearInterval(S.tick); S.tick = null; } } function chime() { if (navigator.vibrate) { try { navigator.vibrate([180, 90, 180]); } catch (e) { } } if (!S.sound || !S.audio) { return; } try { var ctx = S.audio, t = ctx.currentTime; [0, 0.22].forEach(function (offset, i) { var o = ctx.createOscillator(), g = ctx.createGain(); o.type = 'sine'; o.frequency.value = i ? 1046 : 784; g.gain.setValueAtTime(0.0001, t + offset); g.gain.exponentialRampToValueAtTime(0.35, t + offset + 0.02); g.gain.exponentialRampToValueAtTime(0.0001, t + offset + 0.35); o.connect(g); g.connect(ctx.destination); o.start(t + offset); o.stop(t + offset + 0.4); }); } catch (e) { } } function keepAwake() { if (!S.sound || !navigator.wakeLock || document.hidden) { return; } try { navigator.wakeLock.request('screen').then(function (lock) { S.wake = lock; }).catch(function () { }); } catch (e) { } } function loadList(quiet) { if (S.loading) { return; } S.loading = true; if (!quiet && !S.orders.length) { renderList(true); } call('list', { tab: S.tab, q: S.q }, function (ok, r) { S.loading = false; if (!ok) { if (refused(r)) { return; } if (!quiet) { renderList(false, r.error || 'The orders could not load.'); } return; } var d = r.data; S.offset = d.now - Date.now(); if (S.latest && d.latest > S.latest) { var fresh = d.orders.filter(function (o) { return o.created > S.latest && o.status === 'New'; }); chime(); toast(fresh.length ? 'New order #' + fresh[0].daily_no + ' ' + MIDDOT + ' ' + fresh[0].customer_name : 'A new order has come in'); } S.latest = Math.max(S.latest, d.latest || 0); S.orders = d.orders || []; S.counts = d.counts || {}; if (S.current) { S.orders.forEach(function (o) { if (o.id === S.current.id) { S.current = o; } }); } renderCounts(); renderTabs(); renderList(); renderDetail(); }); } function renderCounts() { var box = clear($('lo-counts')), c = S.counts; [ { n: c.newCount, label: 'New', cls: c.newCount ? 'lo-hot' : '', tab: 'new' }, { n: c.kitchen, label: 'In the kitchen', cls: '', tab: 'kitchen' }, { n: c.ready, label: 'Ready', cls: c.ready ? 'lo-go' : '', tab: 'ready' }, { n: c.soon, label: 'Due in 30 min', cls: c.soon ? 'lo-hot' : '', tab: 'soon' } ].forEach(function (x) { var on = !S.q && S.tab === x.tab; var card = button('', 'lo-count ' + x.cls + (on ? ' lo-on' : ''), function () { API.setTab(x.tab); }); card.setAttribute('aria-pressed', on ? 'true' : 'false'); put(card, el('b', '', x.n || 0)); put(card, el('span', '', x.label)); put(box, card); }); } function renderTabs() { var box = clear($('lo-tabs')); TABS.forEach(function (t) { var b = button(t.label, 'lo-tab' + (!S.q && S.tab === t.key ? ' lo-on' : ''), function () { API.setTab(t.key); }); var n = S.counts[t.count]; if (n) { put(b, el('i', '', n)); } put(box, b); }); } function renderList(loading, error) { var box = clear($('lo-list')); if (loading) { put(box, el('div', 'lo-empty', 'Loading orders' + HELLIP)); return; } if (error) { var e = put(box, el('div', 'lo-empty', error)); put(e, el('br')); put(e, button('Try again', 'lo-btn lo-btn-sm', function () { loadList(false); })); return; } if (!S.orders.length) { var msg = S.q ? 'No orders match ' + RSQUO + S.q + RSQUO + '.' : S.tab === 'upcoming' ? 'No orders for later days yet.' : S.tab === 'kitchen' ? 'No orders in the kitchen right now.' : S.tab === 'ready' ? 'No orders waiting in the cupboards.' : S.tab === 'done' ? 'No collected, delivered or cancelled orders in the last 7 days.' : S.tab === 'soon' ? 'No orders are due in the next 30 minutes.' : 'No new orders for today yet. New orders appear here by themselves.'; put(box, el('div', 'lo-empty', msg)); return; } var shownOpen = false; S.orders.forEach(function (o) { if (S.q && isOpen(o)) { shownOpen = true; } if (S.q && !isOpen(o) && shownOpen) { put(box, el('div', 'lo-divider', 'Done and cancelled')); shownOpen = false; } var card = button('', 'lo-card' + (o.status === 'New' ? ' lo-new' : '') + (S.current && S.current.id === o.id ? ' lo-sel' : '') + (isLate(o) ? ' lo-late' : ''), function () { API.open(o.id); }); var no = put(card, el('div', 'lo-cno', '#' + o.daily_no)); put(no, el('small', '', o.order_ref)); var mid = put(card, el('div', '')); put(mid, el('div', 'lo-cname', o.customer_name)); var meals = labelLines(o).length; var meta = [o.fulfilment + (o.delivery_area ? ' (' + o.delivery_area + ')' : ''), meals + (meals === 1 ? ' meal' : ' meals'), o.paid_at ? 'Paid' : 'Pay on collection']; put(mid, el('div', 'lo-cmeta', meta.join(' ' + MIDDOT + ' '))); put(mid, el('span', 'lo-pill ' + statusClass(o.status), o.status + (o.labels_printed ? ' ' + MIDDOT + ' labels printed' : ''))); if (o.status === 'Ready' && o.cupboard) { put(mid, el('span', 'lo-pill lo-cup', 'Cupboard ' + o.cupboard)); } var when = put(card, el('div', 'lo-cwhen')); put(when, el('b', '', timeText(o))); put(when, el('em', '', o.status === 'Cancelled' ? 'cancelled' : untilText(o))); put(box, card); }); } function renderDetailTimes() { var em = $('lo-dcount'); if (em && S.current) { em.textContent = dueHint(S.current); em.className = isLate(S.current) ? 'lo-late' : ''; } } function renderDetail() { var box = clear($('lo-detail')); var o = S.current; if (!o) { box.classList.remove('lo-open'); put(box, el('div', 'lo-dempty', S.orders.length ? 'Choose an order to see the details and print its labels.' : 'Orders show up here when you choose one.')); return; } put(box, detailHead(o)); var body = put(box, el('div', 'lo-dbody')); put(body, detailCustomer(o)); put(body, detailNotes(o)); put(body, detailMeals(o)); put(body, detailTotals(o)); put(body, detailHistory(o)); put(box, actionBar(o)); box.classList.add('lo-open'); } function refText(o) { return o.order_ref + ' ' + MIDDOT + ' ' + o.source; } function whenText(o) { return (o.fulfilment || 'Pick up') + ' ' + MIDDOT + ' ' + dayShort(o.due_day); } function detailHead(o) { var head = el('div', 'lo-dhead'); var left = put(head, el('div', '')); put(left, button('Back to orders', 'lo-dback', function () { API.close(); })); put(left, el('div', 'lo-dno', '#' + o.daily_no)); put(left, el('div', 'lo-dref', refText(o))); put(left, el('span', 'lo-pill ' + statusClass(o.status), o.status)); if (o.status === 'Ready' && o.cupboard) { put(left, el('span', 'lo-pill lo-cup', 'Cupboard ' + o.cupboard)); } var right = put(head, el('div', 'lo-dwhen')); put(right, el('b', '', whenText(o))); put(right, el('span', '', timeText(o))); var cd = put(right, el('em', isLate(o) ? 'lo-late' : '', dueHint(o))); cd.id = 'lo-dcount'; return head; } function detailCustomer(o) { var cust = el('div', 'lo-dsec lo-cust'); put(cust, el('h4', '', 'Customer')); put(cust, el('b', '', o.customer_name)); put(cust, el('span', '', o.phone + (o.email ? ' ' + MIDDOT + ' ' + o.email : ''))); if (o.fulfilment === 'Delivery') { put(cust, el('span', '', 'Deliver to: ' + (o.address || 'no address given') + (o.delivery_area ? ' (' + o.delivery_area + ')' : ''))); } var contact = put(cust, el('div', 'lo-contact')); var digits = phoneDigits(o.phone); if (digits) { var tel = put(contact, el('a', 'lo-btn lo-btn-ghost lo-btn-sm', 'Call')); tel.href = 'tel:+' + digits; var wa = put(contact, el('a', 'lo-btn lo-btn-ghost lo-btn-sm', 'WhatsApp')); wa.href = 'https://wa.me/' + digits; wa.target = '_blank'; wa.rel = 'noopener'; } return cust; } function detailNotes(o) { if (!o.notes) { return null; } var ns = el('div', 'lo-dsec'); put(ns, el('h4', '', 'Note for the whole order')); put(ns, el('div', 'lo-notebox', o.notes)); return ns; } function detailMeals(o) { var ms = el('div', 'lo-dsec'); var units = labelLines(o).length; put(ms, el('h4', '', 'Meals ' + MIDDOT + ' ' + units + (units === 1 ? ' label' : ' labels'))); (o.lines || []).forEach(function (l) { var row = put(ms, el('div', 'lo-mline')); var info = put(row, el('div', '')); put(info, el('div', 'lo-mname', l.qty + ' ' + TIMES + ' ' + l.name)); if (l.parts && l.parts.length) { put(info, el('div', 'lo-mparts', l.parts.join(' ' + MIDDOT + ' '))); } if (l.note) { put(info, el('div', 'lo-mnote', 'Note: ' + l.note)); } if (!wantsLabel(l)) { put(info, el('span', 'lo-mtag', 'No label')); } put(row, el('div', 'lo-mprice', money(l.unit * l.qty))); }); return ms; } function detailTotals(o) { var ts = el('div', 'lo-dsec'); if (o.delivery_fee) { var t1 = put(ts, el('div', 'lo-tot')); put(t1, el('span', '', 'Meals')); put(t1, el('span', '', money(o.items_total))); var t2 = put(ts, el('div', 'lo-tot')); put(t2, el('span', '', 'Delivery')); put(t2, el('span', '', money(o.delivery_fee))); } var t3 = put(ts, el('div', 'lo-tot lo-big')); put(t3, el('span', '', 'Total')); put(t3, el('span', '', money(o.total))); if (o.paid_at) { put(ts, el('span', 'lo-paid', 'Paid ' + MIDDOT + ' ' + (o.paid_method || 'paid'))); } else { put(ts, el('span', 'lo-unpaid', 'Pay on collection')); } if (o.status === 'Cancelled' && o.cancel_reason) { put(ts, el('div', 'lo-notebox', 'Cancelled: ' + o.cancel_reason)).style.marginTop = '10px'; } return ts; } function detailHistory(o) { var hs = el('div', 'lo-dsec'); put(hs, el('h4', '', 'History')); var ul = put(hs, el('ul', 'lo-hist')); (o.history || []).slice().reverse().forEach(function (h) { var li = put(ul, el('li', '')); put(li, el('b', '', clock(h.at) + ' ' + dayShort(ymdOfMs(h.at)) + ' ')); li.appendChild(document.createTextNode(MIDDOT + ' ' + h.s + (h.by ? ' ' + MIDDOT + ' ' + h.by : '') + (h.note ? ' ' + MIDDOT + ' ' + h.note : ''))); }); return hs; } function ymdOfMs(ms) { var d = jm(ms); return d.getUTCFullYear() + '-' + pad(d.getUTCMonth() + 1) + '-' + pad(d.getUTCDate()); } function actionBar(o) { var bar = el('div', 'lo-actions'); var row = put(bar, el('div', 'lo-actrow')); var n = labelLines(o).length; var busy = S.busy; function b(label, cls, fn) { var x = put(row, button(label, 'lo-btn ' + cls, fn)); x.disabled = busy; return x; } if (o.status === 'New') { b(n ? 'Accept & print ' + n + (n === 1 ? ' label' : ' labels') : 'Accept', 'lo-btn-p', function () { if (n) { printLabels(o, null); } else { setStatus(o, 'Accepted'); } }); b('Accept, print later', 'lo-btn-ghost', function () { setStatus(o, 'Accepted'); }); } else if (o.status === 'Accepted') { b(n ? 'Print ' + n + (n === 1 ? ' label' : ' labels') : 'Send to the kitchen', 'lo-btn-p', function () { if (n) { printLabels(o, null); } else { setStatus(o, 'In the kitchen'); } }); b('Mark ready', 'lo-btn-ghost', function () { pickCupboard(o, 'ready'); }); } else if (o.status === 'In the kitchen') { b('Mark ready', 'lo-btn-g', function () { pickCupboard(o, 'ready'); }); if (n) { b('Reprint labels', 'lo-btn-ghost', function () { reprintChooser(o); }); } } else if (o.status === 'Ready') { b(o.fulfilment === 'Delivery' ? 'Delivered' : 'Collected', 'lo-btn-g', function () { finishOrder(o); }); b(o.cupboard ? 'Change cupboard' : 'Choose cupboard', 'lo-btn-ghost', function () { pickCupboard(o, 'move'); }); if (!window.cordova) { b('Print order sheet', 'lo-btn-ghost', function () { printSheet(o); }); } b('WhatsApp: ready', 'lo-btn-ghost', function () { readyMessage(o); }); if (n) { b('Reprint labels', 'lo-btn-ghost', function () { reprintChooser(o); }); } b('Back to the kitchen', 'lo-btn-ghost', function () { setStatus(o, 'In the kitchen'); }); } else if (o.status === 'Collected' || o.status === 'Delivered') { b('Undo: not collected yet', 'lo-btn-ghost', function () { pickCupboard(o, 'ready'); }); } else if (o.status === 'Cancelled') { b('Restore this order', 'lo-btn-ghost', function () { setStatus(o, 'New'); }); } if (n || isOpen(o)) { var row2 = put(bar, el('div', 'lo-actrow')); if (n) { put(row2, button('Preview labels', 'lo-btn lo-btn-ghost lo-btn-sm', function () { previewLabels(o); })); } if (isOpen(o)) { var c = put(row2, button('Cancel order', 'lo-btn lo-btn-warn lo-btn-sm', function () { cancelOrder(o); })); c.disabled = busy; } } return bar; } function save(action, payload, okMsg, after) { if (S.busy) { return; } S.busy = true; renderDetail(); call(action, payload, function (ok, r) { S.busy = false; if (!ok) { if (refused(r)) { return; } toast(r.error || 'That didn' + RSQUO + 't save. Please try again.'); renderDetail(); return; } S.current = r.data.order; toast(okMsg); renderDetail(); loadList(true); if (after) { after(S.current); } }); } function setStatus(o, status, extra, after) { var payload = { id: o.id, status: status }; if (extra) { Object.keys(extra).forEach(function (k) { payload[k] = extra[k]; }); } save('setStatus', payload, '#' + o.daily_no + ' ' + MIDDOT + ' ' + status + (payload.cupboard ? ' ' + MIDDOT + ' Cupboard ' + payload.cupboard : ''), after); } function finishOrder(o) { var to = o.fulfilment === 'Delivery' ? 'Delivered' : 'Collected'; if (o.paid_at) { setStatus(o, to); return; } var content = el('div', ''); PAY_METHODS.forEach(function (m) { var c = put(content, button(m.key, 'lo-choice', function () { closeModal(); setStatus(o, to, { method: m.key }); })); put(c, el('small', '', m.note)); }); modal('How was #' + o.daily_no + ' paid?', 'Total ' + money(o.total) + '. Choose how the customer paid to finish the order.', content, [ { label: 'Not yet', cls: 'lo-btn-ghost', fn: closeModal } ]); } function cancelOrder(o) { var content = el('div', ''); var ta = put(content, el('textarea', '')); ta.placeholder = 'Reason, for example the customer called to cancel'; ta.maxLength = 200; modal('Cancel order #' + o.daily_no + '?', o.customer_name + ' ' + MIDDOT + ' ' + money(o.total) + '. The reason is kept with the order.', content, [ { label: 'Cancel the order', cls: 'lo-btn-p', fn: function () { var reason = String(ta.value || '').trim(); if (!reason) { ta.focus(); toast('Please add a reason.'); return; } closeModal(); setStatus(o, 'Cancelled', { reason: reason }); } }, { label: 'Keep the order', cls: 'lo-btn-ghost', fn: closeModal } ]); setTimeout(function () { ta.focus(); }, 50); } function readyMessage(o) { var digits = phoneDigits(o.phone); if (!digits) { toast('There is no phone number on this order.'); return; } var text = 'Hi ' + firstName(o.customer_name) + ', your Lorna' + RSQUO + 's order #' + o.daily_no + (o.fulfilment === 'Delivery' ? ' is ready and will be on its way shortly.' : ' is ready for pick-up. See you soon!'); window.open('https://wa.me/' + digits + '?text=' + encodeURIComponent(text), '_blank'); } function pickCupboard(o, mode) { var moving = mode === 'move'; var content = el('div', 'lo-cups'); var nums = []; for (var n = 1; n <= CUPBOARDS; n++) { nums.push(n); } nums.forEach(function (no) { var c = put(content, button(String(no), 'lo-cupbtn' + (o.cupboard === no ? ' lo-on' : ''), function () { closeModal(); if (!moving) { setStatus(o, 'Ready', { cupboard: no }, window.cordova ? null : offerSheet); return; } if (no === o.cupboard) { return; } save('cupboard', { id: o.id, cupboard: no }, '#' + o.daily_no + ' ' + MIDDOT + ' Cupboard ' + no); })); c.setAttribute('aria-label', 'Cupboard ' + no); c.setAttribute('aria-pressed', o.cupboard === no ? 'true' : 'false'); }); var known = moving && o.cupboard; modal(known ? 'Move #' + o.daily_no + ' to another cupboard' : 'Which cupboard is #' + o.daily_no + ' in?', known ? 'It' + RSQUO + 's in cupboard ' + o.cupboard + ' now. Choose the cupboard it' + RSQUO + 's in.' : 'Choose the cupboard where the packed order is waiting. Several orders can share a cupboard.', content, [{ label: 'Not now', cls: 'lo-btn-ghost', fn: closeModal }]); } function buildLabel(o, line, boxNo, boxCount) { var mixes = Array.isArray(line.mixes) ? line.mixes : []; var lab = el('div', 'lo-label' + (mixes.length ? ' lo-l-mixed' : '') + (mixes.length > 3 ? ' lo-l-many' : '')); var left = put(lab, el('div', 'lo-l-left')); var top = put(left, el('div', '')); put(top, el('div', 'lo-l-no', '#' + o.daily_no)); put(top, el('div', 'lo-l-ref', o.order_ref)); put(left, el('div', 'lo-l-box', 'BOX ' + boxNo + ' OF ' + boxCount)); var main = put(lab, el('div', 'lo-l-main')); var how = o.fulfilment === 'Delivery' ? 'DELIVERY' : 'PICK UP'; var when = o.time_kind === 'asap' ? 'ASAP ~' + clock(o.due_at) : clock(o.due_at); put(main, el('div', 'lo-l-band', (how + ' ' + MIDDOT + ' ' + dayShort(o.due_day) + ' ' + MIDDOT + ' ' + when).toUpperCase())); var cust = put(main, el('div', 'lo-l-cust')); put(cust, el('span', 'lo-l-name', o.customer_name)); put(cust, el('span', 'lo-l-phone', MIDDOT + ' ' + o.phone)); put(main, el('div', 'lo-l-meal', line.name)); if (mixes.length) { var additions = mixes.map(function (mix) { return mix.label.replace(/^1 serving /, '1 ' + TIMES + ' ').replace('1 piece chicken', '1 pc chicken').replace('2 pieces chicken', '2 pc chicken'); }); put(main, el('div', 'lo-l-mixes', 'ADD: ' + additions.join(' ' + MIDDOT + ' '))); } var sides = (line.parts || []).filter(function (part) { return !mixes.length || part.indexOf('Mix with ') !== 0; }); if (sides.length) { put(main, el('div', 'lo-l-parts', sides.join(' ' + MIDDOT + ' '))); } var notes = []; if (line.note) { notes.push(line.note); } if (o.notes) { notes.push('Order: ' + o.notes); } if (notes.length) { put(main, el('div', 'lo-l-note', 'NOTE: ' + notes.join(' / '))); } var foot = put(main, el('div', 'lo-l-foot')); put(foot, el('span', '', (o.delivery_area ? o.delivery_area.toUpperCase() + ' ' + MIDDOT + ' ' : '') + (o.paid_at ? 'PAID' : 'PAY ON COLLECTION'))); put(foot, el('span', '', 'LORNA' + RSQUO + 'S')); return lab; } function printLabels(o, onlyIndex) { var units = labelLines(o); if (!units.length) { toast('This order has no meals that need a label.'); return; } runPrint({ o: o, units: units, onlyIndex: onlyIndex, count: onlyIndex === null ? units.length : 1, which: onlyIndex === null ? '' : 'box ' + (onlyIndex + 1) + ' of ' + units.length, reprint: onlyIndex !== null || o.status === 'In the kitchen' || o.status === 'Ready' }); } function runPrint(job) { var route = printerRoute(); if (route === 'wifi' && !PRN.wifiDirect()) { if (window.cordova) { appMissing(); return; } toast('Wi-Fi labels print from Lorna' + RSQUO + 's app. Opening the print screen here.'); printOnScreen(job); return; } if (route === 'wifi' || route === 'bluetooth') { sendLabels(job, route); return; } if (route === 'app') { if (appPrinting()) { sendAppLabels(job); return; } if (window.cordova) { appMissing(); return; } toast('Labels print straight to the D450BT in Lorna' + RSQUO + 's app. Opening the print screen here.'); } printOnScreen(job); } function sendAppLabels(job) { if (S.printing) { return; } S.printing = true; toast('Sending ' + job.count + (job.count === 1 ? ' label' : ' labels') + ' to the printer' + HELLIP); var set = S.printer || {}; Promise.resolve().then(function () { return APP.send(set, APP.jobs(ZPL.orderPictures(job.o, job.units, job.onlyIndex, printerDpi(), LABEL_HELPERS), set)); }).then(function () { S.printing = false; askPrinted(job); }, function (e) { S.printing = false; appPrintFailed(job, e); }); } function appPrintFailed(job, e) { var noPrinter = !!(e && e.code === 'app-no-printer'); var buttons = []; if (!noPrinter) { buttons.push({ label: 'Try again', cls: 'lo-btn-p', fn: function () { closeModal(); sendAppLabels(job); } }); } buttons.push({ label: noPrinter ? 'Choose the printer' : 'Printer settings', cls: noPrinter ? 'lo-btn-p' : 'lo-btn-ghost', fn: function () { closeModal(); printerPanel(); } }); buttons.push({ label: 'Not now', cls: 'lo-btn-ghost', fn: closeModal }); modal('The labels didn' + RSQUO + 't print', (APP.reason(e) || 'The printer didn' + RSQUO + 't answer.') + ' The order stays as it is until the labels print.', null, buttons); } function appMissing() { modal('This copy of the app can' + RSQUO + 't print', 'Lorna' + RSQUO + 's app on this tablet can' + RSQUO + 't reach the label printer. Ask a manager to update the app on this tablet.', null, [ { label: 'Close', cls: 'lo-btn-ghost', fn: closeModal } ]); } function tabletPrint() { var nav = window.navigator || {}; if (/Android|iPhone|iPad/i.test(nav.userAgent || '')) { return true; } if (nav.userAgentData && nav.userAgentData.mobile) { return true; } return !!(nav.maxTouchPoints > 1 && window.matchMedia && window.matchMedia('(pointer: coarse)').matches); } function deviceWord() { return tabletPrint() ? 'tablet' : 'computer'; } function pageShape() { var tag = $('lo-pagesize'); if (!tabletPrint()) { if (tag) { tag.parentNode.removeChild(tag); } return; } if (tag) { return; } tag = el('style', '', '@media print { @page { size: 4in 2in; } }'); tag.id = 'lo-pagesize'; document.head.appendChild(tag); } function screenHelp() { if (tabletPrint()) { return 'In the Zebra Print app, add the printer, then in its Printer settings set the media size to 4 x 2 inches and turn on Fit to page. When the print screen opens, choose the Zebra printer.'; } return 'On a computer, install the label printer' + RSQUO + 's driver first. When the print screen opens, choose the printer, then under More settings set Paper size to 2 x 4 in (the 4 x 2 label as the printer lists it, 2 in across and 4 in long; some printers show it as 4 x 2 in, never 4 x 2.5), Layout to Landscape and Margins to Default. The preview should show the label' + RSQUO + 's frame filling the whole page, with no white strip. If it doesn' + RSQUO + 't, the paper size or the Layout is off. Chrome remembers these. If the printer feeds blank labels after each one, calibrate it to the label roll once: on a Zebra, hold Pause and Cancel together for 2 seconds.'; } function printOnScreen(job) { sheetDone(); var area = clear($('lo-print')); job.units.forEach(function (line, i) { if (job.onlyIndex === null || job.onlyIndex === i) { put(area, buildLabel(job.o, line, i + 1, job.units.length)); } }); pageShape(); try { window.print(); } catch (e) { } setTimeout(function () { askPrinted(job); }, 900); } function offerSheet(o) { if (window.cordova || !o || o.status !== 'Ready') { return; } modal('Order sheet for #' + o.daily_no, (o.cupboard ? 'Ready in cupboard ' + o.cupboard + '. ' : '') + 'Print a one-page sheet with the order' + RSQUO + 's details? In the print screen, choose the Brother printer.', null, [ { label: 'Print order sheet', cls: 'lo-btn-p', fn: function () { closeModal(); printSheet(o); } }, { label: 'Skip', cls: 'lo-btn-ghost', fn: closeModal } ]); } function sheetHead(o) { var head = el('div', 'lo-sh-head'); var cup = put(head, el('div', 'lo-sh-cup')); put(cup, el('span', '', 'Cupboard')); put(cup, el('b', '', o.cupboard || '')); var who = put(head, el('div', 'lo-sh-who')); put(who, el('div', 'lo-sh-no', '#' + o.daily_no)); put(who, el('div', 'lo-sh-ref', refText(o))); put(who, el('div', 'lo-sh-status', o.status)); var when = put(head, el('div', 'lo-sh-when')); put(when, el('b', '', whenText(o))); put(when, el('span', '', timeText(o))); if (o.due_at < nowMs()) { put(when, el('em', '', dueHint(o))); } return head; } function buildSheet(o) { var sheet = el('div', 'lo-sh'); put(sheet, sheetHead(o)); put(sheet, detailCustomer(o)); put(sheet, detailNotes(o)); put(sheet, detailMeals(o)); put(sheet, detailTotals(o)); put(sheet, detailHistory(o)); var at = nowMs(); put(sheet, el('div', 'lo-sh-foot', 'Lorna' + RSQUO + 's order sheet ' + MIDDOT + ' printed ' + clock(at) + ' ' + dayShort(ymdOfMs(at)))); return sheet; } function sheetDone() { window.removeEventListener('afterprint', sheetDone); document.documentElement.classList.remove('lo-sheeting'); var page = $('lo-sheetpage'); if (page) { page.parentNode.removeChild(page); } clear($('lo-sheet')); } function printSheet(o) { if (window.cordova) { return; } sheetDone(); var area = $('lo-sheet'); if (!area) { area = el('div', ''); area.id = 'lo-sheet'; document.body.appendChild(area); } put(area, buildSheet(o)); var shape = $('lo-pagesize'); if (shape) { shape.parentNode.removeChild(shape); } var page = el('style', '', '@media print { @page { size: portrait; margin: 12mm; } }'); page.id = 'lo-sheetpage'; document.body.appendChild(page); document.documentElement.classList.add('lo-sheeting'); window.addEventListener('afterprint', sheetDone); try { window.print(); } catch (e) { sheetDone(); } } function sendLabels(job, route) { if (S.printing) { return; } S.printing = true; var host = (S.printer && S.printer.host) || ''; toast('Sending ' + job.count + (job.count === 1 ? ' label' : ' labels') + ' to the printer' + HELLIP); var zpl = ZPL.orderLabels(job.o, job.units, job.onlyIndex, printerDpi(), LABEL_HELPERS); PRN.send(route, host, zpl).then(function () { S.printing = false; renderPrinterStrip(); askPrinted(job); }, function (e) { S.printing = false; renderPrinterStrip(); printFailed(job, route, host, e); }); } function printFailed(job, route, host, e) { var why = printerProblem(e, route, host); var buttons = []; if (route === 'bluetooth' && e && (e.code === 'bt-not-connected' || e.code === 'bt-open')) { buttons.push({ label: 'Connect printer', cls: 'lo-btn-p', fn: function () { closeModal(); connectBluetooth(false, function () { sendLabels(job, route); }); } }); } else { buttons.push({ label: 'Try again', cls: 'lo-btn-p', fn: function () { closeModal(); sendLabels(job, route); } }); } if (!window.cordova) { buttons.push({ label: 'Use the print screen instead', cls: 'lo-btn-ghost', fn: function () { closeModal(); printOnScreen(job); } }); } buttons.push({ label: 'Printer settings', cls: 'lo-btn-ghost', fn: function () { closeModal(); printerPanel(); } }); buttons.push({ label: 'Not now', cls: 'lo-btn-ghost', fn: closeModal }); modal(why.title, why.text + ' The order stays as it is until the labels print.', null, buttons); } function askPrinted(job) { var o = job.o, count = job.count, reprint = job.reprint; var title = count === 1 ? 'Did the label print?' : 'Did all ' + count + ' labels print?'; var text = reprint ? 'Check the printer, then confirm.' : 'Once you confirm, #' + o.daily_no + ' moves to In the kitchen.'; modal(title, text, null, [ { label: reprint ? 'Yes, it printed' : 'Yes, send to the kitchen', cls: 'lo-btn-p', fn: function () { closeModal(); save('labels', { id: o.id, count: count, reprint: reprint, which: job.which }, reprint ? 'Reprint recorded' : '#' + o.daily_no + ' ' + MIDDOT + ' In the kitchen'); } }, { label: 'Print again', cls: 'lo-btn-ghost', fn: function () { closeModal(); runPrint(job); } }, { label: 'Not now', cls: 'lo-btn-ghost', fn: closeModal } ]); } function previewLabels(o) { var units = labelLines(o); var content = el('div', 'lo-prev'); var pictures = printerRoute() === 'app'; if (pictures) { ZPL.orderPictures(o, units, null, printerDpi(), LABEL_HELPERS).forEach(function (pic, i) { pic.className = 'lo-pic'; pic.setAttribute('role', 'img'); pic.setAttribute('aria-label', 'Label for box ' + (i + 1) + ' of ' + units.length + ': ' + units[i].name); put(content, pic); }); } else { units.forEach(function (line, i) { put(content, buildLabel(o, line, i + 1, units.length)); }); } modal('Labels for #' + o.daily_no, (pictures ? 'Each label as the D450BT prints it, ' : 'Each label prints ') + 'at 4 ' + TIMES + ' 2 inches, one for every meal.', content, [ { label: 'Print ' + units.length + (units.length === 1 ? ' label' : ' labels'), cls: 'lo-btn-p', fn: function () { closeModal(); printLabels(o, null); } }, { label: 'Close', cls: 'lo-btn-ghost', fn: closeModal } ], true); } function reprintChooser(o) { var units = labelLines(o); var content = el('div', ''); put(content, button('All ' + units.length + ' labels', 'lo-choice', function () { closeModal(); printLabels(o, null); })); units.forEach(function (line, i) { var c = put(content, button('Box ' + (i + 1) + ' of ' + units.length + ': ' + line.name, 'lo-choice', function () { closeModal(); printLabels(o, i); })); if (line.note) { put(c, el('small', '', 'Note: ' + line.note)); } }); modal('Reprint labels for #' + o.daily_no, 'Choose the labels to print again.', content, [{ label: 'Close', cls: 'lo-btn-ghost', fn: closeModal }]); } function soldOutDay() { var found = null; if (S.so) { S.so.days.forEach(function (x) { if (x.day === S.so.day) { found = x; } }); } return found; } function soldOutLoad(day) { S.soOpen = true; if (!S.so) { modal('Sold out', 'Loading the menu' + HELLIP, null, [{ label: 'Close', cls: 'lo-btn-ghost', fn: closeModal }], true); S.soOpen = true; } call('soldOut', { day: day || '' }, function (ok, r) { if (!S.soOpen) { return; } if (!ok) { if (refused(r)) { closeModal(); return; } modal('Sold out', r.error || 'The menu could not load. Please try again.', null, [ { label: 'Try again', cls: 'lo-btn-p', fn: function () { soldOutLoad(day); } }, { label: 'Close', cls: 'lo-btn-ghost', fn: closeModal } ], true); S.soOpen = true; return; } S.so = r.data; renderSoldOut(); }); } function soldOutRow(x) { var row = button('', 'lo-sorow' + (x.soldOut ? ' lo-gone' : ''), function () { toggleSoldOut(x); }); row.setAttribute('aria-pressed', x.soldOut ? 'true' : 'false'); row.disabled = !!S.soBusy; var info = put(row, el('span', 'lo-soname')); put(info, el('b', '', x.name)); if (x.soldOut && x.by) { put(info, el('small', '', 'Marked by ' + x.by + (x.at ? ' at ' + clock(x.at) : ''))); } put(row, el('span', 'lo-sostate', S.soBusy === x.id ? 'Saving' + HELLIP : (x.soldOut ? 'Sold out' : 'Available'))); return row; } function renderSoldOut() { var d = S.so; if (!d || !S.soOpen) { return; } var content = el('div', 'lo-so'); var chips = put(content, el('div', 'lo-sodays')); d.days.forEach(function (x) { var chip = put(chips, button(x.today ? 'Today' : x.label, 'lo-soday' + (x.day === d.day ? ' lo-on' : ''), function () { if (x.day !== d.day && !S.soBusy) { soldOutLoad(x.day); } })); if (x.soldOut) { put(chip, el('i', '', x.soldOut)); } }); if (!d.dishes.length) { put(content, el('div', 'lo-empty', 'There are no dishes on the menu for this day.')); } var shown = []; SO_GROUPS.forEach(function (g) { var rows = d.dishes.filter(function (x) { return x.group === g.key; }); if (!rows.length) { return; } put(content, el('h4', 'lo-sogroup', g.label)); rows.forEach(function (x) { shown.push(x.id); put(content, soldOutRow(x)); }); }); var other = d.dishes.filter(function (x) { return shown.indexOf(x.id) === -1; }); if (other.length) { put(content, el('h4', 'lo-sogroup', 'Other')); other.forEach(function (x) { put(content, soldOutRow(x)); }); } var day = soldOutDay(); var when = day ? (day.today ? 'today' : day.label) : 'this day'; modal('Sold out', 'Tap a dish to mark it sold out for ' + when + '. The website stops taking orders for it straight away. Tap it again when it' + RSQUO + 's back.', content, [ { label: 'Done', cls: 'lo-btn-p', fn: closeModal } ], true); S.soOpen = true; } function toggleSoldOut(x) { if (S.soBusy || !S.so) { return; } var want = !x.soldOut; S.soBusy = x.id; renderSoldOut(); call('setSoldOut', { day: S.so.day, id: x.id, soldOut: want }, function (ok, r) { S.soBusy = ''; if (!ok) { if (refused(r)) { closeModal(); return; } toast(r.error || 'That didn' + RSQUO + 't save. Please try again.'); renderSoldOut(); return; } S.so = r.data; renderSoldOut(); var day = soldOutDay(); var when = day ? (day.today ? 'today' : day.label) : 'that day'; toast(x.name + (want ? ' is sold out for ' : ' is back on for ') + when); }); } var ZPL = (function () { var BASE_DPI = 203; var W = 812, H = 406, M = 10, LEFT = 187, RULE = 3, FOOT = 18; var WIDTHS = { '0': 480, '1': 480, '2': 480, '3': 480, '4': 480, '5': 480, '6': 480, '7': 480, '8': 480, '9': 480, '!': 295, '"': 480, '#': 480, '$': 480, '%': 903, '&': 608, "'": 295, '(': 295, ')': 295, '*': 480, '+': 903, ',': 295, '-': 903, '.': 295, '/': 295, ':': 295, ';': 295, '<': 995, '=': 903, '>': 995, '?': 443, '@': 903, 'A': 553, 'B': 553, 'C': 535, 'D': 588, 'E': 497, 'F': 497, 'G': 588, 'H': 608, 'I': 277, 'J': 443, 'K': 553, 'L': 480, 'M': 757, 'N': 608, 'O': 572, 'P': 553, 'Q': 572, 'R': 588, 'S': 535, 'T': 497, 'U': 608, 'V': 535, 'W': 812, 'X': 553, 'Y': 553, 'Z': 497, '[': 295, '\\': 480, ']': 295, '^': 497, '_': 497, '`': 295, 'a': 460, 'b': 497, 'c': 443, 'd': 497, 'e': 480, 'f': 277, 'g': 497, 'h': 497, 'i': 258, 'j': 258, 'k': 443, 'l': 258, 'm': 757, 'n': 497, 'o': 480, 'p': 497, 'q': 497, 'r': 332, 's': 423, 't': 277, 'u': 497, 'v': 443, 'w': 665, 'x': 443, 'y': 443, 'z': 387, '{': 497, '|': 497, '}': 497, '~': 995, ' ': 295 }; var MULT = String.fromCharCode(215); var PLANS = [ { scale: 1, mealLines: 2, extraLines: 2, noteLines: 2 }, { scale: 1, mealLines: 2, extraLines: 1, noteLines: 2 }, { scale: 1, mealLines: 1, extraLines: 1, noteLines: 2 }, { scale: 0.8, mealLines: 1, extraLines: 1, noteLines: 1 } ]; function plain(text) { var s = String(text === null || text === undefined ? '' : text); s = s.replace(/[‘’‚′]/g, "'").replace(/[“”„″]/g, '"'); s = s.replace(/[–—−]/g, '-').replace(/…/g, '...').replace(/·/g, '|'); s = s.replace(/[\u0000-\u001F\u007F]/g, ' ').replace(/\s+/g, ' ').trim(); var out = ''; for (var i = 0; i < s.length; i++) { var code = s.charCodeAt(i); out += (code < 256 || code === 215) ? s.charAt(i) : '?'; } return out; } function charWidth(ch) { if (Object.prototype.hasOwnProperty.call(WIDTHS, ch)) { return WIDTHS[ch]; } return ch === MULT ? 903 : 600; } function measure(text, h) { var total = 0; for (var i = 0; i < text.length; i++) { total += charWidth(text.charAt(i)); } return Math.ceil(total * h / 1000); } function clip(text, h, maxWidth) { if (measure(text, h) <= maxWidth) { return text; } var cut = text; while (cut.length > 1 && measure(cut.replace(/\s+$/, '') + '...', h) > maxWidth) { cut = cut.slice(0, -1); } return cut.replace(/\s+$/, '') + '...'; } function breakWord(word, h, maxWidth, lines) { var rest = word; while (measure(rest, h) > maxWidth && rest.length > 1) { var part = rest; while (part.length > 1 && measure(part, h) > maxWidth) { part = part.slice(0, -1); } lines.push(part); rest = rest.slice(part.length); } return rest; } function wrap(text, h, maxWidth, maxLines) { var words = text.split(' '), lines = [], line = ''; for (var i = 0; i < words.length; i++) { if (!words[i]) { continue; } var next = line ? line + ' ' + words[i] : words[i]; if (measure(next, h) <= maxWidth) { line = next; continue; } if (line) { lines.push(line); } line = breakWord(words[i], h, maxWidth, lines); } if (line) { lines.push(line); } if (lines.length <= maxLines) { return lines; } var kept = lines.slice(0, maxLines); kept[maxLines - 1] = clip(lines.slice(maxLines - 1).join(' ') + ' ...', h, maxWidth); return kept; } function data(text) { return text.replace(/_/g, '_5F').replace(/\^/g, '_5E').replace(/~/g, '_7E'); } function Doc(dpi) { this.k = (dpi || BASE_DPI) / BASE_DPI; this.parts = []; } Doc.prototype.n = function (v) { return Math.max(0, Math.round(v * this.k)); }; Doc.prototype.at = function (x, y, h) { return '^FO' + this.n(H - y - h) + ',' + this.n(x); }; Doc.prototype.text = function (x, y, h, text, reverse) { this.parts.push(this.at(x, y, h) + '^A0R,' + this.n(h) + ',' + this.n(h) + (reverse ? '^FR' : '') + '^FH_^FD' + data(text) + '^FS'); }; Doc.prototype.box = function (x, y, w, h, t) { this.parts.push(this.at(x, y, h) + '^GB' + Math.max(1, this.n(h)) + ',' + Math.max(1, this.n(w)) + ',' + Math.max(1, this.n(t)) + ',B,0^FS'); }; Doc.prototype.fill = function (x, y, w, h) { this.box(x, y, w, h, Math.min(w, h)); }; Doc.prototype.label = function () { return '^XA^CI28^PW' + this.n(H) + '^LL' + this.n(W) + '^LH0,0^PON' + this.parts.join('') + '^PQ1^XZ\n'; }; var FONT = '"Roboto Condensed", "Arial Narrow", sans-serif-condensed, Roboto, Arial, sans-serif'; function Pic(dpi) { this.k = (dpi || BASE_DPI) / BASE_DPI; this.canvas = document.createElement('canvas'); this.canvas.width = this.n(W); this.canvas.height = this.n(H); this.ctx = this.canvas.getContext('2d'); this.ctx.fillStyle = '#fff'; this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.height); this.ctx.textBaseline = 'top'; } Pic.prototype.n = Doc.prototype.n; Pic.prototype.text = function (x, y, h, text, reverse) { var c = this.ctx; c.font = 'bold ' + this.n(h) + 'px ' + FONT; c.fillStyle = reverse ? '#fff' : '#000'; c.fillText(text, this.n(x), this.n(y), Math.max(1, this.n(measure(text, h)))); }; Pic.prototype.box = function (x, y, w, h, t) { var c = this.ctx, bx = this.n(x), by = this.n(y); var bw = Math.max(1, this.n(w)), bh = Math.max(1, this.n(h)), bt = Math.max(1, this.n(t)); c.fillStyle = '#000'; if (bt * 2 >= Math.min(bw, bh)) { c.fillRect(bx, by, bw, bh); return; } c.fillRect(bx, by, bw, bt); c.fillRect(bx, by + bh - bt, bw, bt); c.fillRect(bx, by, bt, bh); c.fillRect(bx + bw - bt, by, bt, bh); }; Pic.prototype.fill = Doc.prototype.fill; Pic.prototype.label = function () { var c = this.ctx, img = c.getImageData(0, 0, this.canvas.width, this.canvas.height), d = img.data; for (var i = 0; i < d.length; i += 4) { var dark = d[i + 3] > 0 && (d[i] + d[i + 1] + d[i + 2]) / 3 < 128; d[i] = d[i + 1] = d[i + 2] = dark ? 0 : 255; d[i + 3] = 255; } c.putImageData(img, 0, 0); return this.canvas; }; function fitHeight(text, start, min, maxWidth) { var h = start; while (h > min && measure(text, h) > maxWidth) { h -= 2; } return h; } function centred(doc, text, h, top) { doc.text(Math.max(M, Math.round((LEFT - measure(text, h)) / 2)), top, h, text); } function drawLeft(doc, o, boxNo, boxCount) { var noText = '#' + plain(o.daily_no); var noH = fitHeight(noText, 92, 44, LEFT - 2 * M); centred(doc, noText, noH, M + 2); var ref = plain(o.order_ref); centred(doc, ref, fitHeight(ref, 22, 14, LEFT - 2 * M), M + noH + 8); var boxText = 'BOX ' + boxNo + ' OF ' + boxCount; var boxH = fitHeight(boxText, 26, 16, LEFT - 2 * M - 14); var boxW = Math.min(LEFT - 2 * M, measure(boxText, boxH) + 14); var boxTop = H - M - boxH - 10; doc.fill(Math.round((LEFT - boxW) / 2), boxTop, boxW, boxH + 10); doc.text(Math.round((LEFT - boxW) / 2) + 7, boxTop + 5, boxH, boxText, true); doc.fill(LEFT, 0, RULE, H); } function drawTop(doc, o, x0, width, helpers) { var how = o.fulfilment === 'Delivery' ? 'DELIVERY' : 'PICK UP'; var band = plain(how + ' | ' + helpers.dayShort(o.due_day) + ' | ' + helpers.when(o)).toUpperCase(); doc.fill(x0, M, width, 38); doc.text(x0 + 8, M + 5, 28, clip(band, 28, width - 16), true); var phone = plain(o.phone); var tail = phone ? ' | ' + phone : ''; var name = clip(plain(o.customer_name), 28, Math.max(60, width - measure(tail, 28))); doc.text(x0, M + 55, 28, clip(name + tail, 28, width)); return M + 90; } function lineContent(o, line) { var mixes = Array.isArray(line.mixes) ? line.mixes : []; var notes = []; if (line.note) { notes.push(plain(line.note)); } if (o.notes) { notes.push('Order: ' + plain(o.notes)); } return { meal: plain(line.name).toUpperCase(), mixed: mixes.length > 0, many: mixes.length > 3, additions: mixes.map(function (mix) { return plain(String(mix.label || '').replace(/^1 serving /, '1 ' + MULT + ' ').replace('1 piece chicken', '1 pc chicken').replace('2 pieces chicken', '2 pc chicken')); }), sides: (line.parts || []).filter(function (part) { return !mixes.length || String(part).indexOf('Mix with ') !== 0; }).map(plain), notes: notes }; } function stack(blocks, x0, y, h, lines, gap) { lines.forEach(function (text, i) { blocks.push({ kind: 'text', x: x0, y: y + i * (h + gap), h: h, text: text }); }); return y + lines.length * (h + gap); } function planBlocks(c, plan, x0, top, width) { var blocks = []; var mealH = Math.round((c.mixed ? 38 : 50) * plan.scale); var y = stack(blocks, x0, top, mealH, wrap(c.meal, mealH, width, plan.mealLines), 2) + 4; if (c.additions.length) { var addH = c.many ? 22 : 25; y = stack(blocks, x0, y, addH, wrap('ADD: ' + c.additions.join(', '), addH, width, plan.extraLines), 3); blocks.push({ kind: 'rule', x: x0, y: y + 1, w: width, h: 2 }); y += 7; } if (c.sides.length) { var sideH = c.many ? 21 : 25; y = stack(blocks, x0, y, sideH, wrap(c.sides.join(', '), sideH, width, plan.extraLines), 3) + 3; } if (c.notes.length) { var noteLines = wrap('NOTE: ' + c.notes.join(' / '), 24, width - 14, plan.noteLines); var frameH = noteLines.length * 27 + 9; blocks.push({ kind: 'frame', x: x0, y: y, w: width, h: frameH }); stack(blocks, x0 + 7, y + 6, 24, noteLines, 3); y += frameH + 3; } return { blocks: blocks, bottom: y }; } function drawMain(doc, c, x0, top, width) { var limit = H - M - FOOT - 6, chosen = null; for (var p = 0; p < PLANS.length && !chosen; p++) { var laid = planBlocks(c, PLANS[p], x0, top, width); if (laid.bottom <= limit || p === PLANS.length - 1) { chosen = laid; } } chosen.blocks.forEach(function (b) { if (b.kind === 'text') { doc.text(b.x, b.y, b.h, b.text); } else if (b.kind === 'rule') { doc.fill(b.x, b.y, b.w, b.h); } else { doc.box(b.x, b.y, b.w, b.h, 2); } }); } function drawFoot(doc, o, x0, width) { var left = plain((o.delivery_area ? String(o.delivery_area).toUpperCase() + ' | ' : '') + (o.paid_at ? 'PAID' : 'PAY ON COLLECTION')); var brand = "LORNA'S"; doc.text(x0, H - M - FOOT, FOOT, clip(left, FOOT, width - measure(brand, FOOT) - 12)); doc.text(W - M - measure(brand, FOOT), H - M - FOOT, FOOT, brand); } function orderLabel(o, line, boxNo, boxCount, dpi, helpers, Kind) { var doc = new (Kind || Doc)(dpi); var x0 = LEFT + RULE + 10, width = W - M - x0; drawLeft(doc, o, boxNo, boxCount); var top = drawTop(doc, o, x0, width, helpers); drawMain(doc, lineContent(o, line), x0, top, width); drawFoot(doc, o, x0, width); return doc.label(); } function orderLabels(o, units, onlyIndex, dpi, helpers) { var out = ''; units.forEach(function (line, i) { if (onlyIndex === null || onlyIndex === i) { out += orderLabel(o, line, i + 1, units.length, dpi, helpers); } }); return out; } function orderPictures(o, units, onlyIndex, dpi, helpers) { var out = []; units.forEach(function (line, i) { if (onlyIndex === null || onlyIndex === i) { out.push(orderLabel(o, line, i + 1, units.length, dpi, helpers, Pic)); } }); return out; } function testLabel(dpi, route, stamp, Kind) { var doc = new (Kind || Doc)(dpi); doc.box(4, 4, W - 8, H - 8, 4); doc.text(24, 22, 46, 'TEST LABEL'); doc.text(24, 80, 28, plain("Lorna's Orders page | " + route)); doc.text(24, 116, 24, plain('Printed ' + stamp + ' | set for ' + (dpi || BASE_DPI) + ' dpi')); doc.text(24, 168, 24, 'The black frame should sit just inside the label edge.'); if (Kind === Pic) { doc.text(24, 200, 24, 'White writing on black? In Printer settings, choose'); doc.text(24, 228, 24, 'Swap black and white, then print this test again.'); } else { doc.text(24, 200, 24, 'Frame cut off or label too small? In the Printer panel,'); doc.text(24, 228, 24, 'change the resolution or tap Calibrate labels.'); } doc.fill(24, 290, 300, 60); doc.text(40, 304, 32, 'BLACK BAR', true); doc.text(344, 304, 32, 'Sharp text = good.'); return doc.label(); } return { orderLabels: orderLabels, orderPictures: orderPictures, testLabel: testLabel, testPicture: function (dpi, route, stamp) { return testLabel(dpi, route, stamp, Pic); }, calibrate: function () { return '~JC'; }, resolutionQuery: function () { return '! U1 getvar "head.resolution.in_dpi"\r\n'; }, parseResolution: function (reply) { var m = String(reply || '').match(/(\d{3})/); var dpi = m ? parseInt(m[1], 10) : 0; return dpi === 203 || dpi === 300 || dpi === 600 ? dpi : 0; }, measure: measure, plain: plain }; })(); var PRN = (function () { var SPP = '00001101-0000-1000-8000-00805f9b34fb'; var ZBLE = '38eb4a80-c570-11e3-9507-0002a5d5c51b'; var ZBLE_TO = '38eb4a82-c570-11e3-9507-0002a5d5c51b'; var ZBLE_FROM = '38eb4a81-c570-11e3-9507-0002a5d5c51b'; var st = { port: null, open: false, ble: null, toChar: null, fromChar: null, chunk: 180, busy: false }; function fail(code, cause) { var e = new Error(code); e.code = code; e.cause = cause || null; return e; } function bytesOf(text) { return new TextEncoder().encode(text); } function withTimeout(promise, ms, code) { return new Promise(function (resolve, reject) { var timer = setTimeout(function () { reject(fail(code)); }, ms); promise.then(function (v) { clearTimeout(timer); resolve(v); }, function (e) { clearTimeout(timer); reject(e); }); }); } function serialReady() { return !!(window.isSecureContext && navigator.serial && typeof navigator.serial.requestPort === 'function'); } function bleReady() { return !!(window.isSecureContext && navigator.bluetooth && typeof navigator.bluetooth.requestDevice === 'function'); } function connected() { return !!((st.port && st.open) || (st.ble && st.toChar && st.ble.gatt && st.ble.gatt.connected)); } function tcpReady() { return !!(window.phorosTcpPrint && typeof window.phorosTcpPrint.sendTcp === 'function'); } function sendWifi(host, zpl) { if (!host) { return Promise.reject(fail('wifi-no-host')); } if (!tcpReady()) { return Promise.reject(fail('wifi-app-only')); } return withTimeout(window.phorosTcpPrint.sendTcp(host, 9100, zpl), 15000, 'wifi-timeout').then(function () { return true; }, function (e) { throw e && e.code === 'wifi-timeout' ? e : fail('wifi-unreachable', e); }); } function openPort(port) { if (st.port === port && st.open) { return Promise.resolve(port); } return port.open({ baudRate: 9600 }).then(function () { st.port = port; st.open = true; port.ondisconnect = function () { st.open = false; }; return port; }, function (e) { if (e && e.name === 'InvalidStateError') { st.port = port; st.open = true; return port; } throw fail('bt-open', e); }); } function closePort() { var port = st.port; st.open = false; st.port = null; if (!port) { return Promise.resolve(); } return port.close().catch(function () { }); } function serialWrite(text) { var writer = st.port.writable.getWriter(); return writer.write(bytesOf(text)).then(function () { writer.releaseLock(); }, function (e) { writer.releaseLock(); throw fail('bt-write', e); }); } function serialRead(ms) { if (!st.port || !st.port.readable) { return Promise.resolve(''); } var reader = st.port.readable.getReader(), text = '', released = false; function release() { if (released) { return; } released = true; try { reader.releaseLock(); } catch (e) { } } var timer = setTimeout(release, ms); function pump() { return reader.read().then(function (r) { if (r.value) { text += new TextDecoder().decode(r.value); } if (r.done || /"\d{3}"/.test(text)) { return text; } return pump(); }); } return pump().catch(function () { return text; }).then(function (out) { clearTimeout(timer); release(); return out; }); } function bleConnect(device) { return withTimeout(device.gatt.connect(), 15000, 'bt-timeout').then(function (server) { return server.getPrimaryService(ZBLE); }).then(function (service) { return Promise.all([service.getCharacteristic(ZBLE_TO), service.getCharacteristic(ZBLE_FROM).catch(function () { return null; })]); }).then(function (found) { st.ble = device; st.toChar = found[0]; st.fromChar = found[1]; device.ongattserverdisconnected = function () { st.toChar = null; }; return device; }, function (e) { throw fail(e && e.code ? e.code : 'bt-ble-service', e); }); } function bleWrite(text) { var bytes = bytesOf(text), at = 0; function next() { if (at >= bytes.length) { return Promise.resolve(); } if (!st.toChar) { return Promise.reject(fail('bt-write')); } var chunk = bytes.slice(at, at + st.chunk); var write = st.toChar.writeValueWithResponse ? st.toChar.writeValueWithResponse(chunk) : st.toChar.writeValue(chunk); return write.then(function () { at += chunk.length; return next(); }, function (e) { if (st.chunk > 20) { st.chunk = 20; return next(); } throw fail('bt-write', e); }); } return next(); } function bleRead(ms, ask) { var c = st.fromChar; if (!c || typeof c.startNotifications !== 'function') { return Promise.resolve(''); } return new Promise(function (resolve) { var text = ''; var timer = setTimeout(function () { c.oncharacteristicvaluechanged = null; resolve(text); }, ms); c.oncharacteristicvaluechanged = function (event) { text += new TextDecoder().decode(event.target.value); if (/"\d{3}"/.test(text)) { clearTimeout(timer); c.oncharacteristicvaluechanged = null; resolve(text); } }; c.startNotifications().then(function () { return bleWrite(ask); }).catch(function () { clearTimeout(timer); resolve(text); }); }); } function restoreBle() { if (!bleReady() || typeof navigator.bluetooth.getDevices !== 'function') { return Promise.resolve(false); } return navigator.bluetooth.getDevices().then(function (devices) { if (!devices.length) { return false; } return bleConnect(devices[0]).then(function () { return true; }); }).catch(function () { return false; }); } function restore() { if (connected()) { return Promise.resolve(true); } if (serialReady() && typeof navigator.serial.getPorts === 'function') { return navigator.serial.getPorts().then(function (ports) { if (ports.length) { return openPort(ports[0]).then(function () { return true; }); } return restoreBle(); }).catch(function () { return restoreBle(); }); } return restoreBle(); } function chosenError(e, fallback) { if (e && e.name === 'NotFoundError') { return fail('bt-cancelled', e); } if (e && e.name === 'SecurityError') { return fail('bt-blocked', e); } return fail((e && e.code) || fallback, e); } function choose(useBle) { if (!useBle && serialReady()) { return navigator.serial.requestPort({ filters: [{ bluetoothServiceClassId: SPP }], allowedBluetoothServiceClassIds: [SPP] }).then(function (port) { return closePort().then(function () { return openPort(port); }); }).then(function () { return 'serial'; }, function (e) { throw chosenError(e, 'bt-open'); }); } if (bleReady()) { return navigator.bluetooth.requestDevice({ acceptAllDevices: true, optionalServices: [ZBLE] }).then(function (device) { return closePort().then(function () { return bleConnect(device); }); }).then(function () { return 'ble'; }, function (e) { throw chosenError(e, 'bt-ble-service'); }); } return Promise.reject(fail('bt-unsupported')); } function sendBluetooth(zpl) { if (!serialReady() && !bleReady()) { return Promise.reject(fail('bt-unsupported')); } return restore().then(function (ok) { if (!ok) { throw fail('bt-not-connected'); } if (st.port && st.open) { return serialWrite(zpl).catch(function (e) { st.open = false; throw e; }); } return bleWrite(zpl); }); } function readResolution() { var ask = ZPL.resolutionQuery(); if (st.port && st.open) { var reading = serialRead(2500); return serialWrite(ask).then(function () { return reading; }).then(ZPL.parseResolution, function () { return 0; }); } if (st.toChar) { return bleRead(2500, ask).then(ZPL.parseResolution, function () { return 0; }); } return Promise.resolve(0); } function forget() { var port = st.port, device = st.ble; st.ble = null; st.toChar = null; st.fromChar = null; return closePort().then(function () { if (port && typeof port.forget === 'function') { return port.forget().catch(function () { }); } }).then(function () { if (device && device.gatt && device.gatt.connected) { device.gatt.disconnect(); } if (device && typeof device.forget === 'function') { return device.forget().catch(function () { }); } }); } function send(route, host, zpl) { if (st.busy) { return Promise.reject(fail('busy')); } st.busy = true; var job = route === 'wifi' ? sendWifi(host, zpl) : sendBluetooth(zpl); return job.then(function (v) { st.busy = false; return v; }, function (e) { st.busy = false; throw e; }); } return { send: send, choose: choose, restore: restore, connected: connected, forget: forget, readResolution: readResolution, serialReady: serialReady, bleReady: bleReady, bluetoothReady: function () { return serialReady() || bleReady(); }, wifiDirect: tcpReady }; })(); var APP = (function () { var LABEL_MM = { width: 101.6, height: 50.8, gap: 3 }; function fail(code, message) { var e = new Error(message); e.code = code; return e; } function reason(e) { return String((e && (e.message || e.reason)) || e || '').trim(); } function ready() { return !!(window.phorosTsplLabel && (window.phorosBtPrint || window.phorosUsbPrint)); } function inTurn(items, fn) { return items.reduce(function (chain, item) { return chain.then(function (done) { return Promise.resolve(fn(item)).then(function (r) { done.push(r); return done; }); }); }, Promise.resolve([])); } function jobs(canvases, set) { var tspl = window.phorosTsplLabel; return canvases.map(function (c) { var image = c.getContext('2d').getImageData(0, 0, c.width, c.height); var job = tspl.encodeBitmapJob(image, { widthMm: LABEL_MM.width, heightMm: LABEL_MM.height, gapMm: LABEL_MM.gap, mode: set.mode === 0 ? 0 : 4, darkBit: set.dark === 1 ? 1 : 0 }); return tspl.toBase64(job); }); } function selfTest() { var tspl = window.phorosTsplLabel; return [tspl.toBase64(tspl.encodeSelfTest())]; } function usbPrinters() { var usb = window.phorosUsbPrint; if (!usb) { return Promise.resolve([]); } return Promise.resolve().then(function () { return usb.listPrinters(); }).then(function (list) { return Array.isArray(list) ? list.filter(function (p) { return p && p.deviceName; }) : []; }, function () { return []; }); } function sendUsb(printer, list) { var usb = window.phorosUsbPrint; function close() { return Promise.resolve().then(function () { return usb.disconnect(); }).catch(function () { }); } return Promise.resolve().then(function () { return usb.connect(printer.deviceName); }).then(function () { return inTurn(list, function (b64) { return usb.sendBytes(b64); }); }).then(function () { return close().then(function () { return { via: 'usb', name: printer.productName || 'the USB printer' }; }); }, function (e) { return close().then(function () { throw e; }); }); } function sendBluetooth(set, list) { var bt = window.phorosBtPrint; if (!bt) { return Promise.reject(fail('app-no-bt', 'Plug the printer into the tablet with its USB cable, then try again.')); } if (!set.device) { return Promise.reject(fail('app-no-printer', 'No printer is chosen yet. Open Printer settings, tap Find printers and choose the D450BT.')); } function close() { return Promise.resolve().then(function () { return bt.disconnect(); }).catch(function () { }); } return Promise.resolve().then(function () { return bt.connect(set.device); }).then(function () { return inTurn(list, function (b64) { return bt.sendBytes(b64, { ackTimeoutMs: 5000, maxAttempts: 3 }); }); }).then(function () { return close().then(function () { return { via: 'bluetooth', name: set.deviceName || set.device }; }); }, function (e) { return close().then(function () { throw e; }); }); } function send(set, list) { return usbPrinters().then(function (printers) { return printers.length ? sendUsb(printers[0], list) : sendBluetooth(set, list); }); } function find() { var bt = window.phorosBtPrint; if (!bt) { return Promise.reject(fail('app-no-bt', 'This tablet can' + RSQUO + 't search for Bluetooth printers. Plug the printer in with its USB cable instead.')); } return Promise.resolve().then(function () { return bt.listPrinters({ discoverMs: 8000 }); }).then(function (list) { return (Array.isArray(list) ? list : []).filter(function (p) { return p && p.address; }); }); } return { ready: ready, jobs: jobs, selfTest: selfTest, send: send, find: find, reason: reason }; })(); var LABEL_HELPERS = { dayShort: dayShort, when: timeText }; var ROUTES = [ { key: 'app', label: 'Lorna' + RSQUO + 's app', note: 'Prints straight from Lorna' + RSQUO + 's Android app on the kitchen tablet to the D450BT, over Bluetooth or a USB cable.' }, { key: 'wifi', label: 'Wi-Fi', note: 'Lorna' + RSQUO + 's app on the kitchen tablet prints straight to the printer' + RSQUO + 's IP address on Lorna' + RSQUO + 's Wi-Fi. In a browser, labels open the print screen.' }, { key: 'bluetooth', label: 'Bluetooth', note: 'Prints straight to a printer paired with this tablet.' }, { key: 'screen', label: 'Print screen', note: 'Opens the print screen: a label printer plugged into a computer, or Zebra' + RSQUO + 's free Zebra Print app on a tablet.' } ]; function printerRoute() { return S.printer && S.printer.route ? S.printer.route : 'screen'; } function printerDpi() { return S.printer && S.printer.dpi === 300 ? 300 : 203; } function appPrinting() { return APP.ready(); } function routeName(route, host) { if (route === 'wifi') { return 'Wi-Fi ' + (host || ''); } if (route === 'app') { return 'Lorna' + RSQUO + 's app'; } return route === 'bluetooth' ? 'Bluetooth' : 'Print screen'; } function printerProblem(e, route, host) { var code = e && e.code ? e.code : ''; if (code === 'busy') { return { title: 'The printer is still busy', text: 'Wait for the labels already on their way, then try again.' }; } if (code === 'wifi-no-host') { return { title: 'No printer address yet', text: 'Open Printer settings and enter the printer' + RSQUO + 's IP address.' }; } if (code === 'wifi-app-only') { return { title: 'Wi-Fi labels print from Lorna' + RSQUO + 's app', text: 'This ' + deviceWord() + ' can' + RSQUO + 't send them over Wi-Fi.' }; } if (route === 'wifi') { return { title: 'The printer didn' + RSQUO + 't answer', text: 'Nothing reached the printer at ' + host + '. Check that it' + RSQUO + 's switched on and on Lorna' + RSQUO + 's Wi-Fi, and that this ' + deviceWord() + ' is on the same Wi-Fi.' }; } if (code === 'bt-unsupported') { return { title: 'Bluetooth isn' + RSQUO + 't available here', text: 'This browser can' + RSQUO + 't use Bluetooth printers. Use Chrome on the Android tablet, or the print screen.' }; } if (code === 'bt-cancelled') { return { title: 'No printer was chosen', text: 'Pair the printer in the tablet' + RSQUO + 's Bluetooth settings first, then tap Connect printer and choose it.' }; } if (code === 'bt-blocked') { return { title: 'Bluetooth is blocked for this page', text: 'Allow Bluetooth for this site in Chrome' + RSQUO + 's site settings, then try again.' }; } if (code === 'bt-not-connected') { return { title: 'The printer isn' + RSQUO + 't connected', text: 'Tap Connect printer and choose the Zebra. This tablet remembers it after that.' }; } return { title: 'The Bluetooth printer didn' + RSQUO + 't answer', text: 'Check that the printer is switched on and close to the tablet, then try again.' }; } function loadPrinter() { call('printer', {}, function (ok, r) { if (ok && r.data && r.data.printer) { S.printer = r.data.printer; } renderPrinterStrip(); if (printerRoute() === 'bluetooth') { PRN.restore().then(renderPrinterStrip, renderPrinterStrip); } }); } function renderPrinterStrip() { var box = clear($('lo-pstrip')); if (!box) { return; } var route = printerRoute(), p = S.printer || {}, text, state; if (route === 'wifi') { text = 'Label printer: Wi-Fi ' + MIDDOT + ' ' + (PRN.wifiDirect() ? (p.host || 'no address yet') : 'prints from Lorna' + RSQUO + 's app; here labels use the print screen'); state = PRN.wifiDirect() ? (p.host ? 'lo-pok' : 'lo-pwarn') : 'lo-pidle'; } else if (route === 'bluetooth') { text = 'Label printer: Bluetooth ' + MIDDOT + ' ' + (PRN.connected() ? 'connected' : 'not connected on this tablet'); state = PRN.connected() ? 'lo-pok' : 'lo-pwarn'; } else if (route === 'app') { text = 'Label printer: Lorna' + RSQUO + 's app ' + MIDDOT + ' ' + (appPrinting() ? (p.deviceName || p.device || 'no Bluetooth printer chosen yet') : 'prints from the kitchen tablet; here labels use the print screen'); state = appPrinting() ? (p.device ? 'lo-pok' : 'lo-pwarn') : 'lo-pidle'; } else { text = p.set ? 'Labels print through the print screen' : 'Label printer not set up yet ' + MIDDOT + ' labels use the print screen'; state = 'lo-pidle'; } put(box, el('span', 'lo-pdot ' + state)); put(box, el('span', 'lo-ptext', text)); if (route === 'bluetooth' && !PRN.connected()) { put(box, button('Connect printer', 'lo-btn lo-btn-ghost lo-btn-sm', function () { connectBluetooth(false); })); } put(box, button(p.set ? 'Printer settings' : 'Set up the printer', 'lo-btn lo-btn-ghost lo-btn-sm', function () { printerPanel(); })); } function printerPanel() { var p = S.printer || {}; S.pp = { route: printerRoute(), host: p.host || '', dpi: printerDpi(), device: p.device || '', deviceName: p.deviceName || '', dark: p.dark === 1 ? 1 : 0, mode: p.mode === 0 ? 0 : 4, list: null, busy: '', found: 0, error: '', notice: '' }; renderPrinterPanel(); } function panelResult(error, notice) { if (!S.pp) { return; } S.pp.busy = ''; S.pp.error = error || ''; S.pp.notice = error ? '' : (notice || ''); renderPrinterPanel(); } function routeChoices(content, pp) { put(content, el('h4', 'lo-sogroup', 'How this ' + deviceWord() + ' reaches the printer')); ROUTES.forEach(function (r) { var c = put(content, button(r.label, 'lo-choice lo-route' + (pp.route === r.key ? ' lo-on' : ''), function () { pp.route = r.key; pp.error = ''; pp.notice = ''; renderPrinterPanel(); })); c.setAttribute('aria-pressed', pp.route === r.key ? 'true' : 'false'); c.disabled = !!pp.busy; put(c, el('small', '', r.note)); }); } function darkChoice(content, pp) { put(content, el('h4', 'lo-sogroup', 'Black and white')); var row = put(content, el('div', 'lo-prow')); [{ v: 0, label: 'Normal' }, { v: 1, label: 'Swap black and white' }].forEach(function (c) { var chip = put(row, button(c.label, 'lo-soday' + (pp.dark === c.v ? ' lo-on' : ''), function () { pp.dark = c.v; renderPrinterPanel(); })); chip.setAttribute('aria-pressed', pp.dark === c.v ? 'true' : 'false'); chip.disabled = !!pp.busy; }); put(content, el('p', 'lo-phelp', 'Choose Swap black and white if the labels come out as a negative, with white writing on black.')); } function modeChoice(content, pp) { put(content, el('h4', 'lo-sogroup', 'Label format')); var row = put(content, el('div', 'lo-prow')); [{ v: 4, label: 'D450BT format' }, { v: 0, label: 'Plain picture' }].forEach(function (c) { var chip = put(row, button(c.label, 'lo-soday' + (pp.mode === c.v ? ' lo-on' : ''), function () { pp.mode = c.v; renderPrinterPanel(); })); chip.setAttribute('aria-pressed', pp.mode === c.v ? 'true' : 'false'); chip.disabled = !!pp.busy; }); put(content, el('p', 'lo-phelp', 'Keep D450BT format for the D450BT. If labels come out blank, choose Plain picture and print a test label.')); } function appDetails(content, pp) { if (!appPrinting()) { put(content, el('p', 'lo-pnote', 'This works in Lorna' + RSQUO + 's Android app on the kitchen tablet. In this browser, labels open the print screen instead.')); put(content, el('p', 'lo-phelp', 'Choose the printer on the kitchen tablet in Lorna' + RSQUO + 's app: plug the D450BT in with its USB cable, or switch it on near the tablet and tap Find printers there.')); if (!tabletPrint()) { put(content, el('p', 'lo-phelp', screenHelp())); } } else { put(content, el('p', 'lo-pnote ' + (pp.device ? 'lo-pgood' : ''), pp.device ? 'Bluetooth printer: ' + (pp.deviceName || 'unnamed') + ' (' + pp.device + ')' : 'No Bluetooth printer chosen yet.')); if (window.phorosBtPrint) { var row = put(content, el('div', 'lo-prow')); var find = put(row, button(pp.busy === 'find' ? 'Looking for printers' + HELLIP : (pp.device ? 'Find a different printer' : 'Find printers'), 'lo-btn lo-btn-sm', function () { findAppPrinters(); })); find.disabled = !!pp.busy; } if (pp.list && pp.list.length) { var list = put(content, el('div', 'lo-plist')); pp.list.forEach(function (x) { var c = put(list, button(x.name || 'Unnamed printer', 'lo-choice lo-route' + (pp.device === x.address ? ' lo-on' : ''), function () { pp.device = x.address; pp.deviceName = x.name || ''; pp.error = ''; pp.notice = 'Chosen: ' + (x.name || x.address) + '. Tap Save to keep it for every staff tablet.'; renderPrinterPanel(); })); c.setAttribute('aria-pressed', pp.device === x.address ? 'true' : 'false'); c.disabled = !!pp.busy; put(c, el('small', '', x.address)); }); } put(content, el('p', 'lo-phelp', 'A printer plugged in with its USB cable is used first. For Bluetooth, switch the D450BT on near the tablet and close the Labelife app: the printer works with one app at a time. There' + RSQUO + 's no need to pair it in Android' + RSQUO + 's Bluetooth settings.')); } darkChoice(content, pp); modeChoice(content, pp); } function findAppPrinters() { var pp = S.pp; if (!pp || pp.busy) { return; } pp.busy = 'find'; pp.error = ''; pp.notice = ''; pp.list = null; renderPrinterPanel(); APP.find().then(function (list) { if (S.pp !== pp) { return; } pp.list = list; if (list.length) { panelResult('', 'Choose the D450BT from the list.'); return; } panelResult('No printers found. Switch the D450BT on, keep it near the tablet, close the Labelife app, then tap Find printers again.'); }, function (e) { if (S.pp !== pp) { return; } panelResult(APP.reason(e) || 'The search didn' + RSQUO + 't finish. Please try again.'); }); } function appTest(pp, ownPage) { pp.busy = ownPage ? 'selftest' : 'test'; pp.error = ''; pp.notice = ''; renderPrinterPanel(); var set = { device: pp.device, deviceName: pp.deviceName, dark: pp.dark, mode: pp.mode }; Promise.resolve().then(function () { return APP.send(set, ownPage ? APP.selfTest() : APP.jobs([ZPL.testPicture(pp.dpi, routeName('app'), dayShort(todayYmd()) + ' ' + clock(nowMs()))], set)); }).then(function (r) { var where = ' to ' + r.name + ' over ' + (r.via === 'usb' ? 'USB' : 'Bluetooth') + '.'; panelResult('', ownPage ? 'The printer' + RSQUO + 's own test page was sent' + where + ' If it prints, the printer and the connection work.' : 'Test label sent' + where + ' Check it printed black writing on white, with the frame just inside the label edge.'); }, function (e) { panelResult(APP.reason(e) || 'The printer didn' + RSQUO + 't answer.'); }); } function routeDetails(content, pp) { if (pp.route === 'app') { appDetails(content, pp); return; } if (pp.route === 'wifi') { var lab = put(content, el('label', 'lo-plabel', 'Printer IP address')); lab.htmlFor = 'lo-phost'; var input = put(content, el('input', 'lo-pinput')); input.id = 'lo-phost'; input.type = 'text'; input.inputMode = 'decimal'; input.autocomplete = 'off'; input.placeholder = 'For example 192.168.1.50'; input.value = pp.host; input.oninput = function () { pp.host = String(input.value || '').trim(); }; put(content, el('p', 'lo-phelp', 'To find it, hold the printer' + RSQUO + 's FEED and CANCEL buttons together for 2 seconds: it prints its settings, and the IP address is on the network configuration label.' + (PRN.wifiDirect() ? ' This ' + deviceWord() + ' must be on the same Wi-Fi. Lorna' + RSQUO + 's app sends the labels straight to the printer, so there is nothing else to allow.' : ''))); if (!PRN.wifiDirect()) { put(content, el('p', 'lo-pnote', 'Lorna' + RSQUO + 's app on the kitchen tablet prints to this address over Wi-Fi. In this browser, labels open the print screen instead.')); if (!tabletPrint()) { put(content, el('p', 'lo-phelp', screenHelp())); } } return; } if (pp.route === 'bluetooth') { if (!PRN.bluetoothReady()) { put(content, el('p', 'lo-pnote lo-pbad', 'This browser can' + RSQUO + 't use Bluetooth printers. Use Chrome on the Android tablet.')); return; } put(content, el('p', 'lo-pnote ' + (PRN.connected() ? 'lo-pgood' : ''), PRN.connected() ? 'Connected on this tablet.' + (pp.found ? ' The printer reports ' + pp.found + ' dpi.' : '') : 'Not connected on this tablet yet.')); var row = put(content, el('div', 'lo-prow')); var connect = put(row, button(pp.busy === 'connect' ? 'Connecting' + HELLIP : (PRN.connected() ? 'Connect a different printer' : 'Connect printer'), 'lo-btn lo-btn-sm', function () { connectBluetooth(false); })); connect.disabled = !!pp.busy; if (PRN.connected()) { var forget = put(row, button('Disconnect', 'lo-btn lo-btn-ghost lo-btn-sm', function () { PRN.forget().then(function () { renderPrinterStrip(); renderPrinterPanel(); }); })); forget.disabled = !!pp.busy; } if (PRN.serialReady() && PRN.bleReady()) { var ble = put(content, button('Printer not in the list? Try Bluetooth LE', 'lo-plink', function () { connectBluetooth(true); })); ble.disabled = !!pp.busy; } put(content, el('p', 'lo-phelp', 'First pair the printer in the tablet' + RSQUO + 's Bluetooth settings, then tap Connect printer and choose it. This tablet remembers it after that.')); return; } put(content, el('p', 'lo-phelp', screenHelp())); } function resolutionChoice(content, pp) { put(content, el('h4', 'lo-sogroup', 'Printer resolution')); var row = put(content, el('div', 'lo-prow')); [203, 300].forEach(function (d) { var chip = put(row, button(d + ' dpi', 'lo-soday' + (pp.dpi === d ? ' lo-on' : ''), function () { pp.dpi = d; renderPrinterPanel(); })); chip.setAttribute('aria-pressed', pp.dpi === d ? 'true' : 'false'); chip.disabled = !!pp.busy; }); put(content, el('p', 'lo-phelp', pp.route === 'app' ? 'The D450BT prints at 203 dpi.' : 'Most ZD421 printers are 203 dpi. Over Bluetooth it' + RSQUO + 's checked when you connect. Over Wi-Fi, print a test label: if its frame comes out small or cut off, choose the other resolution.')); } function renderPrinterPanel() { var pp = S.pp; if (!pp) { return; } var content = el('div', 'lo-pp'); routeChoices(content, pp); routeDetails(content, pp); resolutionChoice(content, pp); if (pp.error || pp.notice) { var msg = put(content, el('div', 'lo-pmsg ' + (pp.error ? 'lo-pbad' : 'lo-pgood'), pp.error || pp.notice)); msg.setAttribute('role', pp.error ? 'alert' : 'status'); } var tools = put(content, el('div', 'lo-prow lo-ptools')); var test = put(tools, button(pp.busy === 'test' ? 'Sending' + HELLIP : 'Print a test label', 'lo-btn lo-btn-ghost lo-btn-sm', function () { testPrint(); })); test.disabled = !!pp.busy; if ((pp.route === 'wifi' && PRN.wifiDirect()) || pp.route === 'bluetooth') { var cal = put(tools, button(pp.busy === 'calibrate' ? 'Sending' + HELLIP : 'Calibrate labels', 'lo-btn lo-btn-ghost lo-btn-sm', function () { calibratePrinter(); })); cal.disabled = !!pp.busy; } if (pp.route === 'app' && appPrinting()) { var own = put(tools, button(pp.busy === 'selftest' ? 'Sending' + HELLIP : 'Printer test page', 'lo-btn lo-btn-ghost lo-btn-sm', function () { if (!pp.busy) { appTest(pp, true); } })); own.disabled = !!pp.busy; } var saved = S.printer && S.printer.set ? 'Saved for every staff tablet: ' + routeName(printerRoute(), S.printer.host) + ', ' + printerDpi() + ' dpi.' : 'Not set up yet. Until you save, labels use the print screen.'; modal('Label printer', saved, content, [ { label: pp.busy === 'save' ? 'Saving' + HELLIP : 'Save', cls: 'lo-btn-p', fn: savePrinter }, { label: 'Close', cls: 'lo-btn-ghost', fn: function () { S.pp = null; closeModal(); } } ], true); } function savePrinter() { var pp = S.pp; if (!pp || pp.busy) { return; } pp.busy = 'save'; pp.error = ''; pp.notice = ''; renderPrinterPanel(); call('setPrinter', { route: pp.route, host: pp.host, dpi: pp.dpi, device: pp.device, deviceName: pp.deviceName, dark: pp.dark, mode: pp.mode }, function (ok, r) { if (!ok) { if (refused(r)) { S.pp = null; closeModal(); return; } panelResult(r.error || 'That didn' + RSQUO + 't save. Please try again.'); return; } S.printer = r.data.printer; pp.host = S.printer.host || pp.host; renderPrinterStrip(); panelResult('', 'Saved for every staff tablet.'); toast('Printer settings saved for every staff tablet'); }); } function testLabelElement(route) { var lab = el('div', 'lo-label lo-l-test'); var main = put(lab, el('div', 'lo-l-main')); put(main, el('div', 'lo-l-meal', 'Test label')); put(main, el('div', 'lo-l-parts', 'Lorna' + RSQUO + 's Orders page ' + MIDDOT + ' ' + route + ' ' + MIDDOT + ' ' + dayShort(todayYmd()) + ' ' + clock(nowMs()))); put(main, el('div', 'lo-l-note', 'The frame should sit just inside the label edge.')); return lab; } function testPrint() { var pp = S.pp; if (!pp || pp.busy) { return; } if (pp.route === 'app' && appPrinting()) { appTest(pp, false); return; } var wifiScreen = pp.route === 'wifi' && !PRN.wifiDirect(); if ((pp.route === 'app' || wifiScreen) && window.cordova) { panelResult('This copy of Lorna' + RSQUO + 's app can' + RSQUO + 't reach the label printer. Ask a manager to update the app on this tablet.'); return; } if (pp.route === 'screen' || pp.route === 'app' || wifiScreen) { sheetDone(); put(clear($('lo-print')), testLabelElement(routeName('screen'))); pageShape(); try { window.print(); } catch (e) { } return; } var zpl = ZPL.testLabel(pp.dpi, routeName(pp.route, pp.host), dayShort(todayYmd()) + ' ' + clock(nowMs())); pp.busy = 'test'; pp.error = ''; pp.notice = ''; renderPrinterPanel(); PRN.send(pp.route, pp.host, zpl).then(function () { renderPrinterStrip(); panelResult('', 'Test label sent. Check that it came out of the printer.'); }, function (e) { renderPrinterStrip(); var why = printerProblem(e, pp.route, pp.host); panelResult(why.title + '. ' + why.text); }); } function calibratePrinter() { var pp = S.pp; if (!pp || pp.busy) { return; } pp.busy = 'calibrate'; pp.error = ''; pp.notice = ''; renderPrinterPanel(); PRN.send(pp.route, pp.host, ZPL.calibrate()).then(function () { panelResult('', 'The printer is feeding a few blank labels to measure them.'); }, function (e) { var why = printerProblem(e, pp.route, pp.host); panelResult(why.title + '. ' + why.text); }); } function adoptResolution(dpi) { if (!dpi || dpi === 600) { return; } if (S.pp) { S.pp.found = dpi; S.pp.dpi = dpi; } if (printerRoute() === 'bluetooth' && dpi !== printerDpi()) { S.printer.dpi = dpi; call('setPrinter', { route: 'bluetooth', host: (S.printer && S.printer.host) || '', dpi: dpi }, function (ok, r) { if (ok && r.data && r.data.printer) { S.printer = r.data.printer; renderPrinterStrip(); if (S.pp) { renderPrinterPanel(); } } }); } } function connectBluetooth(useBle, after) { if (S.pp) { S.pp.busy = 'connect'; S.pp.error = ''; S.pp.notice = ''; renderPrinterPanel(); } PRN.choose(useBle).then(function () { return PRN.readResolution().then(adoptResolution); }).then(function () { renderPrinterStrip(); panelResult('', 'Printer connected on this tablet.'); toast('Printer connected'); if (typeof after === 'function') { after(); } }, function (e) { renderPrinterStrip(); var why = printerProblem(e, 'bluetooth', ''); if (S.pp) { panelResult(why.title + '. ' + why.text); } else { toast(why.title + '. ' + why.text); } }); } var STAFF_ROLE_CHOICES = [ { key: 'Staff', label: 'Staff', note: 'Sees and prints orders.' }, { key: 'Manager', label: 'Manager', note: 'Also adds staff and switches their access off.' } ]; function roleOf(x) { return String((x && x.role) || '').toLowerCase(); } function canManageStaff() { var role = roleOf(S.staff); return role === 'manager' || role === 'owner'; } function renderStaffButton() { var b = $('lo-staffbtn'); if (b) { b.classList.toggle('lo-on', canManageStaff()); } } function staffPanel() { if (!canManageStaff()) { return; } S.sa = { list: null, busy: 'load', email: '', name: '', role: 'Staff', error: '', notice: '', confirm: '', rowId: '', rowError: '' }; renderStaffPanel(); call('staffList', {}, function (ok, r) { staffResult(ok, r, '', ''); }); } function staffResult(ok, r, notice, rowId) { var sa = S.sa; if (!sa) { return; } sa.busy = ''; sa.confirm = ''; sa.rowId = ''; sa.rowError = ''; if (!ok) { if (refused(r)) { S.sa = null; closeModal(); return; } var why = r.error || 'That didn' + RSQUO + 't save. Please try again.'; if (rowId) { sa.rowId = rowId; sa.rowError = why; toast(why); } else { sa.error = why; sa.notice = ''; } renderStaffPanel(); return; } sa.list = (r.data && r.data.staff) || []; if (rowId) { toast(notice); } else { sa.error = ''; sa.notice = notice || ''; } renderStaffPanel(); } function staffAddForm(content, sa) { put(content, el('h4', 'lo-sogroup', 'Add someone')); var lab = put(content, el('label', 'lo-plabel', 'Email address')); lab.htmlFor = 'lo-saemail'; var email = put(content, el('input', 'lo-pinput')); email.id = 'lo-saemail'; email.type = 'email'; email.inputMode = 'email'; email.autocomplete = 'off'; email.placeholder = 'For example name@gmail.com'; email.value = sa.email; email.disabled = sa.busy === 'add'; email.oninput = function () { sa.email = String(email.value || '').trim(); }; var nlab = put(content, el('label', 'lo-plabel', 'Name')); nlab.htmlFor = 'lo-saname'; var name = put(content, el('input', 'lo-pinput')); name.id = 'lo-saname'; name.type = 'text'; name.autocomplete = 'off'; name.placeholder = 'The name the team knows them by'; name.value = sa.name; name.disabled = sa.busy === 'add'; name.oninput = function () { sa.name = String(name.value || '').trim(); }; var group = put(content, el('div', 'lo-sachoices')); group.setAttribute('role', 'group'); group.setAttribute('aria-label', 'What they can do'); put(group, el('span', 'lo-plabel', 'What they can do')); STAFF_ROLE_CHOICES.forEach(function (r) { var c = put(group, button(r.label, 'lo-choice lo-route' + (sa.role === r.key ? ' lo-on' : ''), function () { sa.role = r.key; renderStaffPanel(); })); c.setAttribute('aria-pressed', sa.role === r.key ? 'true' : 'false'); c.disabled = !!sa.busy; put(c, el('small', '', r.note)); }); var row = put(content, el('div', 'lo-prow')); var add = put(row, button(sa.busy === 'add' ? 'Adding' + HELLIP : 'Add to the staff list', 'lo-btn lo-btn-sm', function () { staffAdd(); })); add.disabled = !!sa.busy; put(content, el('p', 'lo-phelp', 'They sign in to the Orders page with this email. If they have never signed in to Lorna' + RSQUO + 's website, they tap Sign in, then create an account with the same email.')); if (sa.error || sa.notice) { var msg = put(content, el('div', 'lo-pmsg ' + (sa.error ? 'lo-pbad' : 'lo-pgood'), sa.error || sa.notice)); msg.setAttribute('role', sa.error ? 'alert' : 'status'); } } function staffRowActions(card, x, sa) { var acts = put(card, el('div', 'lo-prow')); if (sa.confirm === x.id) { put(acts, el('span', 'lo-saask', 'Remove ' + x.name + ' from the staff list?')); var yes = put(acts, button(sa.busy === x.id ? 'Removing' + HELLIP : 'Remove', 'lo-btn lo-btn-warn lo-btn-sm', function () { staffRemove(x); })); yes.disabled = !!sa.busy; var keep = put(acts, button('Keep', 'lo-btn lo-btn-ghost lo-btn-sm', function () { sa.confirm = ''; renderStaffPanel(); })); keep.disabled = !!sa.busy; return; } var toggle = put(acts, button(sa.busy === x.id ? 'Saving' + HELLIP : (x.active ? 'Switch off' : 'Switch back on'), 'lo-btn lo-btn-ghost lo-btn-sm', function () { staffChange(x, { active: !x.active }); })); toggle.disabled = !!sa.busy; if (roleOf(x) !== 'owner') { var manager = roleOf(x) === 'manager'; var role = put(acts, button(manager ? 'Make staff' : 'Make manager', 'lo-btn lo-btn-ghost lo-btn-sm', function () { staffChange(x, { role: manager ? 'Staff' : 'Manager' }); })); role.disabled = !!sa.busy; } var remove = put(acts, button('Remove', 'lo-btn lo-btn-warn lo-btn-sm', function () { sa.confirm = x.id; sa.rowId = ''; sa.rowError = ''; renderStaffPanel(); })); remove.disabled = !!sa.busy; } function staffRow(x, sa) { var card = el('div', 'lo-sarow' + (x.active ? '' : ' lo-saoff')); card.setAttribute('role', 'group'); card.setAttribute('aria-label', x.name); card.setAttribute('data-email', x.email); var top = put(card, el('div', 'lo-satop')); var who = put(top, el('div', 'lo-saname')); put(who, el('b', '', x.name + (x.you ? ' (you)' : ''))); put(who, el('small', '', x.email)); var tags = put(top, el('div', 'lo-satags')); put(tags, el('span', 'lo-satag', x.role)); put(tags, el('span', 'lo-satag ' + (x.active ? 'lo-sayes' : 'lo-sano'), x.active ? 'Can sign in' : 'Switched off')); if (sa.rowId === x.id && sa.rowError) { var msg = put(card, el('div', 'lo-pmsg lo-pbad', sa.rowError)); msg.setAttribute('role', 'alert'); } if (x.you) { return card; } if (roleOf(x) === 'owner' && roleOf(S.staff) !== 'owner') { put(card, el('p', 'lo-phelp', 'Only an owner can change an owner' + RSQUO + 's access.')); return card; } staffRowActions(card, x, sa); return card; } function renderStaffPanel() { var sa = S.sa; if (!sa) { return; } var box = $('lo-modalbox'); var keep = $('lo-modal').classList.contains('lo-on') && box.querySelector('.lo-sa') ? box.scrollTop : 0; var content = el('div', 'lo-sa lo-pp'); staffAddForm(content, sa); var list = sa.list; put(content, el('h4', 'lo-sogroup', list ? 'Staff list (' + list.length + ')' : 'Staff list')); if (!list) { put(content, el('p', 'lo-phelp', sa.busy === 'load' ? 'Loading the staff list' + HELLIP : 'The staff list could not load.')); if (sa.busy !== 'load') { put(content, button('Try again', 'lo-btn lo-btn-ghost lo-btn-sm', function () { staffPanel(); })); } } else { list.forEach(function (x) { put(content, staffRow(x, sa)); }); } modal('Staff access', 'Everyone on this list can sign in to the Orders page with their email. Managers and owners can also change the list.', content, [ { label: 'Done', cls: 'lo-btn-p', fn: function () { S.sa = null; closeModal(); } } ], true); box.scrollTop = keep; } function staffAdd() { var sa = S.sa; if (!sa || sa.busy) { return; } var email = String(sa.email || '').trim().toLowerCase(); if (!/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(email)) { sa.error = 'Enter the email address they sign in with, for example name@gmail.com.'; sa.notice = ''; renderStaffPanel(); return; } var label = sa.name || email; sa.busy = 'add'; sa.error = ''; sa.notice = ''; renderStaffPanel(); call('staffSave', { email: email, name: sa.name, role: sa.role }, function (ok, r) { if (ok && S.sa) { S.sa.email = ''; S.sa.name = ''; S.sa.role = 'Staff'; } staffResult(ok, r, 'Added ' + label + '. They can now sign in to the Orders page with ' + email + '.', ''); }); } function staffChange(x, change) { var sa = S.sa; if (!sa || sa.busy) { return; } sa.busy = x.id; sa.rowId = ''; sa.rowError = ''; renderStaffPanel(); var payload = { id: x.id }; var text; if (change.active !== undefined) { payload.active = change.active; text = change.active ? x.name + ' can sign in again.' : x.name + ' can no longer sign in to the Orders page.'; } else { payload.role = change.role; text = change.role === 'Manager' ? x.name + ' is now a manager.' : x.name + ' is now staff.'; } call('staffSave', payload, function (ok, r) { staffResult(ok, r, text, x.id); }); } function staffRemove(x) { var sa = S.sa; if (!sa || sa.busy) { return; } sa.busy = x.id; renderStaffPanel(); call('staffRemove', { id: x.id }, function (ok, r) { staffResult(ok, r, x.name + ' was removed from the staff list.', x.id); }); } function modal(title, text, content, buttons, wide) { var box = clear($('lo-modalbox')); box.classList.toggle('lo-wide', !!wide); put(box, el('h3', '', title)); if (text) { put(box, el('p', '', text)); } if (content) { put(box, content); } var row = put(box, el('div', 'lo-mbtns')); (buttons || []).forEach(function (x) { put(row, button(x.label, 'lo-btn ' + (x.cls || ''), x.fn)); }); $('lo-modal').classList.add('lo-on'); } function closeModal() { S.soOpen = false; $('lo-modal').classList.remove('lo-on'); } var API = { confirmEmail: function () { var store = window.FabricState || window.Session; if (store && typeof store.set === 'function') { store.set('JMDK_show_registration', true); return; } toast('Open your account from the sign-in button and confirm your email there.'); }, signIn: function () { var p = (window.phoros && typeof phoros.person === 'function') ? phoros.person(true) : false; if (p) { start(); return; } watchSignIn(); }, signOut: function (thenSignIn) { stopPolling(); if (window.phoros && typeof phoros.signOut === 'function') { phoros.signOut(); } S.staff = null; S.orders = []; S.current = null; S.latest = 0; gate('signin'); if (thenSignIn) { setTimeout(function () { API.signIn(); }, 600); } }, setTab: function (key) { S.tab = key; S.q = ''; S.current = null; var q = $('lo-q'); if (q) { q.value = ''; } S.orders = []; renderCounts(); renderTabs(); renderDetail(); loadList(false); }, search: function (value) { clearTimeout(S.searchTimer); S.searchTimer = setTimeout(function () { S.q = String(value || '').trim(); S.current = null; renderCounts(); renderTabs(); renderDetail(); loadList(false); }, 400); }, open: function (id) { S.orders.forEach(function (o) { if (o.id === id) { S.current = o; } }); renderList(); renderDetail(); }, close: function () { S.current = null; renderList(); renderDetail(); }, toggleSound: function () { S.sound = !S.sound; var b = $('lo-sound'); if (S.sound) { try { var Ctx = window.AudioContext || window.webkitAudioContext; if (Ctx && !S.audio) { S.audio = new Ctx(); } if (S.audio && S.audio.resume) { S.audio.resume(); } } catch (e) { } chime(); keepAwake(); } else if (S.wake && S.wake.release) { try { S.wake.release(); } catch (e) { } S.wake = null; } if (b) { b.textContent = S.sound ? 'Sound on' : 'Turn on sound'; b.classList.toggle('lo-on', S.sound); } }, phoneOrder: function () { if (window.cordova) { toast('Take phone orders on Lorna' + RSQUO + 's website menu in Chrome. They show up here within seconds.'); return; } var path = String(window.location.pathname || '/').replace(/\/orders\/?$/, '') || '/'; window.open(window.location.origin + path, '_blank'); toast('Take the order on the website menu with the customer' + RSQUO + 's name and phone. It shows up here within seconds.'); }, printer: function () { printerPanel(); }, staffAccess: function () { staffPanel(); }, reload: function () { loadList(false); }, soldOut: function () { S.so = null; S.soBusy = ''; soldOutLoad(''); }, stop: function () { stopPolling(); if (S.watch) { clearInterval(S.watch); S.watch = null; } clearTimeout(S.searchTimer); } }; var previous = window.LOS; window.LOS = API; if (previous && previous !== API && typeof previous.stop === 'function') { previous.stop(); } var printArea = $('lo-print'); if (printArea && printArea.parentNode !== document.body) { document.body.appendChild(printArea); } document.onvisibilitychange = function () { if (!document.hidden) { keepAwake(); if (S.staff) { loadList(true); } } }; start(); })();

Checking your staff access…