List of orders
To display the list of orders, you can use a similar table to the customers table.
Duplicate customers.html, rename it orders.html, and perform a few changes:
- Move the
is-activeclass in the sidebar menu - Change the title to “Orders”
- Write “2 orders” instead of “3 customers”
- Remove the “New” button
- Change the search placeholder to “Order #, customer...”
The green “New” button is removed because the UI assumes that an order is automatically created when a customer purchases a book on the publisher’s website.
The table only requires new columns:
- order #
- customer
- date
- number of books
- status
- total cost
<tableclass="table is-hoverable is-fullwidth"><thead><tr><th>Order #</th><th>Customer</th><th>Date</th><th>Books</th><th>Status</th><thclass...