Dashboard
Good morning, Aarav. Here is what is happening across your project.
Cost performance
Planned vs actual cumulative cost
Your next decisions
A little attention. A lot of progress.
Recent procurement
Keep the office and site on the same page.
| Purchase order | Supplier | Delivery | Status | Amount (₹) |
|---|
Purchase orders
From material request to site delivery. Every commitment, accounted for.
Order register 12
ILLUSTRATIVE DATA| Supplier / material | Delivery date | Status | Received | Amount (₹) | Actions |
|---|
Design system
The admin interface you know, extended for construction workflows.
Roboto typography · standard admin controls · familiar tables · construction-specific extensions
Typography that carries the work
Page title / Purchase orders
Project commitments
Your materials, quantities and commitments should always be easy to read.
Colour communicates purpose
Blue is action. Green is success. Amber needs attention. Red signals a problem.
Measured, not crowded
4 px spacing base · 32–36 px controls · 6 px controls · 12 px surfaces
14 px working text · 12 px secondary text
BOQ / Work package
Hierarchical work items with units, quantities and budget.
01 · Civil works / Substructure
| Item | Unit | Quantity | Budget (₹) |
|---|---|---|---|
| 01.01 Excavation | m³ | 480 | 2,16,000 |
| 01.02 PCC foundation | m³ | 120 | 6,24,000 |
02 · MEP works / Electrical
02.01 · Conduit installation · 1,250 m
Illustrative BOQ presentation. Contract revisions and measurements require business validation.
Measurement entry
Goods receipt / inspection
Rejected quantity cannot exceed received quantity.
No stock ledger entry is posted by this example.
Contractor bill summary
Illustrative retention only; tax, advances, deductions and certification rules are not final.
Stock transfer
Audit / revision comparison
| Field | Previous | Current |
|---|---|---|
| Delivery | 12 Sep 2026 | 14 Sep 2026 |
| Quantity | 200 bags | 250 bags |
Revision 03 · Sample actor: purchase manager
Reason: revised site requirement
Import result
Show row errors
Row 7 · Missing material code
Row 14 · Quantity must be greater than zero
Preview pattern. Actual import mapping and duplicate resolution need server implementation.
Access & offline states
Preserve entered values and retry when the connection returns.
You have view access. Approval requires an assigned reviewer role.
Component coverage & usage
Every entry has a delivery status. A visual component is distinct from its server workflow.
| Component | Category | Delivery | States / variants |
|---|
Implementation files
Searchable combobox
No supplier selected.
Arrow keys select a result. Enter confirms. Escape closes.
Password & input addons
Field states & inline editing
Action menu & unsaved changes
No unsaved changes.
Loading and skeleton state
Static loading placeholder.
Dashboard customisation
Resizable columns & related records
Drag the header separator, or focus it and use left/right arrows. Row details preserve list context.
| Receipt | Supplier | Received date |
|---|---|---|
| Summit Building Materials | 12 Sep 2026 | |
| Related materials OPC 53 cement · 200 bags received · 195 accepted · 5 rejected | ||
Request wizard
- 1. Request
- 2. Review
- 3. Complete
Role / permission matrix
Demo dependency: create or approve requires view access.
| Module | View | Create | Approve |
|---|
Sample role only. No access rights are changed.
Task schedule / Gantt
Editable dates drive the timeline. Dependency scheduling is a separate application capability.
| Task | Start | Finish | Duration | September 2026 |
|---|
Task finish must be on or after its start, within September 2026.
Supplier quotation comparison
Compare identical units before selecting a quote. Lowest rate is highlighted, not automatically approved.
| Supplier | ₹ / bag | Lead time | Select |
|---|
No quotation selected.
Payment allocation
Sample available payment: ₹1,00,000.00
Allocation exceeds the available payment or a bill balance.
Import column mapping
Fixed sample sheet: Material, Qty, Unit. Map its columns before reviewing the preview.
Equipment daily log
Actions with a clear hierarchy
Switches, choice & selection
Material taxonomy
Material request
A complete entry pattern. Validate to see error states.
Communicate what matters
The order is ready for the next step.
The date is later than the sample site schedule.
Your entries are preserved. Try again.
Overlays that preserve context
Visible labels, keyboard focus and clear exit actions.
No materials yet
Add a material to start this request.
Approval timeline
- ASRequest preparedComplete
Aarav Sharma · 05 Sep, 10:30 IST
- PMPurchase managerPending
Sample review in progress
Demonstration only. No request is sent.
Registers, built for real work
The procurement screen demonstrates the shared data-grid pattern.
- Search + quick filters + advanced supplier/date filters
- Column visibility and status grouping
- Saved views and page-size controls
- Across-page selection and scoped CSV export
- Comfortable / compact density
- Order detail drawer and new-order form
Material line-item editor
Quantity, unit, rate and amount. Built for purchase and work-order entries.
| Material | Unit | Quantity | Rate (₹) | Amount (₹) |
|---|
Material selection & taxonomy
Civil works / Concrete
MEP / Electrical
ELE–025 / Conduit · CAB–016 / Cable
Location & store context
Parkside Residences / Central store · Phase 01
Changing project refreshes valid store choices. This component is independent from the sample register.
Receipt & allocation
Over-issue and backdating rules must follow the approved stock specification.
Report period
Attachments
No document selected.
Please unload the cement at Gate 02.