AbrahamWillemH
31d06cd2cc
- 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
71 lines
13 KiB
HTML
71 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Slicing Hub - SCM</title>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="./assets/image/favicon-32x32.png" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>:root {
|
|
--scm-primary: #5699DA;
|
|
--scm-primary-dark: #417DB8;
|
|
--scm-primary-bg: #EBF3F9;
|
|
--scm-surface: #FFFFFF;
|
|
--scm-bg: #F1F5F9;
|
|
--scm-border: #E2E8F0;
|
|
--scm-text: #0F172A;
|
|
--scm-text-muted: #64748B;
|
|
}</style>
|
|
</head>
|
|
<body class="min-h-screen bg-[var(--scm-bg)] font-['Inter'] text-[var(--scm-text)]">
|
|
<div class="mx-auto max-w-5xl px-4 py-8 sm:px-6 lg:px-8">
|
|
<header class="mb-6 rounded-xl border border-[var(--scm-border)] bg-white p-5 shadow-sm">
|
|
<div class="flex flex-wrap items-center gap-3">
|
|
<div class="flex h-11 w-11 items-center justify-center rounded-lg bg-[var(--scm-primary)] text-lg font-extrabold text-white">SCM</div>
|
|
<div>
|
|
<p class="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--scm-primary)]">Supply Chain Management</p>
|
|
<h1 class="text-2xl font-extrabold">Slicing Table of Contents</h1>
|
|
<p class="text-sm text-[var(--scm-text-muted)]">Quick navigation to all prototype pages under <code class="text-xs bg-[var(--scm-primary-bg)] px-1.5 py-0.5 rounded text-[var(--scm-primary)]">slicing-scm/</code></p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="space-y-3">
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm">
|
|
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
<h2 class="text-lg font-bold">Login</h2>
|
|
<a href="./login.html" class="rounded-lg bg-[var(--scm-primary)] px-3 py-1.5 text-xs font-semibold text-white hover:bg-[var(--scm-primary-dark)]">Open</a>
|
|
</div>
|
|
<p class="text-sm text-[var(--scm-text-muted)]">Login page with SCM branding.</p>
|
|
</article>
|
|
|
|
<div class="grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-3">
|
|
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Dashboard</h3><div class="space-y-1 text-sm"><a href="./dash-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)]">Executive Overview</a><a href="./dash-procurement.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)]">Procurement Dashboard</a><a href="./dash-inventory.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 Dashboard</a><a href="./dash-logistics.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)]">Logistics Dashboard</a><a href="./dash-demand.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)]">Demand Planning</a></div></article>
|
|
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Master Data — Item</h3><div class="space-y-1 text-sm"><a href="./md-item-master.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)]">Item Master List</a><a href="./md-item-master-new.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)]">New Item</a><a href="./md-item-category.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)]">Item Categories</a><a href="./md-item-group.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)]">Item Groups</a><a href="./md-item-uom.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)]">UOM Conversion</a><a href="./md-item-inspection.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)]">Inspection Profiles</a></div></article>
|
|
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Master Data — Partner</h3><div class="space-y-1 text-sm"><a href="./md-vendor-master.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)]">Vendor / Supplier</a><a href="./md-vendor-contract.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)]">Vendor Contracts</a><a href="./md-vendor-item-terms.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)]">Vendor Item Terms</a><a href="./md-customer-master.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)]">Customer Master</a><a href="./md-carrier-master.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)]">Carrier Master</a><a href="./md-carrier-rate.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)]">Carrier Rates</a></div></article>
|
|
|
|
<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><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 & 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>
|
|
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Sales & Logistics</h3><div class="space-y-1 text-sm"><a href="./so-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)]">Sales Orders</a><a href="./so-invoice.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)]">Sales Invoices</a><a href="./ship-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)]">Shipments</a><a href="./ship-tracking.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)]">Tracking</a></div></article>
|
|
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Quality & Planning</h3><div class="space-y-1 text-sm"><a href="./qc-inspection-plan.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)]">Inspection Plans</a><a href="./qc-inspection-record.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)]">Inspection Records</a><a href="./qc-nonconformance.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)]">Non-Conformance</a><a href="./dp-forecast.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)]">Demand Forecast</a><a href="./dp-replenishment.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)]">Replenishment</a></div></article>
|
|
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Administration</h3><div class="space-y-1 text-sm"><a href="./ad-user-management.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)]">User Management</a><a href="./ad-role-permission.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)]">Role & Permission</a><a href="./ad-approval-matrix.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)]">Approval Matrix</a><a href="./ad-numbering-profile.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)]">Numbering Profiles</a><a href="./ad-audit-log.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)]">Audit Log</a></div></article>
|
|
|
|
<article class="rounded-xl border border-[var(--scm-border)] bg-white p-4 shadow-sm"><h3 class="mb-2 font-bold">Reporting</h3><div class="space-y-1 text-sm"><a href="./rp-inventory.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 Reports</a><a href="./rp-procurement.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)]">Procurement Reports</a><a href="./rp-sales.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)]">Sales Reports</a><a href="./rp-logistics.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)]">Logistics Reports</a></div></article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|