list bugs here to fix - or as a comment if already resolved

Main functionality

• feeback in BurgerCreation for adding e.g. Bread to myBurger (that its in the cart)
  • e.g. {{chosenBread}} below the bread button
• prices/names in ingredients/premades
• view list of orders in kitchen with a dynamic grid and orderitem(toprepare?) as item layout
  • view the status of each order and a button to start/in progress and done/finish
• refactor all food pages and reduce their duplicated code
  • idea how to provide accessibility with only two/three page-skeletons (one for all food pages using "Ingredient", another for those using "PremadeItem" to view the elements and the third for those using "IngredientRadio")
• createdBurger.name needs to switch the value according to the language
• iPhone: On the selectionOverview page the "continue" button's text i exiting the button(iPhone size), but since we are working with one class for the right bottom buttons, changes needs to be made carefully
• iPhone: The pay button text in the cart is not centered, is sticking to the right side

Extra

• waiting for the teacher's email
• make OrderItemToPrepare nice with formatting ect. ...
• make kitchen nice -> grid
• merging premades.csv / ingredientds.csv OR transactions for premades.csv
• picture for missing-pictures
• new icon as favicon.ico (public folder)
• sub-folder for asset pictures
• use "a" and '< br>' instead of "div" in Item.vue to remove line 21-24 and add an v-if condition "category==2" in line 28
• changing categories of bread and toppings (bc 1-3 should be single-choice and 4-7 multiple choice)

• Text ("Wait for Payment") -> ("Payment Successful")
• simuate payment, wait for 3s and continue
• Finish/End Button (if Payment successful)

• Button - Change Language
  • Picture (Design)
• Button - Change Tab

Tabs

• Button - Change Language
  • Picture (Design)
• Button - Change Tab
• Name of the Tab (vertical orientation)

Time out

• Time out after 40s
• remove current Order when Time out
• alter pop up and viewing counter + cancel button

-2 --> -1

• Title ("Your choices")
• List of Items
  • switchting language of items
• "Remove" Buttons for Items (Optional: Edit Amount of each Item)
• Pay Button
• Scrollable (for longer orders, otherwise you can't pay)
• Blur Background
• Click anywhere outside the Pop Up to close it (remove the "focus")

• Page Title ("Burger Creation")
• Burger Picture
• Buttons for Bread, Patty, Toppings, Sauce
• Back/Add to Order Buttons (if all mandatory burger items are selected)
• make the elements centered (also for smartphone view)

All Items

• Picture
• format the lactose/gluten/vegan filter (in sharedCSSStuff.css) and add swedish translation for them

Ice Cream Items

• Name

Burger / Salad / Menu Items

• Name
• Ingredient List
• real values for milk/gluten/vegan
• Reference to their page in selectionOverview

• Name of the Tabs
• Cart (Order List) Button
• Language Button
• "Cancel All" Button (Home Button)
• make it scalable

(Menus, Burgers, Fries, Salad, Ice Cream, Drinks)

• Filter (gluten-free, lactose-free, vegetarian, vegan)
• "+/-" Buttons to Increase/Decrease Amount of Burgers
• Scroll bar
• Back/Add to Order Buttons (if something is selected)
• make the buttons centered

(Bread, Patty, Toppings, Sauce)

• Filter (gluten-free, lactose-free, vegan)
• Line between Filter and Ingredients
• Ingridient Buttons
• Multiple selection only for Toppings!
• Scroll bar
• Back/Add to Burger Buttons (if something is selected)

• Start Page
  • Page Text ("Do you want to eat in or Take away?")
  • Eat-in/Takeaway Buttons

• [ ] Prepare Custom, Premade and Quick Order Lists
• [X] Grid: 3 columns (1. Custom 2. Premade, 3. Quick (drinks, fries, ice cream)
• [ ] information how many orders left (not clickable, for each column)
• [ ] Order items
  • ID (#2 for custom, #1 for premade, #0 for quick)
  • Button - Served
  • Status (color or symbol)
  • Double-tap to switch status

• "Create own Burger" Button
• Line between Creation and Premade Food
• Buttons for Menus, Burgers, Fries, Salad, Ice Cream, Drinks
• Back Button
• Order&Pay Button
• Show Cart/any selection summary before continuing to payment

• [ ] prepare Burger and Salad Order Lists
  • [x] Grid: 2 columns (1. Burger 2. Salad, Reserve (below))
  • [ ] Ordered item (only Burgers / Salad):
    • ID (#2 for custom, #1 for premade
    • Status (color or symbol)
    • Button - Done
    • Button - In progress OR
    • Double-tap to switch status
  • [ ] (Preselected Reserve:)
    • (Name )
    • (Amount)