redesign layout and expand to full SCM coverage

- Replace MatOne-clone sidebar with distinct blue navy sidebar design
- Lighter blue color palette (#5699DA) for better readability
- Remove app icon/logo, use text 'SCM' branding
- Fix sidebar active tab highlighting (only current page, not entire group)
- Fix duplicated title/search/button inside overflow-x-auto containers
- Restructure all list pages: filters before table, table outside flex

Add 20 new pages to cover missing requirements from SCM spec:
- Purchase Requisition (list, create, approval queue)
- PO 3-Way Matching with mismatch detail view
- PO Amendment workflow
- Supplier Performance scorecards, contacts, blacklist
- Returns/RMA workflow and ATP check
- Lot/Batch and Serial number tracking
- ABC Analysis, Pick List generation
- Freight Cost comparison, Shipping Documents
- Scenario Planning
- Notification Center with preferences
- System Integrations registry
- Custom Report Builder

Add documentation:
- docs/BP-SCM-ENGLISH.md — full business process documentation
- docs/BP-SCM-INDONESIA.md — versi Bahasa Indonesia
- docs/DIFFERENCES-ENGLISH.md — SCM vs MatOne MMS comparison
- docs/DIFFERENCES-INDONESIA.md — perbandingan SCM vs MatOne
This commit is contained in:
2026-05-29 16:35:41 +07:00
parent bb64c78ea9
commit 31d06cd2cc
107 changed files with 4993 additions and 1 deletions

View File

@@ -52,7 +52,7 @@
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Master Data — Facility</h3><div class="space-y-1 text-sm"><a href="./md-warehouse.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Warehouse Master</a><a href="./md-warehouse-zone.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Warehouse Zones</a><a href="./md-warehouse-bin.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Bin Locations</a><a href="./md-transport-mode.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Transport Modes</a><a href="./md-bom.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Bill of Materials</a></div></article>
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Procurement</h3><div class="space-y-1 text-sm"><a href="./po-list.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Purchase Orders</a><a href="./po-approval.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">PO Approvals</a><a href="./mr-list.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Material Requests</a><a href="./mr-approval.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">MR Approvals</a></div></article>
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Procurement</h3><div class="space-y-1 text-sm"><a href="./po-list.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Purchase Orders</a><a href="./po-approval.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">PO Approvals</a><a href="./mr-list.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Material Requests</a><a href="./mr-approval.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">MR Approvals</a><a href="./pr-list.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Purchase Requisition</a><a href="./po-matching.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">3-Way Matching</a></div></article>
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Receiving &amp; Inventory</h3><div class="space-y-1 text-sm"><a href="./rcv-list.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Goods Receipt</a><a href="./inv-stock-overview.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Stock Overview</a><a href="./inv-stock-movement.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Movement Log</a><a href="./inv-stock-transfer.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Transfer</a><a href="./inv-stock-count.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Stock Count</a><a href="./inv-aging.html" class="block rounded-md border border-[var(--scm-border)] px-3 py-2 font-semibold text-[var(--scm-text)] hover:bg-[var(--scm-bg)]">Inventory Aging</a></div></article>