feat(jobs,shopfloor): smart buttons + QR scanner + NFC tank pages

Three connected operator-workflow features for entech.

A. fp.job smart buttons — count fields and action methods for sale
   order, steps, deliveries, invoices, payments, quality holds,
   certificates, time logs, and portal job. Each is an oe_stat_button
   that drills into the matching records, mirroring the sale.order
   pattern. Cross-module models are runtime-detected so the form
   stays clean when bridge modules are uninstalled.

B. Reusable QR scanner OWL component (`<QrScanner/>`) wired into the
   Manager Desk, Tablet Station, Plant Overview, and Process Tree
   headers. Click → modal with rear-camera stream (getUserMedia) +
   BarcodeDetector live decode → opens the matching fp.job form via
   the action service. Falls back to a manual URL paste box on
   browsers without BarcodeDetector. Works on iOS 17+ Safari and
   Android Chrome. Width uses `min(420px, 92vw)` wrapped in #{} so
   dart-sass passes it through verbatim instead of trying to compute
   incompatible units at compile time.

C. /fp/tank/<id> public-but-auth-required tank status page for NFC
   taps. Renders the tank's current step (in-progress / paused),
   queued ready steps, and most recent bath chemistry log (lines
   table) on a mobile-first page. URL-based so it works on iOS Safari
   without the Web NFC API — the operator taps the NFC tag, the URL
   opens in the default browser, the page auto-renders. New
   web.assets_frontend bundle entry pulls in the design tokens +
   tank_status.scss.

Manifest version bumps: jobs 19.0.5.0.0, shopfloor 19.0.16.0.0.
Tests: 44 pass (3 new smart-button assertions added).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-04-25 12:39:37 -04:00
parent 18b5918d3d
commit 74db636458
21 changed files with 1116 additions and 8 deletions

View File

@@ -3,7 +3,7 @@
# License OPL-1 (Odoo Proprietary License v1.0)
{
'name': 'Fusion Plating — Native Jobs',
'version': '19.0.4.0.0',
'version': '19.0.5.0.0',
'category': 'Manufacturing/Plating',
'summary': 'Native plating job model — replaces mrp.production / mrp.workorder bridge.',
'author': 'Nexa Systems Inc.',

View File

@@ -14,7 +14,7 @@ import logging
from markupsafe import Markup
from odoo import fields, models
from odoo import api, fields, models
from odoo.exceptions import UserError
_logger = logging.getLogger(__name__)
@@ -65,6 +65,204 @@ class FpJob(models.Model):
'idempotency. Cleared post-cutover.',
)
# ------------------------------------------------------------------
# Smart-button counts (Feature A — operator workflow)
#
# Compute counts for each downstream model so the form view can
# render an oe_stat_button row similar to sale.order. Cross-module
# models are runtime-detected so this still works when one of the
# bridge modules is uninstalled.
# ------------------------------------------------------------------
sale_order_count = fields.Integer(compute='_compute_smart_counts')
delivery_count = fields.Integer(compute='_compute_smart_counts')
invoice_count = fields.Integer(compute='_compute_smart_counts')
payment_count = fields.Integer(compute='_compute_smart_counts')
quality_hold_count = fields.Integer(compute='_compute_smart_counts')
certificate_count = fields.Integer(compute='_compute_smart_counts')
timelog_count = fields.Integer(compute='_compute_smart_counts')
portal_job_count = fields.Integer(compute='_compute_smart_counts')
@api.depends(
'sale_order_id', 'delivery_id', 'portal_job_id', 'step_ids',
'step_ids.time_log_ids', 'origin', 'partner_id',
)
def _compute_smart_counts(self):
AccountMove = self.env.get('account.move')
AccountPayment = self.env.get('account.payment')
QualityHold = self.env.get('fusion.plating.quality.hold')
Certificate = self.env.get('fp.certificate')
for job in self:
job.sale_order_count = 1 if job.sale_order_id else 0
job.delivery_count = 1 if job.delivery_id else 0
job.portal_job_count = 1 if job.portal_job_id else 0
# Invoices via origin (the SO name)
if AccountMove is not None and job.origin:
job.invoice_count = AccountMove.search_count([
('invoice_origin', '=', job.origin),
('move_type', 'in', ('out_invoice', 'out_refund')),
])
else:
job.invoice_count = 0
# Payments — find invoices for this SO, then payments
# reconciled against them.
if (AccountMove is not None and AccountPayment is not None
and job.origin):
inv_ids = AccountMove.search([
('invoice_origin', '=', job.origin),
('move_type', 'in', ('out_invoice', 'out_refund')),
]).ids
if inv_ids:
job.payment_count = AccountPayment.search_count([
('reconciled_invoice_ids', 'in', inv_ids),
])
else:
job.payment_count = 0
else:
job.payment_count = 0
if QualityHold is not None:
job.quality_hold_count = QualityHold.search_count([
('x_fc_job_id', '=', job.id),
])
else:
job.quality_hold_count = 0
if Certificate is not None:
job.certificate_count = Certificate.search_count([
('x_fc_job_id', '=', job.id),
])
else:
job.certificate_count = 0
job.timelog_count = sum(
len(s.time_log_ids) for s in job.step_ids
)
# ------------------------------------------------------------------
# Smart-button actions
# ------------------------------------------------------------------
def action_view_sale_order(self):
self.ensure_one()
if not self.sale_order_id:
return {'type': 'ir.actions.act_window_close'}
return {
'type': 'ir.actions.act_window',
'res_model': 'sale.order',
'res_id': self.sale_order_id.id,
'view_mode': 'form',
'name': self.sale_order_id.name,
}
def action_view_steps(self):
self.ensure_one()
return {
'type': 'ir.actions.act_window',
'res_model': 'fp.job.step',
'view_mode': 'list,form',
'domain': [('job_id', '=', self.id)],
'name': 'Steps — %s' % self.name,
'context': {'default_job_id': self.id},
}
def action_view_deliveries(self):
self.ensure_one()
if not self.delivery_id:
return {'type': 'ir.actions.act_window_close'}
return {
'type': 'ir.actions.act_window',
'res_model': 'fusion.plating.delivery',
'res_id': self.delivery_id.id,
'view_mode': 'form',
'name': self.delivery_id.name,
}
def action_view_invoices(self):
self.ensure_one()
if not self.origin:
return {'type': 'ir.actions.act_window_close'}
return {
'type': 'ir.actions.act_window',
'res_model': 'account.move',
'view_mode': 'list,form',
'domain': [
('invoice_origin', '=', self.origin),
('move_type', 'in', ('out_invoice', 'out_refund')),
],
'name': 'Invoices — %s' % self.name,
}
def action_view_payments(self):
self.ensure_one()
if not self.origin:
return {'type': 'ir.actions.act_window_close'}
AccountMove = self.env.get('account.move')
if AccountMove is None:
return {'type': 'ir.actions.act_window_close'}
inv_ids = AccountMove.search([
('invoice_origin', '=', self.origin),
('move_type', 'in', ('out_invoice', 'out_refund')),
]).ids
return {
'type': 'ir.actions.act_window',
'res_model': 'account.payment',
'view_mode': 'list,form',
'domain': (
[('reconciled_invoice_ids', 'in', inv_ids)]
if inv_ids else [('id', '=', 0)]
),
'name': 'Payments — %s' % self.name,
}
def action_view_quality_holds(self):
self.ensure_one()
return {
'type': 'ir.actions.act_window',
'res_model': 'fusion.plating.quality.hold',
'view_mode': 'list,form',
'domain': [('x_fc_job_id', '=', self.id)],
'name': 'Quality Holds — %s' % self.name,
'context': {'default_x_fc_job_id': self.id},
}
def action_view_certificates(self):
self.ensure_one()
return {
'type': 'ir.actions.act_window',
'res_model': 'fp.certificate',
'view_mode': 'list,form',
'domain': [('x_fc_job_id', '=', self.id)],
'name': 'Certificates — %s' % self.name,
'context': {'default_x_fc_job_id': self.id},
}
def action_view_timelogs(self):
self.ensure_one()
step_ids = self.step_ids.ids
return {
'type': 'ir.actions.act_window',
'res_model': 'fp.job.step.timelog',
'view_mode': 'list,form',
'domain': (
[('step_id', 'in', step_ids)]
if step_ids else [('id', '=', 0)]
),
'name': 'Time Logs — %s' % self.name,
}
def action_view_portal_job(self):
self.ensure_one()
if not self.portal_job_id:
return {'type': 'ir.actions.act_window_close'}
return {
'type': 'ir.actions.act_window',
'res_model': 'fusion.plating.portal.job',
'res_id': self.portal_job_id.id,
'view_mode': 'form',
'name': self.portal_job_id.name,
}
# ------------------------------------------------------------------
# Recipe → fp.job.step generation (Task 2.4)
#

View File

@@ -576,6 +576,53 @@ class TestPhase6Controllers(TransactionCase):
self.assertEqual(step_by_node[op.id].name, 'Op1')
class TestFpJobSmartButtons(TransactionCase):
"""Feature A — verify smart-button count fields and action methods
are wired on fp.job. Runtime-detect tests confirm the methods exist
without requiring downstream models to be installed."""
def test_smart_count_fields_exist(self):
for f in (
'sale_order_count', 'delivery_count', 'invoice_count',
'payment_count', 'quality_hold_count', 'certificate_count',
'timelog_count', 'portal_job_count',
):
self.assertIn(f, self.env['fp.job']._fields)
def test_smart_action_methods_exist(self):
Job = self.env['fp.job']
for m in (
'action_view_sale_order', 'action_view_steps',
'action_view_deliveries', 'action_view_invoices',
'action_view_payments', 'action_view_quality_holds',
'action_view_certificates', 'action_view_timelogs',
'action_view_portal_job',
):
self.assertTrue(
hasattr(Job, m),
'fp.job missing action method %s' % m,
)
def test_smart_counts_compute_for_empty_job(self):
partner = self.env['res.partner'].create({'name': 'C'})
product = self.env['product.product'].create({'name': 'W'})
job = self.env['fp.job'].create({
'partner_id': partner.id,
'product_id': product.id,
'qty': 1.0,
})
# All counts should be 0 on a freshly-created job (no SO,
# no delivery, no portal job, no holds, etc.)
self.assertEqual(job.sale_order_count, 0)
self.assertEqual(job.delivery_count, 0)
self.assertEqual(job.invoice_count, 0)
self.assertEqual(job.payment_count, 0)
self.assertEqual(job.quality_hold_count, 0)
self.assertEqual(job.certificate_count, 0)
self.assertEqual(job.timelog_count, 0)
self.assertEqual(job.portal_job_count, 0)
class TestPhase7Migration(TransactionCase):
"""Phase 7 — verify the migration script idempotency-key fields are
in place and the script files are present + parse as valid Python.

View File

@@ -1,11 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<!--
Adds a "Process Tree" button to the fp.job form header, calling
fp.job.action_open_process_tree (which launches the canonical
fp_process_tree shopfloor client action with job_id in context).
Adds a "Process Tree" header button + smart-button row to the
fp.job form. The fp.job form in core has no button_box yet, so
we inject one at the top of the sheet (xpath //sheet position
"inside" with a sibling reference at the start).
Hidden while the job is in draft (no recipe-derived steps yet).
Smart buttons appear only when the underlying count is > 0
(except Steps, which always shows since every confirmed job
has steps). Pattern follows the existing oe_stat_button row
from sale.order / mrp.production.
Process Tree header button is hidden while the job is in draft
(no recipe-derived steps yet).
-->
<record id="view_fp_job_form_jobs_inherit" model="ir.ui.view">
<field name="name">fp.job.form.jobs.inherit</field>
@@ -19,6 +26,67 @@
icon="fa-sitemap"
invisible="state == 'draft'"/>
</xpath>
<!-- Inject a button_box at the top of the sheet, before the
oe_title block. Smart buttons drill into the matching
records the way sale.order does. -->
<xpath expr="//sheet/div[hasclass('oe_title')]" position="before">
<div class="oe_button_box" name="button_box">
<button name="action_view_sale_order" type="object"
class="oe_stat_button" icon="fa-shopping-cart"
invisible="sale_order_count == 0">
<field name="sale_order_count" widget="statinfo"
string="Sale Order"/>
</button>
<button name="action_view_steps" type="object"
class="oe_stat_button" icon="fa-list-ol">
<field name="step_count" widget="statinfo"
string="Steps"/>
</button>
<button name="action_view_deliveries" type="object"
class="oe_stat_button" icon="fa-truck"
invisible="delivery_count == 0">
<field name="delivery_count" widget="statinfo"
string="Delivery"/>
</button>
<button name="action_view_invoices" type="object"
class="oe_stat_button" icon="fa-file-text-o"
invisible="invoice_count == 0">
<field name="invoice_count" widget="statinfo"
string="Invoices"/>
</button>
<button name="action_view_payments" type="object"
class="oe_stat_button" icon="fa-money"
invisible="payment_count == 0">
<field name="payment_count" widget="statinfo"
string="Payments"/>
</button>
<button name="action_view_quality_holds" type="object"
class="oe_stat_button" icon="fa-pause-circle"
invisible="quality_hold_count == 0">
<field name="quality_hold_count" widget="statinfo"
string="Holds"/>
</button>
<button name="action_view_certificates" type="object"
class="oe_stat_button" icon="fa-certificate"
invisible="certificate_count == 0">
<field name="certificate_count" widget="statinfo"
string="Certificates"/>
</button>
<button name="action_view_timelogs" type="object"
class="oe_stat_button" icon="fa-clock-o"
invisible="timelog_count == 0">
<field name="timelog_count" widget="statinfo"
string="Time Logs"/>
</button>
<button name="action_view_portal_job" type="object"
class="oe_stat_button" icon="fa-globe"
invisible="portal_job_count == 0">
<field name="portal_job_count" widget="statinfo"
string="Portal Job"/>
</button>
</div>
</xpath>
</field>
</record>
</odoo>

View File

@@ -5,7 +5,7 @@
{
'name': 'Fusion Plating — Shop Floor',
'version': '19.0.15.0.0',
'version': '19.0.16.0.0',
'category': 'Manufacturing/Plating',
'summary': 'Shop-floor tablet stations, QR scanning, bake window enforcer, '
'first-piece inspection gates.',
@@ -50,6 +50,7 @@ Copyright (c) 2026 Nexa Systems Inc. All rights reserved.
'views/fp_bake_window_views.xml',
'views/fp_first_piece_gate_views.xml',
'views/fp_plant_overview_views.xml',
'views/tank_status_template.xml',
'views/fp_menu.xml',
],
'demo': [
@@ -61,11 +62,16 @@ Copyright (c) 2026 Nexa Systems Inc. All rights reserved.
# and variables directly (Odoo 19 forbids @import in custom SCSS,
# so tokens are resolved via bundle concatenation order).
'fusion_plating_shopfloor/static/src/scss/_fp_shopfloor_tokens.scss',
'fusion_plating_shopfloor/static/src/scss/qr_scanner.scss',
'fusion_plating_shopfloor/static/src/scss/fusion_plating_shopfloor.scss',
'fusion_plating_shopfloor/static/src/scss/plant_overview.scss',
'fusion_plating_shopfloor/static/src/scss/process_tree.scss',
'fusion_plating_shopfloor/static/src/scss/manager_dashboard.scss',
'fusion_plating_shopfloor/static/src/scss/fp_kanbans.scss',
# qr_scanner.js MUST load before its consumers so the
# `import { QrScanner } from "./qr_scanner"` resolves.
'fusion_plating_shopfloor/static/src/js/qr_scanner.js',
'fusion_plating_shopfloor/static/src/xml/qr_scanner.xml',
'fusion_plating_shopfloor/static/src/xml/shopfloor_tablet.xml',
'fusion_plating_shopfloor/static/src/xml/plant_overview.xml',
'fusion_plating_shopfloor/static/src/xml/process_tree.xml',
@@ -75,6 +81,12 @@ Copyright (c) 2026 Nexa Systems Inc. All rights reserved.
'fusion_plating_shopfloor/static/src/js/process_tree.js',
'fusion_plating_shopfloor/static/src/js/manager_dashboard.js',
],
'web.assets_frontend': [
# Tank status page (rendered via web.frontend_layout for
# NFC tap-to-view from a phone). Tokens loaded first.
'fusion_plating_shopfloor/static/src/scss/_fp_shopfloor_tokens.scss',
'fusion_plating_shopfloor/static/src/scss/tank_status.scss',
],
},
'installable': True,
'application': False,

View File

@@ -4,3 +4,4 @@
from . import shopfloor_controller
from . import manager_controller
from . import tank_status

View File

@@ -0,0 +1,71 @@
# -*- coding: utf-8 -*-
# Copyright 2026 Nexa Systems Inc.
# License OPL-1 (Odoo Proprietary License v1.0)
#
# /fp/tank/<id> — mobile-friendly tank status page. Linked from NFC
# tags on the physical tank. The operator taps the tag with a phone,
# the tag's URL opens this page in their default browser.
#
# Auth is `user` so an operator must be logged in (no public exposure
# of bath chemistry / job-customer data). Operators stay logged in on
# the shopfloor tablet, so this is friction-free in practice.
#
# Why URL-based and not Web NFC API: Web NFC is Chrome-Android only;
# iOS Safari does not expose any NFC API. iOS instead reads the URL
# off the tag's NDEF record and opens it in the default browser. As
# long as the tag stores the URL, both platforms Just Work.
from odoo import http
from odoo.http import request
class FpTankStatusController(http.Controller):
@http.route(
'/fp/tank/<int:tank_id>',
type='http',
auth='user',
website=False,
)
def fp_tank_status(self, tank_id, **kwargs):
Tank = request.env['fusion.plating.tank'].sudo()
tank = Tank.browse(tank_id).exists()
if not tank:
return request.render(
'fusion_plating_shopfloor.tank_status_not_found',
{'tank_id': tank_id},
)
# Find the active step on this tank (in progress or paused).
# fp.job.step.tank_id was added in fusion_plating core.
Step = request.env['fp.job.step'].sudo()
active_step = Step.search([
('tank_id', '=', tank.id),
('state', 'in', ('in_progress', 'paused')),
], order='date_started desc', limit=1)
# Up to 5 ready steps for this tank — the operator's "what's
# coming next" signal.
ready_steps = Step.search([
('tank_id', '=', tank.id),
('state', '=', 'ready'),
], order='sequence asc', limit=5)
# Most recent bath log. Readings are line-level
# (fusion.plating.bath.log.line), keyed by parameter_code (pH,
# temperature, nickel, etc.). The template iterates the lines.
bath_log = request.env['fusion.plating.bath.log'].sudo().search(
[('tank_id', '=', tank.id)],
order='log_date desc, create_date desc',
limit=1,
)
return request.render(
'fusion_plating_shopfloor.tank_status_page',
{
'tank': tank,
'active_step': active_step,
'ready_steps': ready_steps,
'bath_log': bath_log,
},
)

View File

@@ -16,10 +16,12 @@ import { Component, useState, onMounted, onWillUnmount } from "@odoo/owl";
import { registry } from "@web/core/registry";
import { rpc } from "@web/core/network/rpc";
import { useService } from "@web/core/utils/hooks";
import { QrScanner } from "./qr_scanner";
export class ManagerDashboard extends Component {
static template = "fusion_plating_shopfloor.ManagerDashboard";
static props = ["*"];
static components = { QrScanner };
setup() {
this.notification = useService("notification");

View File

@@ -22,10 +22,12 @@ import { Component, useState, onMounted, onWillUnmount } from "@odoo/owl";
import { registry } from "@web/core/registry";
import { rpc } from "@web/core/network/rpc";
import { useService } from "@web/core/utils/hooks";
import { QrScanner } from "./qr_scanner";
export class PlantOverview extends Component {
static template = "fusion_plating_shopfloor.PlantOverview";
static props = ["*"];
static components = { QrScanner };
setup() {
this.notification = useService("notification");

View File

@@ -24,10 +24,12 @@ import { Component, useState, onMounted } from "@odoo/owl";
import { registry } from "@web/core/registry";
import { rpc } from "@web/core/network/rpc";
import { useService } from "@web/core/utils/hooks";
import { QrScanner } from "./qr_scanner";
export class ProcessTree extends Component {
static template = "fusion_plating_shopfloor.ProcessTree";
static props = ["*"];
static components = { QrScanner };
setup() {
this.notification = useService("notification");

View File

@@ -0,0 +1,158 @@
/** @odoo-module **/
// =============================================================================
// Fusion Plating — Reusable QR Scanner OWL Component
// Copyright 2026 Nexa Systems Inc. · License OPL-1
//
// Renders a single button. On click, opens a modal that streams the rear
// camera into a <video> element and uses the browser's BarcodeDetector
// API to decode QR codes in real time. When a code is detected, parses
// it as a URL, extracts /fp/job/<id> (or /fp/wo/<id> as a legacy alias),
// and opens the matching fp.job form via the action service.
//
// Falls back to a paste-the-URL textbox if BarcodeDetector or
// getUserMedia is unavailable (e.g. on insecure origins, older Safari).
//
// BarcodeDetector is supported on:
// * Android Chrome (since 2019)
// * iOS Safari 17+ (2023)
// * Desktop Chrome / Edge
//
// Used by Manager Desk, Tablet Station, Plant Overview, and Process Tree
// headers — see each component's `static components = { QrScanner }`.
// =============================================================================
import { Component, useState, useRef, onWillUnmount } from "@odoo/owl";
import { useService } from "@web/core/utils/hooks";
export class QrScanner extends Component {
static template = "fusion_plating_shopfloor.QrScanner";
static props = {
label: { type: String, optional: true },
cssClass: { type: String, optional: true },
};
static defaultProps = {
label: "Scan",
cssClass: "btn btn-secondary",
};
setup() {
this.action = useService("action");
this.notification = useService("notification");
this.videoRef = useRef("video");
this.state = useState({
open: false,
error: null,
manualUrl: "",
supportsBarcode: typeof BarcodeDetector !== "undefined",
});
this.stream = null;
this.decodeLoopActive = false;
onWillUnmount(() => this._stopCamera());
}
async open() {
this.state.open = true;
this.state.error = null;
await this._startCamera();
}
close() {
this.state.open = false;
this._stopCamera();
}
async _startCamera() {
if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
this.state.error = "Camera access not available. Use the URL input below.";
return;
}
try {
this.stream = await navigator.mediaDevices.getUserMedia({
video: { facingMode: { ideal: "environment" } },
audio: false,
});
// Wait one paint tick so the t-ref resolves to the <video>
await new Promise((r) => requestAnimationFrame(r));
const v = this.videoRef.el;
if (v) {
v.srcObject = this.stream;
await v.play();
}
if (this.state.supportsBarcode) {
this._decodeLoop();
}
} catch (e) {
this.state.error = "Couldn't access camera: " + (e.message || e);
}
}
_stopCamera() {
this.decodeLoopActive = false;
if (this.stream) {
this.stream.getTracks().forEach((t) => t.stop());
this.stream = null;
}
}
async _decodeLoop() {
if (!this.state.supportsBarcode) return;
const detector = new BarcodeDetector({ formats: ["qr_code"] });
this.decodeLoopActive = true;
const v = this.videoRef.el;
if (!v) return;
const tick = async () => {
if (!this.decodeLoopActive || !this.state.open) return;
try {
if (v.readyState >= 2) {
const codes = await detector.detect(v);
if (codes.length > 0) {
this._handleCode(codes[0].rawValue);
return;
}
}
} catch (e) {
// Decode errors are noisy and recoverable — try again
// next frame. Real failures (camera revoked, etc.)
// surface via _startCamera's catch.
}
requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
}
onManualSubmit() {
if (this.state.manualUrl) {
this._handleCode(this.state.manualUrl);
}
}
/**
* Parse a decoded value (URL or raw id-bearing string) and route to
* the matching fp.job form. Accepts /fp/job/<id> and /fp/wo/<id>
* (legacy alias from older mrp.workorder stickers — both now point
* at fp.job).
*/
_handleCode(rawValue) {
const m = (rawValue || "").match(/\/fp\/(?:job|wo)\/(\d+)/);
if (!m) {
this.state.error =
"QR doesn't look like a job sticker. Got: " +
(rawValue || "").slice(0, 80);
this.state.manualUrl = "";
return;
}
const jobId = parseInt(m[1], 10);
this._stopCamera();
this.state.open = false;
this.action.doAction({
type: "ir.actions.act_window",
res_model: "fp.job",
res_id: jobId,
view_mode: "form",
views: [[false, "form"]],
target: "current",
});
this.notification.add("Opened job " + jobId, { type: "success" });
}
}

View File

@@ -19,10 +19,12 @@ import { Component, useState, onMounted, onWillUnmount, useRef } from "@odoo/owl
import { registry } from "@web/core/registry";
import { rpc } from "@web/core/network/rpc";
import { useService } from "@web/core/utils/hooks";
import { QrScanner } from "./qr_scanner";
export class ShopfloorTablet extends Component {
static template = "fusion_plating_shopfloor.ShopfloorTablet";
static props = ["*"];
static components = { QrScanner };
setup() {
this.notification = useService("notification");

View File

@@ -71,6 +71,12 @@ $pt-line-width : 2px;
top: 0;
z-index: 5;
}
.o_fp_pt_header_actions {
margin-left: auto;
display: flex;
align-items: center;
gap: $fp-space-2;
}
.o_fp_pt_back {
display: inline-flex;
align-items: center;

View File

@@ -0,0 +1,100 @@
// =============================================================================
// Fusion Plating — Reusable QR Scanner Modal
// Copyright 2026 Nexa Systems Inc. · License OPL-1
//
// Mobile-first modal that overlays the page. The video element fills
// the body with a fixed aspect ratio so the layout doesn't jump as
// the camera initialises.
//
// All surfaces resolve from the shop-floor design tokens
// (_fp_shopfloor_tokens.scss) so light + dark modes both work without
// extra rules.
// =============================================================================
.o_fp_qr_modal_backdrop {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.55);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.o_fp_qr_modal {
background: $fp-card;
color: $fp-ink;
border-radius: $fp-radius-lg;
box-shadow: $fp-elev-3;
// Wrap min() in #{...} so dart-sass doesn't try to compute it at
// compile time (it can't combine 420px and 92vw — the clamp/min
// functions are CSS-runtime, not SCSS). Pass through verbatim.
width: #{"min(420px, 92vw)"};
max-width: 92vw;
overflow: hidden;
font-family: $fp-font-stack;
}
.o_fp_qr_modal_head {
display: flex;
align-items: center;
justify-content: space-between;
padding: $fp-space-3 $fp-space-4;
border-bottom: 1px solid $fp-border;
h3 {
margin: 0;
font-size: $fp-text-lg;
color: $fp-ink;
}
}
.o_fp_qr_modal_body {
padding: $fp-space-4;
display: flex;
flex-direction: column;
gap: $fp-space-3;
}
.o_fp_qr_video {
width: 100%;
aspect-ratio: 4 / 3;
background: #000;
border-radius: $fp-radius-md;
object-fit: cover;
}
.o_fp_qr_error,
.o_fp_qr_warn {
padding: $fp-space-2 $fp-space-3;
border-radius: $fp-radius-sm;
background: $fp-card-soft;
color: $fp-ink-soft;
font-size: $fp-text-sm;
}
.o_fp_qr_error {
border-left: 3px solid $fp-bad;
}
.o_fp_qr_manual {
border-top: 1px solid $fp-border;
padding-top: $fp-space-3;
label {
font-size: $fp-text-sm;
color: $fp-ink-mute;
margin-bottom: 4px;
}
.form-control {
background: $fp-card-soft;
border: 1px solid $fp-border;
color: $fp-ink;
&:focus {
@include fp-focus-ring;
border-color: $fp-accent;
}
}
}

View File

@@ -0,0 +1,222 @@
// =============================================================================
// Fusion Plating — Tank Status (NFC tap-to-view)
// Copyright 2026 Nexa Systems Inc. · License OPL-1
//
// Mobile-first stylesheet for /fp/tank/<id>. Renders inside
// web.frontend_layout. Uses the shop-floor design tokens so light +
// dark themes both work without an extra rule set.
// =============================================================================
.o_fp_tank_status {
max-width: 720px;
margin: 0 auto;
padding: $fp-space-4;
color: $fp-ink;
font-family: $fp-font-stack;
background: $fp-page;
min-height: 100vh;
box-sizing: border-box;
}
.o_fp_tank_head {
text-align: center;
margin-bottom: $fp-space-5;
h1 {
font-size: $fp-text-2xl;
margin: 0 0 $fp-space-2;
color: $fp-ink;
i {
color: $fp-accent;
margin-right: $fp-space-2;
}
}
}
.o_fp_tank_meta {
color: $fp-ink-mute;
font-size: $fp-text-sm;
span + span::before {
content: " · ";
padding: 0 4px;
}
strong {
color: $fp-ink-soft;
margin-right: 4px;
}
}
.o_fp_tank_section {
background: $fp-card-soft;
border-radius: $fp-radius-md;
padding: $fp-space-4;
margin-bottom: $fp-space-4;
h2 {
font-size: $fp-text-md;
margin: 0 0 $fp-space-3;
color: $fp-ink-soft;
i {
margin-right: $fp-space-2;
color: $fp-accent;
}
}
}
.o_fp_tank_card {
background: $fp-card;
border: 1px solid $fp-border;
border-radius: $fp-radius-sm;
padding: $fp-space-3 $fp-space-4;
box-shadow: $fp-elev-1;
margin-bottom: $fp-space-2;
color: $fp-ink;
}
.o_fp_tank_card_compact {
display: flex;
flex-direction: column;
gap: 2px;
}
.o_fp_tank_card_title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: $fp-space-2;
gap: $fp-space-2;
}
.o_fp_tank_card_meta {
display: grid;
grid-template-columns: 1fr;
gap: $fp-space-2;
font-size: $fp-text-sm;
color: $fp-ink-soft;
span strong {
color: $fp-ink-mute;
margin-right: 6px;
}
}
.o_fp_tank_card_sub {
color: $fp-ink-mute;
font-size: $fp-text-sm;
}
.o_fp_tank_empty {
color: $fp-ink-mute;
font-style: italic;
text-align: center;
padding: $fp-space-3 0;
}
// State / status pills — use the same translucent-tint pattern as the
// other shop-floor surfaces so they read at a glance on a phone.
.o_fp_state_badge {
padding: 2px 8px;
border-radius: $fp-radius-pill;
font-size: $fp-text-xs;
text-transform: uppercase;
font-weight: $fp-weight-semibold;
letter-spacing: 0.5px;
background: color-mix(in srgb, #{$fp-ink-soft} 14%, transparent);
color: $fp-ink-soft;
&[data-state="in_progress"] {
background: color-mix(in srgb, #{$fp-accent} 18%, transparent);
color: $fp-accent;
}
&[data-state="paused"] {
background: color-mix(in srgb, #{$fp-warn} 18%, transparent);
color: $fp-warn;
}
&[data-state="ok"] {
background: color-mix(in srgb, #{$fp-ok} 18%, transparent);
color: $fp-ok;
}
&[data-state="warning"] {
background: color-mix(in srgb, #{$fp-warn} 18%, transparent);
color: $fp-warn;
}
&[data-state="out_of_spec"] {
background: color-mix(in srgb, #{$fp-bad} 18%, transparent);
color: $fp-bad;
}
}
// Bath chemistry grid — one cell per parameter reading.
.o_fp_tank_chem_grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: $fp-space-2;
margin-top: $fp-space-3;
border-top: 1px solid $fp-border;
padding-top: $fp-space-3;
}
.o_fp_tank_chem_cell {
background: $fp-card-soft;
border-radius: $fp-radius-sm;
padding: $fp-space-2 $fp-space-3;
text-align: center;
&[data-status="ok"] {
box-shadow: inset 0 0 0 1px color-mix(in srgb, #{$fp-ok} 40%, transparent);
}
&[data-status="warning"] {
box-shadow: inset 0 0 0 1px color-mix(in srgb, #{$fp-warn} 40%, transparent);
}
&[data-status="out_of_spec"] {
box-shadow: inset 0 0 0 1px color-mix(in srgb, #{$fp-bad} 50%, transparent);
}
}
.o_fp_tank_chem_label {
font-size: $fp-text-xs;
color: $fp-ink-mute;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.o_fp_tank_chem_value {
font-size: $fp-text-lg;
font-weight: $fp-weight-semibold;
color: $fp-ink;
margin-top: 2px;
small {
font-size: $fp-text-xs;
font-weight: $fp-weight-medium;
color: $fp-ink-mute;
margin-left: 2px;
}
}
.o_fp_tank_chem_range {
font-size: $fp-text-xs;
color: $fp-ink-faint;
margin-top: 2px;
}
.o_fp_tank_foot {
text-align: center;
color: $fp-ink-faint;
font-size: $fp-text-xs;
margin-top: $fp-space-6;
p {
margin: 0;
}
}

View File

@@ -44,6 +44,7 @@
t-att-disabled="state.isFetching">
<i t-att-class="'fa fa-refresh' + (state.isFetching ? ' fa-spin' : '')"/>
</button>
<QrScanner cssClass="'btn'"/>
<button t-att-class="'btn ' + (state.mode === 'quick' ? 'btn-primary' : '')"
t-on-click="toggleMode">
<t t-if="state.mode === 'quick'">Quick View</t>

View File

@@ -43,6 +43,7 @@
title="Refresh">
<i t-att-class="state.loading ? 'fa fa-spinner fa-spin' : 'fa fa-refresh'"/>
</button>
<QrScanner cssClass="'btn btn-outline-secondary'"/>
</div>
</div>

View File

@@ -106,6 +106,9 @@
<span t-if="state.recipe"> · <i class="fa fa-flask me-1"/><t t-esc="state.recipe"/></span>
</div>
</div>
<div class="o_fp_pt_header_actions">
<QrScanner cssClass="'btn btn-outline-secondary'"/>
</div>
</div>
<!-- ========== LOADING ========== -->

View File

@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
Copyright 2026 Nexa Systems Inc. · License OPL-1
Fusion Plating — Reusable QR Scanner template
-->
<templates xml:space="preserve">
<t t-name="fusion_plating_shopfloor.QrScanner">
<button t-att-class="props.cssClass + ' o_fp_qr_btn'"
t-on-click="() => this.open()">
<i class="fa fa-qrcode me-1"/>
<t t-esc="props.label"/>
</button>
<div t-if="state.open" class="o_fp_qr_modal_backdrop"
t-on-click="close">
<div class="o_fp_qr_modal" t-on-click.stop="">
<div class="o_fp_qr_modal_head">
<h3>Scan job QR</h3>
<button class="btn btn-sm btn-light" t-on-click="close">
<i class="fa fa-times"/>
</button>
</div>
<div class="o_fp_qr_modal_body">
<div t-if="!state.supportsBarcode and !state.error"
class="o_fp_qr_warn">
Live decoding isn't supported on this browser.
Paste the URL below.
</div>
<video t-if="state.supportsBarcode" t-ref="video"
class="o_fp_qr_video" muted="true" playsinline="true"/>
<div t-if="state.error" class="o_fp_qr_error">
<i class="fa fa-exclamation-triangle me-1"/>
<span t-esc="state.error"/>
</div>
<div class="o_fp_qr_manual">
<label class="form-label">Or paste sticker URL</label>
<input class="form-control" t-model="state.manualUrl"
placeholder="https://entech/.../fp/job/123"
t-on-keyup="(e) => e.key === 'Enter' &amp;&amp; this.onManualSubmit()"/>
<button class="btn btn-primary mt-2"
t-on-click="() => this.onManualSubmit()">Open</button>
</div>
</div>
</div>
</div>
</t>
</templates>

View File

@@ -42,8 +42,9 @@
</t>
</select>
<button class="o_fp_scan_toggle" t-on-click="toggleScan">
<i class="fa fa-qrcode me-1"/>Scan
<i class="fa fa-qrcode me-1"/>Code
</button>
<QrScanner cssClass="'o_fp_scan_toggle'" label="'Camera'"/>
</div>
</header>

View File

@@ -0,0 +1,165 @@
<?xml version="1.0" encoding="UTF-8"?>
<!--
Copyright 2026 Nexa Systems Inc. · License OPL-1
Fusion Plating — Tank Status (NFC tap-to-view) page
Rendered by /fp/tank/<id>. Mobile-first layout with big touch
targets so an operator can read the tank's current state from a
phone after tapping the NFC tag.
-->
<odoo>
<template id="tank_status_page">
<t t-call="web.frontend_layout">
<t t-set="head">
<meta name="viewport"
content="width=device-width, initial-scale=1, viewport-fit=cover"/>
</t>
<div class="o_fp_tank_status">
<header class="o_fp_tank_head">
<h1>
<i class="fa fa-flask"/>
<span t-esc="tank.name"/>
</h1>
<div class="o_fp_tank_meta">
<span t-if="tank.code"><strong>Code:</strong> <span t-esc="tank.code"/></span>
<span t-if="tank.current_bath_id"><strong>Bath:</strong> <span t-esc="tank.current_bath_id.name"/></span>
<span t-if="tank.facility_id"><strong>Facility:</strong> <span t-esc="tank.facility_id.name"/></span>
<span t-if="tank.work_center_id"><strong>Work Centre:</strong> <span t-esc="tank.work_center_id.name"/></span>
</div>
</header>
<section class="o_fp_tank_section o_fp_tank_section_active">
<h2>
<i t-if="active_step" class="fa fa-cog fa-spin"/>
<i t-if="not active_step" class="fa fa-circle-o"/>
Current Job
</h2>
<div t-if="active_step" class="o_fp_tank_card">
<div class="o_fp_tank_card_title">
<strong><span t-esc="active_step.job_id.name"/></strong>
<span class="o_fp_state_badge"
t-att-data-state="active_step.state">
<span t-esc="active_step.state"/>
</span>
</div>
<div class="o_fp_tank_card_meta">
<span>
<strong>Customer:</strong>
<span t-esc="active_step.job_id.partner_id.name"/>
</span>
<span>
<strong>Step:</strong>
<span t-esc="active_step.name"/>
</span>
<span t-if="active_step.assigned_user_id">
<strong>Operator:</strong>
<span t-esc="active_step.assigned_user_id.name"/>
</span>
<span t-if="active_step.duration_expected">
<strong>Expected:</strong>
<span t-esc="int(active_step.duration_expected)"/> min
</span>
<span t-if="active_step.thickness_target">
<strong>Target thickness:</strong>
<span t-esc="active_step.thickness_target"/>
<span t-esc="active_step.thickness_uom or ''"/>
</span>
<span t-if="active_step.date_started">
<strong>Started:</strong>
<span t-esc="active_step.date_started"/>
</span>
</div>
</div>
<div t-if="not active_step" class="o_fp_tank_empty">
Tank is idle.
</div>
</section>
<section class="o_fp_tank_section">
<h2><i class="fa fa-clock-o"/>Up Next</h2>
<div t-if="ready_steps" class="o_fp_tank_list">
<t t-foreach="ready_steps" t-as="step">
<div class="o_fp_tank_card o_fp_tank_card_compact">
<strong><span t-esc="step.job_id.name"/></strong>
<span class="o_fp_tank_card_sub">
<span t-esc="step.job_id.partner_id.name"/>
· <span t-esc="step.name"/>
<t t-if="step.duration_expected">
· <span t-esc="int(step.duration_expected)"/> min
</t>
</span>
</div>
</t>
</div>
<div t-if="not ready_steps" class="o_fp_tank_empty">
No queued work for this tank.
</div>
</section>
<section t-if="bath_log" class="o_fp_tank_section">
<h2><i class="fa fa-tint"/>Bath Chemistry</h2>
<div class="o_fp_tank_card">
<div class="o_fp_tank_card_meta">
<span>
<strong>Status:</strong>
<span class="o_fp_state_badge"
t-att-data-state="bath_log.status"
t-esc="bath_log.status or '—'"/>
</span>
<span t-if="bath_log.log_date">
<strong>Last sampled:</strong>
<span t-esc="bath_log.log_date"/>
</span>
<span t-if="bath_log.operator_id">
<strong>Sampled by:</strong>
<span t-esc="bath_log.operator_id.name"/>
</span>
</div>
<div t-if="bath_log.line_ids"
class="o_fp_tank_chem_grid">
<t t-foreach="bath_log.line_ids" t-as="line">
<div class="o_fp_tank_chem_cell"
t-att-data-status="line.status">
<div class="o_fp_tank_chem_label">
<span t-esc="line.parameter_id.name or line.parameter_code or '—'"/>
</div>
<div class="o_fp_tank_chem_value">
<span t-esc="line.value"/>
<small t-if="line.uom" t-esc="line.uom"/>
</div>
<div class="o_fp_tank_chem_range"
t-if="line.target_min or line.target_max">
target
<t t-if="line.target_min"><span t-esc="line.target_min"/></t>
<t t-if="line.target_min and line.target_max"> </t>
<t t-if="line.target_max"><span t-esc="line.target_max"/></t>
</div>
</div>
</t>
</div>
</div>
</section>
<footer class="o_fp_tank_foot">
<p>Tap the NFC tag again or scan a part-box QR for job details.</p>
</footer>
</div>
</t>
</template>
<template id="tank_status_not_found">
<t t-call="web.frontend_layout">
<div class="o_fp_tank_status">
<header class="o_fp_tank_head">
<h1>
<i class="fa fa-exclamation-triangle"/>
Tank not found
</h1>
</header>
<section class="o_fp_tank_section">
<p>No tank with id <strong t-esc="tank_id"/>.</p>
</section>
</div>
</t>
</template>
</odoo>