Traxs

Traxs — Receive Goods SPA for The Bear Traxs A lightweight WordPress plugin that provides a mobile-first kiosk interface to list POs and receive goods, bridging data from the Eject system. Design ground rules (non-negotiable): - Files ≤ 100 lines each (JS/PHP/CSS) unless truly unavoidable. - No inline CSS in JS or PHP. All styling lives in /assets/css/. - Mobile portrait first. Buttons stacked, centered. Kiosk use. - Color palette: background #0e243c (navy), buttons #ffd078 (yellow), accent #863d3d (brown). - Navigation uses hash routes (e.g., /#/, /#/pos, /#/receive?po=ID). - Security: any state-changing REST route requires managewoocommerce. 1) What the user sees A. Home screen (after login → /traxs/ → /#/) - Centered title: “Traxs” in #ffd078. - Centered logo: Bear Traxs mark, 120px. - Three stacked buttons (full-width up to 320px): 1. Receive Goods → route to /#/pos 2. Print Work Orders → route to /#/print (placeholder) 3. Scan Work Order → route to /#/scan (placeholder) - Background everywhere: #0e243c. - Buttons: #ffd078, no corner radius, bold, centered, stacked. B. POs list (route /#/pos) - Header area shows centered logo. - Title text “POs”. - For each finalized