The single-page application that we develop will look similar to the following:
For this design model, you will create the following components:
- Logo and menu component – This contains the Sage logo and an Order drop-down for displaying a history of orders.
- Menu title – Displays the title.
- Customer filter component – Allows you to select the customer to filter as well as ability to show or hide closed orders for the customer.
- Order detail component – This has a table for displaying all orders and a Detail link for displaying the product details.
- When you click Detail in the table, a sidebar appears with the product details of the sales order will look like this: