4
4
Orders
5
5
======
6
6
7
- When the *Lunch * application is opened, the :guilabel: `Order Your Lunch ` dashboard loads. This view
8
- is also accessed by navigating to :menuselection: `Lunch app --> My Lunch --> New Order `.
7
+ When the ** Lunch ** application is opened, the :guilabel: `Order Your Lunch ` dashboard loads. This
8
+ view is also accessible by navigating to :menuselection: `Lunch app --> My Lunch --> New Order `.
9
9
10
10
The :guilabel: `Order Your Lunch ` dashboard provides a summary of lunch offerings, the user's account
11
11
information, and the current day's orders, along with their statuses.
@@ -14,9 +14,9 @@ Order Your Lunch
14
14
================
15
15
16
16
On the main :guilabel: `Order Your Lunch ` dashboard, all the necessary information needed to place an
17
- order is visible. The default filter for the products is :guilabel: `Available Today `, which is
18
- present in the :guilabel: `Search... ` bar . This filter shows only products that can be purchased that
19
- day, based on the :ref: `vendor's availability <lunch/availability >`.
17
+ order is visible. Enable the :guilabel: `Available Today ` filter in the search bar by clicking into
18
+ the search bar and selecting :guilabel: `Available Today ` . This filter shows only products that can
19
+ be purchased that day, based on the :ref: `vendor's availability <lunch/availability >`.
20
20
21
21
The left-side of the dashboard displays the various :guilabel: `Categories ` of products available,
22
22
along with the :guilabel: `Vendors ` supplying the products. To the right of each line is a number,
@@ -38,31 +38,31 @@ view. Each product card displays the name, cost, vendor, photo, and description
38
38
the product is configured as new, it also displays a :guilabel: `New ` tag.
39
39
40
40
.. image :: orders/dashboard.png
41
- :align: center
42
- :alt: The *Lunch* app dashboard with all areas highlighted.
41
+ :alt: The Lunch app dashboard.
43
42
44
43
.. note ::
45
- Anywhere a vendor's name is listed in the *Lunch * app, such as on Kanban product cards, their
44
+ Anywhere a vendor's name is listed in the ** Lunch * * app, such as on Kanban product cards, their
46
45
phone number is listed, as well.
47
46
48
- The products can also be displayed in a list view, by clicking the :guilabel: ` ≣ (four parallel
49
- lines ) ` icon in the top-right corner of the dashboard.
47
+ The products can also be displayed in a list view, by clicking the :icon: ` oi-view-list `
48
+ :guilabel: ` (List ) ` icon in the top-right corner of the dashboard.
50
49
51
50
Placing orders
52
51
==============
53
52
54
53
To place a lunch order, navigate to the main :guilabel: `Order Your Lunch ` dashboard, by either
55
- opening the *Lunch * app, or by navigating to :menuselection: `Lunch app --> My Lunch --> New Order `.
54
+ opening the **Lunch ** app, or by navigating to :menuselection: `Lunch app --> My Lunch --> New
55
+ Order `.
56
56
57
57
Add products to an order
58
58
------------------------
59
59
60
60
From the :guilabel: `Order Your Lunch ` dashboard, click on a desired product to add to an order, and
61
61
the product appears in a :guilabel: `Configure Your Order ` pop-up window.
62
62
63
- At the top of the pop-up window is the product image, name, and price. Beneath that, there is a
64
- potential :guilabel: `Extras ` field , showcasing any :ref: `extra items or options <lunch/extras >`.
65
- Tick the checkbox next to any desired extras present in the :guilabel: `Extras ` field to add them to
63
+ At the top of the pop-up window is the product image, name, and price. Beneath that, there are
64
+ potential :guilabel: `Extras ` fields , showcasing any :ref: `extra items or options <lunch/extras >`.
65
+ Tick the checkbox next to any desired extras present in the :guilabel: `Extras ` fields to add them to
66
66
the order.
67
67
68
68
Each extra option is organized by a category, complete with its name and price. As extras are
@@ -77,8 +77,7 @@ When all selections for the product have been made, click the :guilabel:`Add To
77
77
lower-left of the pop-up window. To cancel the order, click the :guilabel: `Discard ` button.
78
78
79
79
.. image :: orders/pizza.png
80
- :align: center
81
- :alt: The pop-up window for a personal pizza, with all the extras highlighted and selected.
80
+ :alt: The pop-up window for a personal pizza, with all the extras selected.
82
81
83
82
Errors
84
83
~~~~~~
@@ -102,7 +101,6 @@ changes to the :guilabel:`Configure Your Order` pop-up window.
102
101
one and only one Free Beverage with Purchase `.
103
102
104
103
.. image :: orders/error.png
105
- :align: center
106
104
:alt: The :guilabel:`Validation Error` pop-up window with the specific error for the free
107
105
beverage displayed.
108
106
@@ -121,30 +119,30 @@ The available tags that can be displayed for each item are:
121
119
- :guilabel: `To Order `: the product has been added to the cart, but has not been purchased yet by
122
120
the user.
123
121
- :guilabel: `Ordered `: the product has been purchased by the user, and is waiting to be sent to the
124
- vendor by a *Lunch * app manager.
125
- - :guilabel: `Sent `: the order for the product has been sent to the vendor by a *Lunch * app manager.
122
+ vendor by a **Lunch ** app manager.
123
+ - :guilabel: `Sent `: the order for the product has been sent to the vendor by a **Lunch ** app
124
+ manager.
126
125
- :guilabel: `Received `: the product has been delivered by the vendor to the user's location, and has
127
- been verified as received by a *Lunch * app manager.
126
+ been verified as received by a ** Lunch * * app manager.
128
127
129
- Product quantities can be adjusted by clicking the :guilabel: ` ➕ ( plus sign) ` or :guilabel: `➖ (minus
130
- sign ) ` to the left of the listed product. The product price adjusts in real-time to display the cost
131
- for the currently selected quantity of the product.
128
+ Product quantities can be adjusted by clicking the :icon: ` fa- plus` :guilabel: `(plus) ` or
129
+ :icon: ` fa-minus ` :guilabel: ` (minus ) ` icons to the left of the listed product. The product price
130
+ adjusts in real-time to display the cost for the currently selected quantity of the product.
132
131
133
132
The right side of the :guilabel: `Your Order ` summary displays the purchasing information. The
134
133
:guilabel: `Total ` amount for the entire day's lunch order is displayed. The :guilabel: `Already Paid `
135
134
field indicates how much has been paid that day towards the :guilabel: `Total ` amount. The
136
135
:guilabel: `To Pay ` field displays how much of the remaining :guilabel: `Total ` amount must be paid,
137
- in order to place the currently configured order.
136
+ in order to place the currently configured order.
138
137
139
138
.. image :: orders/your-order.png
140
- :align: center
141
- :alt: The Your Orders section of the dashboard, with the purchasing information highlighted.
139
+ :alt: The 'Your Orders' section of the dashboard, with purchasing information.
142
140
143
141
.. tip ::
144
142
Users can place multiple orders throughout the day, and are not restricted to only placing one
145
143
lunch order each day. Multiple orders might need to be placed, due to users forgetting to add
146
144
items to an order, or if there are multiple meals that are available to be purchased for the
147
- office () not just lunch), and so on.
145
+ office (not only lunch), and so on.
148
146
149
147
Depending on the various vendors, and how the vendors and products are configured, it is possible
150
148
to order breakfast, lunch, dinner, coffee, and/or snacks.
@@ -154,9 +152,9 @@ Submit an order
154
152
155
153
To place the order, click the :guilabel: `Order Now ` button on the right-side of the :guilabel: `Your
156
154
Order ` summary. The user is charged the amount that is displayed in the :guilabel: `To Pay ` field,
157
- and the cost is deducted from their *Lunch * account balance.
155
+ and the cost is deducted from their ** Lunch * * account balance.
158
156
159
- Once the order is placed, the tags for the items just purchased in the :guilabel: `Your Order ` field
157
+ Once the order is placed, the tags for the purchased items in the :guilabel: `Your Order ` field
160
158
change from orange :guilabel: `To Order ` tags to red :guilabel: `Ordered ` tags.
161
159
162
160
Track an order
@@ -171,16 +169,16 @@ green :guilabel:`Received` tags.
171
169
Receive an order
172
170
----------------
173
171
174
- When orders are received at the delivery location, they are confirmed by a *Lunch * app manager, and
175
- a notification is sent to the employee who ordered the food.
172
+ When orders are received at the delivery location, they are confirmed by a ** Lunch ** app manager,
173
+ and a notification is sent to the employee who ordered the food.
176
174
177
175
My Orders
178
176
=========
179
177
180
- To view a full list of all orders placed in the *Lunch * app for the currently signed-in user,
178
+ To view a full list of all orders placed in the ** Lunch * * app for the currently signed-in user,
181
179
navigate to :menuselection: `Lunch app --> My Lunch --> My Order History `. This navigates to the
182
180
:guilabel: `My Orders ` dashboard. The data is filtered by :guilabel: `My Orders ` and grouped by
183
- :guilabel: `Order Date: Day `, by default, both of which are located in the :guilabel: ` Search... ` bar.
181
+ :guilabel: `Order Date: Day `, by default, both of which are located in the search bar.
184
182
185
183
All products appear in a list view, organized by date. The list displays the :guilabel: `Order Date `,
186
184
:guilabel: `Vendor `, :guilabel: `Product `, :guilabel: `Extras `, :guilabel: `Notes `, :guilabel: `User `,
@@ -202,7 +200,6 @@ applicable. The new order appears in the list, under the current date, and the p
202
200
with money deducted from the user's account.
203
201
204
202
.. image :: orders/my-orders.png
205
- :align: center
206
203
:alt: The list view that appears when navigating to the My Orders dashboard.
207
204
208
205
My Account
@@ -216,12 +213,10 @@ to oldest. The :guilabel:`Date`, :guilabel:`Description`, and :guilabel:`Amount`
216
213
displayed in the list.
217
214
218
215
Entries with a negative figure listed in the :guilabel: `Amount ` column represent products purchased
219
- in the *Lunch * app. These appear in a `$-XX.XX ` format.
216
+ in the ** Lunch * * app. These appear in a `$-XX.XX ` format.
220
217
221
218
Entries with a positive balance either represent funds added to the user's lunch account, or
222
219
cancelled orders that were eventually refunded to the user. These appear in a `$XX.XX ` format.
223
220
224
221
.. image :: orders/my-account.png
225
- :align: center
226
- :alt: The My Account dashboard with the entry for adding funds to the user's lunch account
227
- highlighted.
222
+ :alt: The 'My Account' dashboard with the entry for adding funds to the user's lunch account.
0 commit comments