Skip to main content

Order Detail

The Order Detail page is where your employees manage individual orders — advancing loads through the wash/dry/fold workflow, viewing payment information, printing receipts, and marking orders as claimed. Open it by tapping any order card on the Order Board.

Prerequisites

Before using the Order Detail page, make sure you have:

Order Detail walkthrough video
Order Detail walkthrough video

1. Page Layout

The page uses a two-panel layout:

AreaLocationWhat it shows
Top barFull widthBack arrow, ticket number, customer name/phone, creation date, printer status, payment badge
Progress stepperBelow top barVisual indicator of overall order progress (Received → Washed → Dried → Packed → Claimed)
Left columnMain areaLoad advancement cards, activity log, notes, claimed banner
Right columnSidebarDates, line items, payment details, short change, print buttons, charge/claim actions

On mobile, the right column collapses into a sticky bottom bar — see Mobile View.

Order detail page showing two packed loads and payment summary

2. Order Header

The top bar shows at a glance:

  • Back arrow — returns to the Order Board
  • Ticket number — blue monospace reference (e.g., T-0001)
  • Customer name and phone number
  • Creation date — when the order was placed
  • Printer icon — shows whether a thermal printer is connected
  • Payment badge — color-coded status
BadgeColorMeaning
PaidGreenFully paid
PartialAmberSome payment received, balance remaining
UnpaidRedNo payment yet

3. Dates & Line Items

The right panel displays:

  • Scheduled — the pickup date set when the order was created
  • Due — the due date for completion
  • Line items — each item with name, quantity, unit price, and subtotal. Drop-off items show a package icon next to the name.
  • Total — the grand total for the order

4. Managing Loads

Each load in the order appears as a card in the left column. Load cards show the load type, current status badge, and the action button for the next step.

Advancing Loads

Tap the action button on each load card to advance it through the workflow:

Current StatusBadge ColorNext Action
ReceivedAmberMark as Washed
WashedBlueMark as Dried
DriedAmberMark as Packed
PackedGreenComplete — no further action

Each advancement records who performed the step and when.

Load card showing Mark as Dried button for a washed load

Status Override

Employees with the Orders Override Status permission see a dropdown on each load card to jump directly to any status. This is useful for corrections — for example, marking a load as packed if it was processed offline.

QR Code Preview

Tap the QR icon on any load card to preview a scannable QR code. The QR links to the station tracking page for that load, showing the customer name, receipt number, and load number.

tip

Print QR labels and attach them to laundry bags so staff at each station can scan and advance loads without navigating the app. Use the Print QR Labels button in the actions area.

5. Activity Log

Below the load cards, the Activity Log shows a per-load timeline of who performed each step and when. Each load has its own section with the load type, load ID, and status badge.

Events include:

  • Order received — when the order was created
  • Washed by [name] — who washed and when
  • Dried by [name] — who dried and when
  • Packed by [name] — who packed and when
Activity log showing wash, dry, and pack events for two loads

6. Notes

The Notes section provides an editable text area for special instructions or internal reminders. Type your note and tap Save Notes — the button is disabled until you make a change.

tip

Use notes for special customer requests ("extra rinse", "separate whites"), delivery instructions, or anything your team needs to know about the order.

7. Payment & Receipts

The payment section in the right panel changes based on the order's payment status:

Unpaid Orders

Shows a green Charge button with the full amount. Tapping it opens the register in checkout mode. A Print Bill button prints a draft invoice.

Unpaid order showing Charge button and Print Bill

Shows full payment details:

  • Paid date — when the payment was recorded
  • Receipt number — tap to open a receipt detail dialog
  • Deposit receipts — if partial payments were made earlier, each deposit receipt is listed and tappable
  • Payment breakdown — payment type (Cash, GCash, etc.), amount, and change
  • Points earned — loyalty points from this transaction

Partially Paid Orders

Shows both the Paid so far amount and the Balance Due. The Charge button shows only the remaining balance.

Payment StateAvailable Actions
UnpaidCharge, Print Bill, Print QR Labels
PartialCharge remaining, Print Bill, Print QR Labels
PaidPrint Receipt, Print QR Labels

8. Short Change

For paid orders where cash change was owed, a Flag Short Change link appears in the right panel. This handles situations where the cashier didn't have enough change at the time of payment.

  1. Tap Flag Short Change — a form appears with the change amount pre-filled
  2. Tap Flag — an amber banner shows "Owes P[amount] change"
  3. When the customer returns, tap Change Given — this resolves the short change and opens the cash drawer
tip

For the full short change workflow, see Short Change.

9. Claiming Orders

When an order is fully paid and all loads are packed, a blue Mark as Claimed button appears. Tapping it records the pickup with a timestamp.

Once claimed:

  • A blue banner shows "Claimed [date/time]" with an Undo button
  • Load advancement buttons are disabled
  • The order card on the board updates to "Claimed" status
Claimed order showing blue banner with timestamp and Undo button
note

Claiming is only available when the order is fully paid and every load is in the Packed status. If any load is still in progress or the order has a balance, the claim button won't appear.

10. Printing

Three print actions are available from the actions area at the bottom of the right panel:

ActionWhen AvailableWhat It Prints
Print QR LabelsAny order with loadsQR code labels for each load (attach to bags)
Print BillUnpaid or partially paidDraft invoice with line items and total
Print ReceiptPaid ordersFull receipt with payment details
note

All printing requires a connected thermal printer. See Setting Up the Printer & Cash Drawer for setup instructions.

Mobile View

On phones, the two-column layout collapses into a single column:

  • Load cards, activity log, and notes fill the screen
  • A sticky bottom bar shows dates, line items, total, payment info, and action buttons (Charge, Print Bill, Print Receipt, Mark as Claimed)

All functionality is identical to the desktop layout.

Order detail on mobile with sticky bottom action bar

What's Next?