Orders - Tier 3/4

What this page exists for...

Page History

Order History was initially released as part of Cycle 4, Phase 2.


Creative

Below are a list of comps and screenshots. Click on individual images to view larger versions.


 Live for T3/T4

 Phase 2

 For Reference - Live for T2


The search bar appears for T3-T4 users. It allows users to limit the orders viewed by search term.

IDElementTypeConditionsAddedValue/Example

Scoped search dropdown

Limit the search to the following types: 

  • Order number
  • Job name
  • Ordered by
  • PO number
dropdownT3/T4 onlyInitial release

Order number

Searches across order and credit numbers

selectT3/T4 onlyInitial release
Order #

Job name

selectT3/T4 onlyTBD
Job Name

Order submitter

selectT3/T4 onlyTBD
Ordered By

Purchase order number

selectT3/T4 onlyTBD
PO #


IDElementTypeConditionsAddedValue/Example

Search field

inputT3/T4 onlyInitial release
search DROPDOWN_VALUE

Search button

buttonT3/T4 onlyInitial releaseicon_search (link to icon page)

List Filters

IDElementTypeConditionsAddedValue/Example

Job filter

Contains a list of the users jobs, sorted alphabetically by job name. Defaults to 'All'


dropdownnoneInitial release



Status filter

Contains a list of status types. Defaults to 'All'. Status types are:

  • All*
  • Open
  • Shipped
  • Delivered
  • Picked Up
dropdownnoneInitial release

Time filter

Contains a list of date filters. Defaults to 'Last 90 Days'. Choices are:

  • Last 30 Days
  • Last 90 Days*
  • Last 12 Months
  • Custom Range
dropdownnoneInitial release

Pagination

IDElementTypeConditionsAddedValue/Example

Search result label

Displays the current set of displayed list items. 

When a search has been executed, search terms will appear next to the label. (see example)

If the user clicks the X next to the search pill, the search result will be removed and the full search results will be displayed.

textnoneInitial release
1-15 of 15 results

Below is what the user would see
if they searched for "pipe":


Pagination

Default pagination component (this should link to a component page...)

componentnoneInitial release

Order List

Displays 15 results at a time? Need to find this out...

Empty List

The empty list view appears when the user has no orders, or when the user executes a search upon no results have been found.

Populated List

When one or more orders are available, they will be presented as list items.

List Item

The order list item can be expanded and collapsed. By default, all list items are collapsed. A user can touch anywhere on the main bar to expand it, and touch it once more to collapse it. Expanding a list item will collapse the previously expanded list item so that only one may be expanded at a time.

Header (collapsed)

Header and Content (expanded)

Header

The header represents the list item when collapsed. The entire element is interactive.

IDElementTypeConditionsAddedValue/Example

Order number

lipsum 

linknoneInitial release
WF57210

Job name

Displays a user-defined value

labelOptional fieldInitial release


PO number

lipsum

labelOptional fieldInitial release


Date

lipsum

date, labelnoneInitial release
Format: M/D/Y

Price

lipsum

labelnoneInitial release
Format: $D,DDD.CC

Content

Content is broken down into two main components: Order Information and Transaction History.

Order Information

IDElementTypeConditionsAddedValue/Example

Job name

lipsum 

labelnoneInitial release
Job Name: JOB_NAME

PO number

lipsum

labelTBD
PO #: PO_NUMBER

Orderer

lipsum

label

Ordered By: ORDERER

Web Order number

lipsum

label

Web Order #: WEB_ORDER_NUMBER

Order Detail button

onClick: Directs the user to the corresponding Order Detail page

button
Released with this new version
View Order Details