Hello friends, today I would like to ask if any of you have gone through the situation that I have. I am creating a small restaurant menu application. The idea is that you can create menu items, for example sandwiches. Each menu item has extra additions that are added to the order (like big food chains do, like fries, drinks, etc.)
I initially thought that each component item of the dishes sold in the restaurant could be loaded into a table of components that are referenced in the menu table and that the items are nothing more than combinations of these items that are sold; For example, a sandwich with fries and gas, with the peculiarity that there are optional ones with a variable amount and mandatory ones with a fixed amount.
The behavior I want to achieve is the following:
When you click on an item in the catalog, an input should open that allows you to add the quantity of items to the cart. This should allow you to do it as it comes by default (single entry) from the menu. This is relatively easy to build. The problem is not this.
The other behavior I need is for a button to appear that allows me to edit the item composition, on the deck line, which is also complicated because I can create an “edit order” button in that place and create a Linktofilteredview() or something similar.
The problem is that clicking “edit order” takes me to a table view where all the components of this item can be found with their default quantities. For me it wouldn’t be a problem since I handle edits from the table well, but for an employee it would be somewhat confusing to use a table to edit the number of components and decide the truth, I would like it to be that way. closer to an input or a form where these elements can appear with their entities so that it is easier to modify.
In order not to take so long, do we think they are viable?
My idea is to have a predetermined version of the item for the model with the obligatory component in the cantidad and previamente asignada. Luego disponer de otros components que tengan una cantidad que pueda ser variable pero que siempre que agregue al carrito vuelva a su cantidad natural.
In the segunda captura se ve la tabla de Componentes de Ătems en la que está el plato principal que figura como “obligatorio” y los agregados que figuran como “opcionales”
A mi gustarĂa agregar en la misma lĂnea de la segunda imagen, la cantidad de extra agregar o si va o no va en el plato, de form que el cliente decideda cĂłmo quiere la orden.
The first image is the type of deck, the second image is the type of card, list.
You believe that it is possible to have this, for the general power is with more energy than I need in the mains, so that it is activated and my neurons are connected to the circuit.
Could it be done with an inline action buttons? Something like this? I have two different “Plus” buttons. The left one adds only one, and the right one asks how many you want to select (from a dropdown).
Definitely, yes that could be a solution. If you have a sample app to guide me or some example that is useful to me, I would be very grateful since there are many actions to include to generate that behavior. In the meantime I will work in parallel to see what shape I give to the app. Thank you in advance!!! @AleksiAlkio
Add two different inline actions to one of your column that you don’t need to show.. or add an additional column to your table. If you have for example a Qty column, you can add numbers with the “Suggested values” like this
Instead of taking them to a big table view, you could try adding a popup or little form that shows all the components with boxes to change the quantities. It’s quicker and way easier to figure out than scrolling through a table.
Speaking of menus, I was at this Italian restaurant Perth not long ago, and their menu setup is so straightforward. It made ordering super chill, and I feel like something like that could work well for your app too.
