Skip to content

Fix missing PurchaseOrderModal, /api/tasks 404, debug logs, and invisible chart labels - #236

Open
julazcano wants to merge 4 commits into
beck-source:mainfrom
julazcano:new_features
Open

Fix missing PurchaseOrderModal, /api/tasks 404, debug logs, and invisible chart labels#236
julazcano wants to merge 4 commits into
beck-source:mainfrom
julazcano:new_features

Conversation

@julazcano

Copy link
Copy Markdown

Summary

  • Add PurchaseOrderModal.vue and wire it into Dashboard.vue so the Create PO / View PO buttons on the Inventory Shortages table actually work (the component was referenced in the template but never created, causing a Vue warning on every page load)
  • Add missing backend endpoints: GET/POST /api/tasks, PATCH/DELETE /api/tasks/{id}, POST /api/purchase-orders, GET /api/purchase-orders/{backlog_item_id} — backed by new in-memory data files (server/data/tasks.json), fixing a 404 that fired on every app load
  • Remove leftover debug console.log statements from Reports.vue
  • Fix invisible category values on the Overview "Inventory Value by Category" bar chart — the value label was white text rendered inside the colored bar, which became invisible when it overflowed onto the near-white container background for short bars (e.g. "Circuit Boards" showed nothing, "Actuators" showed a truncated "6.2K" instead of "$76.2K")

Found via a Playwright pass over all nav tabs; all four issues reproduced with real console errors/warnings and a visual screenshot diff before being fixed.

Test plan

  • Backend: curl verified GET/POST /api/tasks, POST /api/purchase-orders, GET /api/purchase-orders/{id} all return expected data
  • Frontend: Playwright pass confirms zero console errors/warnings on load (previously: Vue "Failed to resolve component: PurchaseOrderModal" warning + /api/tasks 404)
  • Clicked "Create PO" on a shortage row → modal opens, form submits, PO created
  • Clicked "View PO" on the same row → modal shows the created PO's details
  • Verified all five category bar values are legible regardless of bar width

🤖 Generated with Claude Code

https://claude.ai/code/session_014VSJEMkJrkU3zxHqWHX2bS

julazcano and others added 4 commits July 29, 2026 14:08
Lets users set a budget and get demand-forecast-based restock
recommendations (greedy by demand gap), submit them via a new
POST /api/restocking endpoint, and see submitted orders with
delivery lead time in a new Orders tab section.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01M3DuWAWcHvYp4K22srxCwc
Replaces the top horizontal nav with a fixed vertical sidebar
(brand, icon nav links, active-state highlighting, profile/language
in the footer), backed by a CSS custom-property token system for
color, spacing, radius, and shadows. FilterBar now sits in a slim
content header instead of its own sticky bar.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01M3DuWAWcHvYp4K22srxCwc
…ible chart labels

- Add PurchaseOrderModal.vue and wire it into Dashboard.vue so the
  Create PO / View PO buttons on the Inventory Shortages table work
  (component was referenced in the template but never created)
- Add missing /api/tasks (GET/POST/PATCH/DELETE) and /api/purchase-orders
  (POST/GET) backend endpoints backed by in-memory tasks.json/purchase_orders.json
- Remove leftover debug console.log statements from Reports.vue
- Fix invisible category values on the Overview "Inventory Value by
  Category" bar chart by moving the label outside the colored bar
  (previously white text could land on the near-white background for
  short bars, making it unreadable)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014VSJEMkJrkU3zxHqWHX2bS
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant