[Supplier] Phase 4: Supplier Catalog & Interactive Pricing Matrix (/suppliers/[id]) #198

New issue

Closed

opened 2026-10-03 23:22:23 +00:00 by yuris · 0 comments

yuris commented

2026-10-03 23:22:23 +00:00

Owner

Overview

Implement the dedicated supplier detail view and catalog price review matrix at /suppliers/[id], featuring in-row invoice calculation tools, neutral strategic margin selectors, live margin computations, and quick WhatsApp communication.

Principles Applied

principle-model-the-domain: Financial formulas encoded in pure helpers (Markup: Jual = Modal / (1 - Margin)).
principle-experience-first: Spreadsheet-style in-place editing for high admin speed.

Scope & Tasks

Build header card displaying PIC, WhatsApp, invoice terms, and action buttons ([ 💬 WhatsApp ] and [ ✓ Tandai Selesai Dicek ]) positioned beside the supplier name on desktop.
Build spreadsheet-style desktop table and mobile item cards.
Add in-row calculator popover attached to Modal Lalu for Netto calculations (Gross, Discount %, PPN 11%).
Add strategic margin popover with tiers: 10% Penarik, 20% Rutin, 35% Khusus.
Explicit Constraint: All three margin presets must use neutral styling; do NOT highlight the 20% option green.
Live margin recalculation with red warning for margins < 10%.

Acceptance Criteria

In-row calculator correctly computes Netto from Gross, Discount, and PPN.
Margin popover options (10%, 20%, 35%) are visually neutral with no green highlight on 20%.
Selecting a margin preset updates the selling price input instantly.
pnpm verify:management passes.

### Overview Implement the dedicated supplier detail view and catalog price review matrix at `/suppliers/[id]`, featuring in-row invoice calculation tools, neutral strategic margin selectors, live margin computations, and quick WhatsApp communication. ### Principles Applied - `principle-model-the-domain`: Financial formulas encoded in pure helpers (Markup: Jual = Modal / (1 - Margin)). - `principle-experience-first`: Spreadsheet-style in-place editing for high admin speed. ### Scope & Tasks - Build header card displaying PIC, WhatsApp, invoice terms, and action buttons (`[ 💬 WhatsApp ]` and `[ ✓ Tandai Selesai Dicek ]`) positioned beside the supplier name on desktop. - Build spreadsheet-style desktop table and mobile item cards. - Add in-row calculator popover attached to `Modal Lalu` for Netto calculations (Gross, Discount %, PPN 11%). - Add strategic margin popover with tiers: `10% Penarik`, `20% Rutin`, `35% Khusus`. - **Explicit Constraint:** All three margin presets must use neutral styling; do NOT highlight the 20% option green. - Live margin recalculation with red warning for margins < 10%. ### Acceptance Criteria - [x] In-row calculator correctly computes Netto from Gross, Discount, and PPN. - [x] Margin popover options (10%, 20%, 35%) are visually neutral with no green highlight on 20%. - [x] Selecting a margin preset updates the selling price input instantly. - [x] `pnpm verify:management` passes.

yuris changed title from ~~[Pemasok] Phase 4: Supplier Catalog & Interactive Pricing Matrix (/pemasok/[id])~~ to [Supplier] Phase 4: Supplier Catalog & Interactive Pricing Matrix (/suppliers/[id])

2026-10-03 23:23:17 +00:00

yuris referenced this issue from a commit

2026-10-04 00:19:56 +00:00

feat(suppliers): supplier catalog interactive pricing matrix and Netto calculator (#198)

yuris referenced this issue from a pull request that will close it,

2026-10-04 00:19:58 +00:00

feat(suppliers): supplier catalog interactive pricing matrix and Netto calculator (#198) #204

yuris closed this issue

2026-10-04 00:33:24 +00:00

yuris referenced this issue from a commit

2026-10-04 00:33:26 +00:00

feat(suppliers): supplier catalog interactive pricing matrix and Netto calculator (#198)