Erik
aa115a0b8d
Vue 3 + Vite 8 + TS + PrimeVue 4 (Nora/Industrial) + Pinia + vue-i18n SPA, served by the SPRO gateway as a static page-module under /module/temper_overview and embedded into Grafana via iframe. - Ports the LOCKED design #4 "Shop-floor Schematic": one connected line Pressen -> (cyan) -> Ofen -> (green) -> Fertig; carts under their origin press; oven trays as dwell-progress bars; finished band; range picker scoping only the Fertig figures. Flow/order colours match PressV (fleet recognisability). - Python page-module wrapper: register(app) mounts committed dist/ + a no-auth read API (GET /api/overview). Kernel DB seam in _db.py. - Backend returns SAMPLE data; frontend falls back to bundled sample so `npm run dev` renders with zero backend (TODO markers point at the real temper aggregates). - Rich README bakes in the design, contract, wiring + Grafana embedding for standalone development. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
16 lines
766 B
JavaScript
16 lines
766 B
JavaScript
// Tailwind config — opts into the @sp-ui-kit/tokens preset (same as PressV).
|
|
//
|
|
// This SPA uses Tailwind v4's CSS-first @theme directive in src/style.css for
|
|
// its OWN tokens (flow/order colours, HMI breakpoints). This file is ADDITIVE —
|
|
// it pulls in the sp-ui-kit token surface (primary scale, surface levels,
|
|
// status colours, nav vars, density-aware spacing) so `surface-1`, `ink`,
|
|
// `line`, `danger`, `hmi-sm:` etc. resolve identically to the rest of the fleet.
|
|
// Tailwind v4 auto-discovers this file; no @config directive needed in the CSS.
|
|
//
|
|
// .cjs because package.json is "type": "module" — keeps require() available.
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
presets: [require('@sp-ui-kit/tokens/tailwind-preset')],
|
|
}
|