Managing orders

Each table in the application can have only one active order at a time. The user workflow starts by creating the order and adding menu items. During the process, users can add more items to the order. When the customer is ready to pay, the user will complete the order, and the table will be available for a new one. The workflow can be summarized in the following steps:

• Creating orders
• Managing items
• Saving orders

We will start by developing the workflow to create a new order in a table.

Creating orders

The process to take a new order must be fast and contain minimal distractions in the application UI. A modal dialog satisfies both requirements because:

• It can be opened by tapping on the card from the table list
• It draws the attention of the user by displaying content in the foreground and positioning the rest in the background

We will begin to create the modal dialog:

1. Create the new component that will host the dialog using the following command:

   ng generate component...