Orders Tab
How orders appear in the Customer Portal
Orders Tab
The Orders tab is the default view when opening a project in the Customer Portal. It shows all regular orders (excluding Core Milestone Only orders).
Order Cards
Each order is displayed as a card with:
Card Header
- Order ID — "Order #1234"
- Service Title — The type of service (e.g., "Engineering Order", "FTS Assessment", "Sale Check")
- Status Badge — Color-coded status indicator
Card Details Grid
- Ordered Date — When the order was placed
- Received — When the order was completed (if applicable)
- Expected Date — When delivery is expected, with special handling:
- Shows "Pending" for submitted orders
- Shows "Pending" for resubmitted orders (unless FTS has set a date)
- Shows "Rejected" for rejected orders
- Shows "On Hold" for on-hold orders
- Shows the date for orders with an expected date
Delivery Performance Indicators
When an order has been received (completed), a performance badge appears next to the expected date:
| Badge | Color | Meaning |
|---|---|---|
| On Time | Light blue (#d1ecf1) | Delivered on or before the expected date |
| +Xd | Light green (#d4edda) | Delivered X days ahead of schedule |
| -Xd | Light red (#f8d7da) | Delivered X days late |
The delivery performance is calculated as: Expected Days - Actual Days. A positive number means ahead of schedule; negative means delayed.
Order Actions
Each order card can show action buttons:
- View Order — Opens the full order view in the Ordering Portal
- Download — Available for specific order types (FTS Assessment, FTS Re-assessment, Sale Check, Sale Accept) when the order status is "Received" or "Completed"
- Cancel Order — Available for orders with "Pending" status (when cancellation is enabled)
Download Buttons
Download buttons link to specific PDF reports:
- FTS Assessment and FTS Re-assessment orders: Download the STS Checklist PDF
- Sale Check and Sale Accept orders: Download the original checklist PDF
Order Statuses
| Status Tag | Display Label | Badge Color |
|---|---|---|
pending | Pending | Yellow |
submitted | Submitted | Green |
ordered | Ordered | Blue |
on-hold | On Hold | Orange |
rejected | Rejected | Red |
resubmitted | Resubmitted | Purple |
received | Completed | Teal/Green |
cancelled | (hidden) | Orders with cancelled status are filtered out |
Empty State
If no orders exist for the project, a centered message is displayed: "No orders found for this project."
Create New Order
A "Create New Order" button in the tab actions area links to the ordering wizard at /project/{id}/select-orders.