/* PFP STAGE 1 — PACKAGE 14B — ACTIVE NAVIGATION INDICATOR — SAFE TO REMOVE Presentation only. Reads the browser path, adds/removes one CSS class (pfp-nav-current) on existing navigation links. It does not read or write database data, call any API, touch data sources, permissions, workflows or application state, and it changes no navigation destination. No libraries. */ (function () { var MAP = [ [/^\/?$/, '/'], [/^\/active-jobs(\/|$)/, '/active-jobs'], [/^\/job\//, '/active-jobs'], [/^\/new-job(\/|$)/, '/active-jobs'], [/^\/my-work(\/|$)/, '/my-work'], [/^\/customers(\/|$)/, '/customers'], [/^\/customer\//, '/customers'], [/^\/add-customer(\/|$)/, '/customers'], [/^\/waiting(\/|$)/, '/waiting'], [/^\/ready-for-pickup(\/|$)/, '/ready-for-pickup'], [/^\/quick-tasks(\/|$)/, '/quick-tasks'] ]; var PREVIEW = /^\/builder\/\d+\/preview/; function normalise(p) { p = (p || '').replace(PREVIEW, ''); p = p.replace(/\/+$/, ''); return p === '' ? '/' : p; } function section() { var p = normalise(window.location.pathname); for (var i = 0; i < MAP.length; i++) { if (MAP[i][0].test(p)) return MAP[i][1]; } return null; } function apply() { var sec = section(); var links = document.querySelectorAll('.pfp-navlink a, .pfp-subnavlink a'); for (var i = 0; i < links.length; i++) { var a = links[i]; var want = sec !== null && normalise(a.getAttribute('href')) === sec; if (want) { a.classList.add('pfp-nav-current'); } else { a.classList.remove('pfp-nav-current'); } } } apply(); /* Baserow is a single-page app and re-renders the shared header on navigation, so re-apply on a light interval. Cost is one querySelectorAll over 7 links. */ setInterval(apply, 500); })(); /* END PFP STAGE 1 — PACKAGE 14B — ACTIVE NAVIGATION INDICATOR */ /* PFP STAGE 1 - PACKAGE 15A - ROUTE SIGNAL - SAFE TO REMOVE Baserow navigates between pages by changing history without a page load, which fires no popstate. This wraps pushState/replaceState once so the Job Detail enhancements can re-arm on any in-app navigation. It only emits an event - it reads no data, changes no destination and blocks nothing. */ (function () { 'use strict'; if (window.__pfpRouteSignal) return; window.__pfpRouteSignal = true; function fire() { try { window.dispatchEvent(new Event('pfp:route')); } catch (e) {} } ['pushState', 'replaceState'].forEach(function (m) { var orig = history[m]; if (typeof orig !== 'function') return; history[m] = function () { var r = orig.apply(this, arguments); setTimeout(fire, 0); return r; }; }); window.addEventListener('popstate', fire); })(); /* PFP STAGE 1 - PACKAGE 14F - RAPID TASK CHECKLIST - SAFE TO REMOVE Makes each checklist row directly actionable. FAIL CLOSED. The action buttons are created by this script and start hidden. A button is revealed only after this script has read the task engine's own fields and confirmed the task is actionable. If this script does not run, no buttons exist and the checklist behaves exactly as it did before Package 14F - the Current Task card is unaffected either way. It never invents task rules. Actionability is derived from Done, Applicability, Task Behaviour, Needs Conditional Decision and the job's Active Task Row ID, which the existing engine already publishes. Each row acts on its own task row id, read from that row's hidden .pfp-task-rid carrier. It never uses Active Task Row ID as a write target. */ (function () { 'use strict'; var T = { tasks: 1060821, jobs: 1059660, rid: 'field_9604384', done: 'field_9528377', appl: 'field_9736982', beh: 'field_9719410', line: 'field_10011606', ncd: 'field_9753411', status: 'field_9370254', dateDone: 'field_9370270', jobLink: 'field_9370200', jobCurrent: 'field_10302612', OPT_COMPLETE: 6710182, OPT_NOT_APPLICABLE: 6951095 }; var base = null, store = null, tok = null, jobId = null; var inflight = {}; /* per task row - never a single global lock */ /* ---------- Package 22B - application user write bridge ---------- The rapid checklist no longer calls the database REST API, so it needs no Baserow workspace session and no token is ever handed to the browser. It fills a hidden native input with the task row id and clicks a hidden native button whose workflow action performs the write server side under the same page security every other Save on this app already uses. */ var BR = { input: '.pfp-bridge-rowid input', complete: '.pfp-bridge-btn-complete button', na: '.pfp-bridge-btn-na button', refresh: '.pfp-bridge-btn-refresh button', current: '.pfp-bridge-current' }; function bridgeReady() { return !!(document.querySelector(BR.input) && document.querySelector(BR.complete) && document.querySelector(BR.na)); } var writeWaiters = [], dsTouch = 0; (function installProbe() { if (window.__pfpBridgeProbe) return; window.__pfpBridgeProbe = true; var op = XMLHttpRequest.prototype.open, os = XMLHttpRequest.prototype.send; XMLHttpRequest.prototype.open = function (m, u) { this.__pfpUrl = String(u || ''); return op.apply(this, arguments); }; XMLHttpRequest.prototype.send = function () { var x = this; try { x.addEventListener('loadend', function () { var u = x.__pfpUrl || ''; if (u.indexOf('dispatch') === -1) return; if (u.indexOf('workflow_action') !== -1) { var ws = window.__pfpWriteWaiters || []; var list = ws.slice(); ws.length = 0; var good = x.status >= 200 && x.status < 300; list.forEach(function (w) { try { w(good); } catch (e) {} }); } else { window.__pfpDsTouch = Date.now(); } }); } catch (e) {} return os.apply(this, arguments); }; })(); window.__pfpWriteWaiters = window.__pfpWriteWaiters || []; window.__pfpDsTouch = window.__pfpDsTouch || 0; function setNative(el, v) { var d = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value'); if (d && d.set) d.set.call(el, v); else el.value = v; el.dispatchEvent(new Event('input', { bubbles: true })); el.dispatchEvent(new Event('change', { bubbles: true })); } function bridgeWrite(taskRowId, notApplicable) { var inp = document.querySelector(BR.input); var btn = document.querySelector(notApplicable ? BR.na : BR.complete); if (!inp || !btn) return Promise.resolve(false); setNative(inp, String(taskRowId)); return new Promise(function (resolve) { var settled = false; var to = setTimeout(function () { if (!settled) { settled = true; resolve(false); } }, 25000); window.__pfpWriteWaiters.push(function (good) { if (settled) return; settled = true; clearTimeout(to); setTimeout(function () { resolve(good); }, 150); }); setTimeout(function () { try { btn.click(); } catch (e) { if (!settled) { settled = true; clearTimeout(to); resolve(false); } } }, 250); }); } function refreshNative() { var b = document.querySelector(BR.refresh); if (!b) return Promise.resolve(); return new Promise(function (resolve) { window.__pfpDsTouch = Date.now(); try { b.click(); } catch (e) { resolve(); return; } var started = Date.now(); var iv = setInterval(function () { if (Date.now() - window.__pfpDsTouch > 1200 || Date.now() - started > 15000) { clearInterval(iv); resolve(); } }, 200); }); } function jobFromPath() { var m = (window.location.pathname || '').match(/\/job\/(\d+)/); return m ? m[1] : null; } function boot() { try { var nuxt = window.useNuxtApp && window.useNuxtApp(); if (!nuxt) return false; store = nuxt.vueApp.config.globalProperties.$store; base = nuxt.$config.public.publicBackendUrl; return !!(store && base && store.state.auth && store.state.auth.token); } catch (e) { return false; } } function token() { return tok || (store.state.auth && store.state.auth.token); } function refreshToken() { var rt = store.state.auth && store.state.auth.refreshToken; if (!rt) return Promise.resolve(false); return fetch(base + '/api/user/token-refresh/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ refresh_token: rt }) }).then(function (r) { return r.json(); }).then(function (j) { if (j && (j.access_token || j.token)) { tok = j.access_token || j.token; return true; } return false; }).catch(function () { return false; }); } function api(path, opts) { opts = opts || {}; var go = function () { return fetch(base + path, { method: opts.method || 'GET', headers: { 'Content-Type': 'application/json', 'Authorization': 'JWT ' + token() }, body: opts.body ? JSON.stringify(opts.body) : undefined }); }; return go().then(function (r) { if (r.status !== 401) return r; return refreshToken().then(function (ok) { return ok ? go() : r; }); }).then(function (r) { return r.text().then(function (t) { var j; try { j = JSON.parse(t); } catch (e) { j = {}; } if (j && typeof j === 'object' && !Array.isArray(j)) j.__status = r.status; else j = { __status: r.status, __list: j }; return j; }); }); } /* ---------- message strip ---------- */ function checklistRoot() { return document.querySelector('.pfp-checklist'); } function say(kind, text) { var root = checklistRoot(); if (!root) return; var el = document.getElementById('pfp-check-msg'); if (!el) { el = document.createElement('div'); el.id = 'pfp-check-msg'; root.parentNode.insertBefore(el, root); } el.className = 'pfp-check-msg pfp-msg-' + kind; el.textContent = text; } function clearSay() { var el = document.getElementById('pfp-check-msg'); if (el && el.parentNode) el.parentNode.removeChild(el); } /* ---------- rows ---------- */ function rows() { var out = []; var carriers = document.querySelectorAll('.pfp-checklist .pfp-task-rid'); for (var i = 0; i < carriers.length; i++) { var c = carriers[i]; var id = (String(c.textContent || '').split('|')[0] || '').trim(); if (!/^\d+$/.test(id)) continue; var host = c.parentNode; for (var d = 0; d < 6 && host; d++) { if (host.querySelector('.pfp-check-name')) break; host = host.parentNode; } if (!host) continue; out.push({ id: id, host: host, carrier: c, name: host.querySelector('.pfp-check-name') }); } return out; } function actionsFor(row) { var box = row.host.querySelector('.pfp-task-actions'); if (box) return box; box = document.createElement('div'); box.className = 'pfp-task-actions'; var c = document.createElement('button'); c.type = 'button'; c.className = 'pfp-task-btn pfp-task-complete'; c.textContent = '✓ Complete'; var n = document.createElement('button'); n.type = 'button'; n.className = 'pfp-task-btn pfp-task-na'; n.textContent = '○ Not Applicable'; box.appendChild(c); box.appendChild(n); c.addEventListener('click', function () { act(row.id, false, c); }); n.addEventListener('click', function () { act(row.id, true, n); }); (row.name && row.name.parentNode ? row.name.parentNode : row.host).appendChild(box); return box; } function show(btn, on, taskRowId) { if (!btn) return; if (on) btn.classList.add('pfp-task-on'); else btn.classList.remove('pfp-task-on'); btn.disabled = !!inflight[taskRowId]; } /* ---------- state ---------- */ /* Every value gate() needs now arrives in the page itself: the checklist repeat carries them per row and the Job data source carries the current task row id. No REST read, so no workspace session. */ function loadState() { var map = {}; rows().forEach(function (row) { var p = String(row.carrier.textContent || '').split('|'); var o = { id: String(p[0] || '').trim() }; o[T.rid] = o.id; o[T.done] = String(p[1] || '').trim() === 'true'; o[T.appl] = String(p[2] || '').trim() ? { value: String(p[2]).trim() } : null; o[T.beh] = String(p[3] || '').trim() ? { value: String(p[3]).trim() } : null; o[T.ncd] = String(p[4] || '').trim() === 'true'; o[T.line] = null; /* the repeat already renders the checklist line */ if (o.id) map[o.id] = o; }); var c = document.querySelector(BR.current); return Promise.resolve({ current: c ? String(c.textContent || '').trim() : '', map: map, job: null /* the native card is repainted by the refresh action */ }); } /* keeps the Current Task card in step with the direct write. The card's four values come from the Job row, which the task engine recalculates server-side; this only repaints what the server returned. */ function paintCard(job) { if (!job) return; var map = { 'Task': job['field_9738936'], 'Responsible': job['field_9738333'], 'Who Has the Ball': job['field_9738333'], "Mike's Next Action": job['field_9738335'] }; var kvs = document.querySelectorAll('.pfp-kv'); for (var i = 0; i < kvs.length; i++) { var st = kvs[i].querySelector('strong'); if (!st) continue; var label = (st.textContent || '').trim(); if (!Object.prototype.hasOwnProperty.call(map, label)) continue; var v = map[label]; var p = st.parentNode; while (st.nextSibling) p.removeChild(st.nextSibling); p.appendChild(document.createTextNode(' ' + (v == null ? '' : v))); } } function gate(state) { paintCard(state.job); rows().forEach(function (row) { var r = state.map[row.id]; var box = actionsFor(row); var c = box.querySelector('.pfp-task-complete'); var n = box.querySelector('.pfp-task-na'); if (!r) { show(c, false, row.id); show(n, false, row.id); return; } var done = r[T.done] === true; var na = r[T.appl] && r[T.appl].value === 'Not Applicable'; var beh = r[T.beh] && r[T.beh].value; var isCurrent = String(r[T.rid] || r.id) === state.current; var actionable = !done && !na && (beh === 'Flexible' || isCurrent); var needsDecision = r[T.ncd] === true; show(c, actionable, row.id); show(n, actionable && needsDecision, row.id); if (row.name && r[T.line] != null) row.name.textContent = r[T.line]; }); } function regate() { return loadState().then(gate).then(function () { clearSay(); }).catch(function () { say('warn', 'Task saved, but the page could not refresh. Reload this page.'); }); } /* ---------- action ---------- */ /* Exactly ONE write is in flight at any moment. Mike can click as fast as he likes; clicks are queued and sent in order. Concurrent writes to sibling task rows are what left a job's stored Current Task stale (Package 14G), so they are never issued. */ var queue = []; var draining = false; var queueErrors = []; var sessionExpired = false; function markQueued(btn) { if (!btn.getAttribute('data-pfp-label')) btn.setAttribute('data-pfp-label', btn.textContent); btn.disabled = true; btn.classList.add('pfp-task-busy'); btn.textContent = '\u2026 Queued'; } function markWorking(btn) { btn.textContent = '\u2026 Saving'; } function restoreBtn(btn) { var l = btn.getAttribute('data-pfp-label'); if (l) btn.textContent = l; btn.classList.remove('pfp-task-busy'); btn.disabled = false; } function act(taskRowId, notApplicable, btn) { if (inflight[taskRowId]) return; /* same row already queued or saving */ inflight[taskRowId] = true; clearSay(); markQueued(btn); queue.push({ taskRowId: taskRowId, notApplicable: notApplicable, btn: btn }); if (!draining) { draining = true; step(); } } function step() { var item = queue.shift(); if (!item) { finishQueue(); return; } markWorking(item.btn); writeOne(item).then(function () { delete inflight[item.taskRowId]; step(); /* next write only after this one settles */ }); } function finishQueue() { draining = false; var errs = queueErrors.slice(); var expired = sessionExpired; queueErrors = []; sessionExpired = false; refreshNative().then(loadState).then(gate).then(function () { if (expired) { say('error', 'Not saved - your session has expired. Reload this page and sign in again. Unsaved: ' + errs.join(', ') + '.'); } else if (errs.length) { say('error', errs.length + (errs.length > 1 ? ' tasks were' : ' task was') + ' not saved: ' + errs.join(', ') + '. Nothing was changed for ' + (errs.length > 1 ? 'those' : 'that') + '. Try again, or reload this page.'); } else { clearSay(); } }).catch(function () { say('warn', 'Task saved, but the page could not refresh. Reload this page.'); }); } function labelOfRow(taskRowId) { var rs = rows(); for (var i = 0; i < rs.length; i++) { if (rs[i].id === String(taskRowId) && rs[i].name) { return String(rs[i].name.textContent).replace(/^\[.\]\s*/, '').split(' \u2014 ')[0]; } } return 'task ' + taskRowId; } function writeOne(item) { var taskRowId = item.taskRowId, notApplicable = item.notApplicable, btn = item.btn; return bridgeWrite(taskRowId, notApplicable).then(function (good) { if (!good) { queueErrors.push(labelOfRow(taskRowId)); restoreBtn(btn); /* stays clickable, never shows Complete */ return; } /* server confirmed - only now does anything change on screen */ rows().forEach(function (row) { if (row.id !== String(taskRowId)) return; var box = row.host.querySelector('.pfp-task-actions'); if (box) { var bs = box.querySelectorAll('.pfp-task-btn'); for (var i = 0; i < bs.length; i++) { bs[i].classList.remove('pfp-task-on'); bs[i].classList.remove('pfp-task-busy'); var l = bs[i].getAttribute('data-pfp-label'); if (l) bs[i].textContent = l; } } }); }).catch(function () { queueErrors.push(labelOfRow(taskRowId)); restoreBtn(btn); }); } /* ---------- start ---------- */ var started = false; function start() { if (started) return; jobId = jobFromPath(); if (!jobId) return; if (!document.querySelector('.pfp-checklist .pfp-task-rid')) return; if (!bridgeReady()) return; /* hidden write controls not on the page yet */ /* Package 22B - do not latch onto the outgoing job's checklist. On an in app job to job move Baserow swaps the rows a moment after the route changes; loadState() is now instant, so without this the first poll would gate the previous job's rows and then lose them when they are replaced. */ var curEl = document.querySelector(BR.current); var curId = curEl ? String(curEl.textContent || '').trim() : ''; if (curId) { var rs0 = rows(), seen = false; for (var q = 0; q < rs0.length; q++) { if (rs0[q].id === curId) { seen = true; break; } } /* time boxed: only hold back for the first few polls. A job whose current task is genuinely not in the rendered list must still get its controls. */ if (!seen && tries <= 8) return; } started = true; loadState().then(gate).catch(function () { started = false; }); } var tries = 0, timer = null; function arm() { tries = 0; if (timer) clearInterval(timer); timer = setInterval(function () { tries++; start(); if (started || tries > 40) { clearInterval(timer); timer = null; } }, 500); } arm(); /* Package 22B - self healing watchdog. Baserow replaces the checklist DOM on an in app job to job navigation, and that removes the injected action buttons. loadState() is now instant, so the first arm can latch onto the outgoing job's rows and then lose them. This repaints only when a rendered row has no action box and no write is in flight. It reads the page only - no network, no writes. */ setInterval(function () { try { if (draining) return; if (!jobFromPath() || !bridgeReady()) return; var rs = rows(); if (!rs.length) return; var missing = 0; for (var i = 0; i < rs.length; i++) { if (!rs[i].host.querySelector('.pfp-task-actions')) missing++; } if (!missing) return; started = true; jobId = jobFromPath(); loadState().then(gate).catch(function () {}); } catch (e) {} }, 1500); window.PFP = window.PFP || {}; window.PFP.refreshChecklist = function () { return refreshNative().then(loadState).then(gate).catch(function () {}); }; /* Baserow navigates in-app without a page load, so the checklist re-arms on a route change - otherwise it keeps the previous job id and its controls. */ window.addEventListener('pfp:route', function () { var next = jobFromPath(); if (next === jobId && started) return; /* same job already armed */ started = false; jobId = null; queue = []; draining = false; inflight = {}; queueErrors = []; sessionExpired = false; clearSay(); var boxes = document.querySelectorAll('.pfp-task-actions'); for (var i = 0; i < boxes.length; i++) { if (boxes[i].parentNode) boxes[i].parentNode.removeChild(boxes[i]); } arm(); }); })(); /* PFP STAGE 1 - PACKAGE 14I - MANUAL ADD TASK - SAFE TO REMOVE Adds one compact "+ Add Task" control to the Task Checklist card. It creates a NORMAL job task using the existing manual-task fields the task engine already understands (Manual Task Name / Manual Order / Manual Responsible Role / Notes / Task Behaviour / Task Source). There is no separate manual-task system, and no new field was created. The public entry point is window.PFP.addTask(spec) so a future "Add this Quick Task to Job" action can call exactly the same function with the same fields: task, responsible, notes, jobId, position. Default behaviour is Flexible, so an added task never silently blocks a job. Mike can choose Sequential explicitly when it really is a gate. */ (function () { 'use strict'; var F = { job: 'field_9370200', manualName: 'field_9753193', manualOrder: 'field_9753194', manualResp: 'field_9753195', notes: 'field_9370198', behaviour: 'field_9719410', source: 'field_9719512', status: 'field_9370254', effOrder: 'field_9753198', effName: 'field_9753197', rid: 'field_9604384', done: 'field_9528377', appl: 'field_9736982' }; var OPT = { behaviourFlexible: 6938181, behaviourSequential: 6938180, sourceManual: 6938242, statusNotStarted: 6710180 }; var RESPONSIBLE = [ [6958924, 'Mike'], [6958933, 'Assigned Technician'], [6958925, 'Technician'], [6958934, 'Andrew'], [6958935, 'Jeremy'], [6958932, 'Jessica'], [6958928, 'Parts'], [6958927, 'Vendor'], [6958926, 'Customer'], [6958929, 'Reception'], [6958930, 'Sales'], [6958931, 'Electric Motor Department'] ]; var TASKS_TABLE = 1060821, JOBS_TABLE = 1059660, JOB_CURRENT = 'field_10302612'; var base = null, store = null, tok = null; function boot() { try { var nuxt = window.useNuxtApp && window.useNuxtApp(); if (!nuxt) return false; store = nuxt.vueApp.config.globalProperties.$store; base = nuxt.$config.public.publicBackendUrl; return !!(store && base && store.state.auth && store.state.auth.token); } catch (e) { return false; } } function token() { return tok || (store.state.auth && store.state.auth.token); } function refreshToken() { var rt = store.state.auth && store.state.auth.refreshToken; if (!rt) return Promise.resolve(false); return fetch(base + '/api/user/token-refresh/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ refresh_token: rt }) }).then(function (r) { return r.json(); }).then(function (j) { if (j && (j.access_token || j.token)) { tok = j.access_token || j.token; return true; } return false; }).catch(function () { return false; }); } function api(path, opts) { opts = opts || {}; var go = function () { return fetch(base + path, { method: opts.method || 'GET', headers: { 'Content-Type': 'application/json', 'Authorization': 'JWT ' + token() }, body: opts.body ? JSON.stringify(opts.body) : undefined }); }; return go().then(function (r) { if (r.status !== 401) return r; return refreshToken().then(function (ok) { return ok ? go() : r; }); }).then(function (r) { return r.text().then(function (t) { var j; try { j = JSON.parse(t); } catch (e) { j = {}; } if (j && typeof j === 'object' && !Array.isArray(j)) j.__status = r.status; else j = { __status: r.status, __list: j }; return j; }); }); } function jobFromPath() { var m = (window.location.pathname || '').match(/\/job\/(\d+)/); return m ? m[1] : null; } /* ---------- ordering ---------- */ /* Manual Order is a whole number and tied orders are normal in this data, so: use a midpoint when there is room, otherwise tie with the neighbour that puts the new row on the correct side. A new row always sorts last within its own tie group, which is why "after" ties with the anchor and "before" ties with the task in front of the anchor. */ function chooseOrder(position, anchorOrder, orders) { var sorted = orders.slice().sort(function (a, b) { return a - b; }); var uniq = []; for (var i = 0; i < sorted.length; i++) if (uniq.indexOf(sorted[i]) === -1) uniq.push(sorted[i]); if (position === 'end' || anchorOrder == null) { return (uniq.length ? uniq[uniq.length - 1] : 0) + 10; } if (position === 'after' || position === 'afterCurrent') { var next = null; for (var a = 0; a < uniq.length; a++) if (uniq[a] > anchorOrder) { next = uniq[a]; break; } if (next === null) return anchorOrder + 10; return (next - anchorOrder >= 2) ? Math.floor((anchorOrder + next) / 2) : anchorOrder; } /* before */ var prev = null; for (var b = 0; b < uniq.length; b++) if (uniq[b] < anchorOrder) prev = uniq[b]; if (prev === null) return Math.max(1, anchorOrder - 10); return (anchorOrder - prev >= 2) ? Math.floor((prev + anchorOrder) / 2) : prev; } /* ---------- the reusable entry point ---------- */ /* spec: { jobId, task, responsible (option id or name), notes, position: 'afterCurrent' | 'before' | 'after' | 'end', anchorTaskId (for before/after), sequential (bool) } Resolves { ok, row } or { ok:false, error }. */ /* ---------- Package 22B - application user write bridge ---------- Add Task reads the job's task list from the page instead of the database REST API, and creates the row by filling hidden native inputs and clicking a hidden native button whose Create-row workflow action runs server side. No workspace session, no token in the browser, same task engine. */ function atBridgeReady() { return !!(document.querySelector('.pfp-bridge-at-name input') && document.querySelector('.pfp-bridge-btn-addtask button')); } function atReadPage() { var out = [], cur = ''; var c = document.querySelector('.pfp-bridge-current'); if (c) cur = String(c.textContent || '').trim(); var cs = document.querySelectorAll('.pfp-task-rid'); for (var i = 0; i < cs.length; i++) { var p = String(cs[i].textContent || '').split('|'); var rid = String(p[0] || '').trim(); if (!rid) continue; var host = cs[i].parentNode; for (var d = 0; d < 6 && host; d++) { if (host.querySelector('.pfp-check-name')) break; host = host.parentNode; } var lbl = host && host.querySelector('.pfp-check-name'); var nm = lbl ? String(lbl.textContent || '') : ''; nm = nm.replace(/^\[.\]\s*/, '').split(' \u2014 ')[0]; out.push({ id: String(p[6] || rid).trim(), rid: rid, order: Number(p[5] || 0), name: nm || ('task ' + rid) }); } out.sort(function (a, b) { return a.order - b.order; }); return { rows: out, current: cur }; } function atSet(sel, v) { var e = document.querySelector(sel); if (!e) return false; var d = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value'); var s = (v === null || v === undefined) ? '' : String(v); if (d && d.set) d.set.call(e, s); else e.value = s; e.dispatchEvent(new Event('input', { bubbles: true })); e.dispatchEvent(new Event('change', { bubbles: true })); return true; } function atBridgeCreate(f) { var btn = document.querySelector('.pfp-bridge-btn-addtask button'); if (!btn) return Promise.resolve(false); atSet('.pfp-bridge-at-name input', f.name); atSet('.pfp-bridge-at-order input', f.order); atSet('.pfp-bridge-at-resp input', f.resp); atSet('.pfp-bridge-at-beh input', f.beh); atSet('.pfp-bridge-at-notes input', f.notes); return new Promise(function (resolve) { var settled = false; window.__pfpWriteWaiters = window.__pfpWriteWaiters || []; var to = setTimeout(function () { if (!settled) { settled = true; resolve(false); } }, 25000); window.__pfpWriteWaiters.push(function (good) { if (settled) return; settled = true; clearTimeout(to); setTimeout(function () { resolve(good); }, 150); }); setTimeout(function () { try { btn.click(); } catch (e) { if (!settled) { settled = true; clearTimeout(to); resolve(false); } } }, 250); }); } function addTask(spec) { if (!atBridgeReady()) return Promise.resolve({ ok: false, error: 'The Add Task controls are not ready on this page yet.' }); var jobId = String(spec.jobId || jobFromPath() || ''); var name = String(spec.task || '').trim(); if (!jobId) return Promise.resolve({ ok: false, error: 'No job.' }); if (!name) return Promise.resolve({ ok: false, error: 'A task description is required.' }); var respId = spec.responsible; if (typeof respId === 'string' && !/^\d+$/.test(respId)) { for (var i = 0; i < RESPONSIBLE.length; i++) { if (RESPONSIBLE[i][1].toLowerCase() === respId.toLowerCase()) { respId = RESPONSIBLE[i][0]; break; } } } respId = Number(respId); var respName = ''; for (var k = 0; k < RESPONSIBLE.length; k++) { if (RESPONSIBLE[k][0] === respId) { respName = RESPONSIBLE[k][1]; break; } } if (!respId || !respName) return Promise.resolve({ ok: false, error: 'A responsible person is required.' }); var st = atReadPage(); var rows = st.rows; if (!rows.length) return Promise.resolve({ ok: false, error: 'Could not read the job before adding.' }); var orders = rows.map(function (x) { return Number(x.order || 0); }); var anchorOrder = null; var pos = spec.position || 'end'; if (pos === 'afterCurrent') { for (var c2 = 0; c2 < rows.length; c2++) { if (rows[c2].rid === st.current) { anchorOrder = Number(rows[c2].order || 0); break; } } if (anchorOrder === null) pos = 'end'; } else if (pos === 'before' || pos === 'after') { for (var d2 = 0; d2 < rows.length; d2++) { if (String(rows[d2].id) === String(spec.anchorTaskId)) { anchorOrder = Number(rows[d2].order || 0); break; } } if (anchorOrder === null) return Promise.resolve({ ok: false, error: 'That task is no longer on this job.' }); } var order = chooseOrder(pos, anchorOrder, orders); if (!(order > 0)) return Promise.resolve({ ok: false, error: 'Could not work out a position for the new task.' }); return atBridgeCreate({ name: name, order: order, resp: respName, beh: spec.sequential ? 'Sequential' : 'Flexible', notes: spec.notes ? String(spec.notes) : '' }).then(function (good) { if (!good) return { ok: false, error: 'The task was not saved. Nothing was changed.' }; return { ok: true, order: order }; }).catch(function () { return { ok: false, error: 'Could not reach the server. Nothing was changed.' }; }); } /* ---------- compact UI ---------- */ var busy = false; function el(tag, cls, text) { var e = document.createElement(tag); if (cls) e.className = cls; if (text != null) e.textContent = text; return e; } function closeDialog() { var d = document.getElementById('pfp-addtask-wrap'); if (d && d.parentNode) d.parentNode.removeChild(d); } function openDialog(tasks, currentName) { closeDialog(); var wrap = el('div', 'pfp-addtask-wrap'); wrap.id = 'pfp-addtask-wrap'; var card = el('div', 'pfp-addtask-card'); card.appendChild(el('div', 'pfp-addtask-title', 'Add a task to this job')); function field(labelText, control) { var f = el('label', 'pfp-addtask-field'); f.appendChild(el('span', 'pfp-addtask-label', labelText)); f.appendChild(control); return f; } var task = el('input', 'pfp-addtask-input'); task.type = 'text'; task.placeholder = 'What needs to be done'; card.appendChild(field('Task', task)); var resp = el('select', 'pfp-addtask-input'); RESPONSIBLE.forEach(function (o) { var op = el('option', null, o[1]); op.value = o[0]; resp.appendChild(op); }); card.appendChild(field('Responsible', resp)); var notes = el('textarea', 'pfp-addtask-input pfp-addtask-notes'); notes.rows = 2; notes.placeholder = 'Optional'; card.appendChild(field('Notes', notes)); var pos = el('select', 'pfp-addtask-input'); [['afterCurrent', 'After current task' + (currentName ? ' (' + currentName + ')' : '')], ['before', 'Before a selected task'], ['after', 'After a selected task'], ['end', 'End of task list']].forEach(function (o) { var op = el('option', null, o[1]); op.value = o[0]; pos.appendChild(op); }); card.appendChild(field('Position', pos)); var anchor = el('select', 'pfp-addtask-input'); tasks.forEach(function (t) { var op = el('option', null, t.name); op.value = t.id; anchor.appendChild(op); }); var anchorField = field('Which task', anchor); anchorField.style.display = 'none'; card.appendChild(anchorField); var seq = el('input'); seq.type = 'checkbox'; var seqLabel = el('label', 'pfp-addtask-check'); seqLabel.appendChild(seq); seqLabel.appendChild(el('span', null, 'Required step - must be done in order (Sequential)')); card.appendChild(seqLabel); pos.addEventListener('change', function () { anchorField.style.display = (pos.value === 'before' || pos.value === 'after') ? '' : 'none'; }); var msg = el('div', 'pfp-addtask-msg'); card.appendChild(msg); var row = el('div', 'pfp-addtask-actions'); var cancel = el('button', 'pfp-task-btn pfp-task-na pfp-task-on', 'Cancel'); cancel.type = 'button'; var save = el('button', 'pfp-task-btn pfp-task-complete pfp-task-on', 'Add Task'); save.type = 'button'; row.appendChild(cancel); row.appendChild(save); card.appendChild(row); cancel.addEventListener('click', closeDialog); save.addEventListener('click', function () { if (busy) return; if (!task.value.trim()) { msg.textContent = 'Enter what needs to be done.'; msg.className = 'pfp-addtask-msg pfp-addtask-err'; task.focus(); return; } busy = true; save.disabled = true; cancel.disabled = true; save.textContent = '… Adding'; msg.textContent = ''; msg.className = 'pfp-addtask-msg'; addTask({ jobId: jobFromPath(), task: task.value, responsible: resp.value, notes: notes.value, position: pos.value, anchorTaskId: anchor.value, sequential: seq.checked }).then(function (r) { busy = false; if (!r.ok) { save.disabled = false; cancel.disabled = false; save.textContent = 'Add Task'; msg.textContent = r.error || 'The task was not saved.'; msg.className = 'pfp-addtask-msg pfp-addtask-err'; return; } closeDialog(); if (window.PFP && typeof window.PFP.refreshChecklist === 'function') window.PFP.refreshChecklist(); else window.location.reload(); }); }); wrap.appendChild(card); wrap.addEventListener('click', function (ev) { if (ev.target === wrap) closeDialog(); }); document.body.appendChild(wrap); wrap.scrollTop = 0; try { task.focus({ preventScroll: true }); } catch (e) { task.focus(); } } function openFromPage() { var jobId = jobFromPath(); if (!jobId || !atBridgeReady()) return; var st = atReadPage(); var curName = ''; var tasks = st.rows.map(function (x) { if (x.rid === st.current) curName = x.name; return { id: x.id, name: x.name }; }); openDialog(tasks, curName); } /* ---------- mount the control ---------- */ function mount() { if (document.getElementById('pfp-addtask-btn')) return true; var list = document.querySelector('.pfp-checklist'); if (!list) return false; if (!jobFromPath()) return false; var b = el('button', 'pfp-addtask-btn', '＋ Add Task'); b.id = 'pfp-addtask-btn'; b.type = 'button'; b.addEventListener('click', openFromPage); list.parentNode.insertBefore(b, list); return true; } var tries = 0, timer = null; function arm() { tries = 0; if (timer) clearInterval(timer); timer = setInterval(function () { tries++; if (mount() || tries > 40) { clearInterval(timer); timer = null; } }, 500); } arm(); /* Package 22B - keep the Add Task control attached after Baserow re-renders the checklist on an in app navigation. mount() returns early if the button is already there, so this is cheap and idempotent. */ setInterval(function () { try { mount(); } catch (e) {} }, 1500); window.PFP = window.PFP || {}; window.PFP.addTask = addTask; /* the button is removed first, so exactly one ever exists and it is always bound to the job currently in the URL */ window.addEventListener('pfp:route', function () { closeDialog(); var b = document.getElementById('pfp-addtask-btn'); if (b && b.parentNode) b.parentNode.removeChild(b); arm(); }); })(); /* PFP STAGE 1 - PACKAGE 15B - MOBILE JOB DECK - SAFE TO REMOVE One delegated listener, installed once, that toggles a CSS class on the tapped job card at phone width. It reads no data, writes nothing and never changes a destination: a tap that lands on a link is left alone so Customer and SO#/Tag# still open Job Detail. Because it is delegated from document, re-rendering the list or navigating cannot create a second handler. */ (function () { 'use strict'; if (window.__pfpDeck) return; window.__pfpDeck = true; var PHONE = '(max-width:560px)'; document.addEventListener('click', function (e) { try { if (!window.matchMedia(PHONE).matches) return; var t = e.target; if (!t || !t.closest) return; if (t.closest('a')) return; /* links open Job Detail */ var row = t.closest('.pfp-aj tbody tr'); if (!row) return; var wasOpen = row.classList.contains('pfp-aj-open'); var open = document.querySelectorAll('.pfp-aj tbody tr.pfp-aj-open'); for (var i = 0; i < open.length; i++) open[i].classList.remove('pfp-aj-open'); if (!wasOpen) row.classList.add('pfp-aj-open'); } catch (err) { /* presentation only - never block a click */ } }, false); })(); /* PFP TECH BOARD AUTOPILOT - PACKAGE 22B Shop-floor TV only. Never runs on any other page. Gentle scroll so the whole board is seen, and a slow full refresh. */ (function(){ var SCROLL_MS = 12000; /* how long each screen is held */ var RELOAD_MS = 180000; /* full refresh every three minutes */ var scrollTimer = null, reloadTimer = null, running = false; function onBoard(){ return /\/tech-board\/?$/.test(window.location.pathname); } function step(){ try{ var doc = document.documentElement; var max = doc.scrollHeight - window.innerHeight; if (max <= 20) return; var next = window.scrollY + Math.round(window.innerHeight * 0.85); if (next >= max - 10) next = 0; window.scrollTo({top: next, behavior: 'smooth'}); }catch(e){} } function stop(){ if(scrollTimer){clearInterval(scrollTimer);scrollTimer=null;} if(reloadTimer){clearTimeout(reloadTimer);reloadTimer=null;} running=false; } function start(){ if (running || !onBoard()) return; running = true; scrollTimer = setInterval(function(){ if(!onBoard()){stop();return;} step(); }, SCROLL_MS); reloadTimer = setTimeout(function(){ if(onBoard()) window.location.reload(); }, RELOAD_MS); } window.addEventListener('pfp:route', function(){ stop(); setTimeout(start, 1500); }); setTimeout(start, 2500); })(); /* END PFP TECH BOARD AUTOPILOT */ /* PFP GO ROUTER - PACKAGE 22B After sign-in everyone lands on /go, which shows one button for their role. This clicks it so nobody has to. Runs on /go only. */ (function(){ var tries = 0, timer = null; function onGo(){ return /\/go\/?$/.test(window.location.pathname); } function attempt(){ tries++; if (!onGo() || tries > 20){ if(timer){clearInterval(timer);timer=null;} return; } if (window.PFP && window.PFP.consumeNext && sessionStorage.getItem('pfp.next')) { if(timer){clearInterval(timer);timer=null;} window.PFP.consumeNext(); return; } var b = document.querySelector('.pfp-go a, .pfp-go .ab-button'); if (b){ if(timer){clearInterval(timer);timer=null;} b.click(); } } function arm(){ if(timer) clearInterval(timer); tries = 0; timer = setInterval(attempt, 400); } window.addEventListener('pfp:route', function(){ if(onGo()) arm(); }); setTimeout(function(){ if(onGo()) arm(); }, 1200); })(); /* END PFP GO ROUTER */ /* PFP RETURN-TO-PAGE - PACKAGE 22B Baserow puts the page you originally wanted in ?next= on the sign-in page. Our after-login step sends everyone to /go, which would otherwise lose it. So: remember it on /login, and honour it on /go. */ (function(){ var KEY = 'pfp.next'; function onLogin(){ return /\/login\/?$/.test(window.location.pathname); } function onGo(){ return /\/go\/?$/.test(window.location.pathname); } function remember(){ if (!onLogin()) return; try{ var m = window.location.search.match(/[?&]next=([^&]+)/); if (!m) { sessionStorage.removeItem(KEY); return; } var v = m[1]; for (var i=0;i<3;i++){ try{ var d = decodeURIComponent(v); if (d === v) break; v = d; }catch(e){ break; } } if (v && v.charAt(0) === '/') sessionStorage.setItem(KEY, v); }catch(e){} } function consume(){ if (!onGo()) return false; try{ var v = sessionStorage.getItem(KEY); if (!v) return false; sessionStorage.removeItem(KEY); if (v.charAt(0) !== '/' || v.indexOf('//') === 0) return false; if (/\/go\/?$/.test(v) || /\/login\/?$/.test(v)) return false; window.location.href = v; return true; }catch(e){ return false; } } window.PFP = window.PFP || {}; window.PFP.consumeNext = consume; window.addEventListener('pfp:route', function(){ remember(); }); remember(); setTimeout(function(){ consume(); }, 600); })(); /* END PFP RETURN-TO-PAGE */

PFP Service Manager

Ready for Pickup