First to Site
Customer Portal

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:

BadgeColorMeaning
On TimeLight blue (#d1ecf1)Delivered on or before the expected date
+XdLight green (#d4edda)Delivered X days ahead of schedule
-XdLight 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 TagDisplay LabelBadge Color
pendingPendingYellow
submittedSubmittedGreen
orderedOrderedBlue
on-holdOn HoldOrange
rejectedRejectedRed
resubmittedResubmittedPurple
receivedCompletedTeal/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.