wintonmj / burger-skeleton Goto Github PK
View Code? Open in Web Editor NEWThis project forked from laaksoharju/burger-skeleton
This project forked from laaksoharju/burger-skeleton
Description:
Cart button.
Maybe we can make a chart of the frequency of the order items.
For example how many times an order contains a myob, premade burger, drink or side.
Or how often a certain drink / side / burger is ordered.
Maybe we can show this in the kitchen view, or another page
Description:
This defines the VUE (CSS) that will be used for all square buttons with icons in the app.
This is the view all the incoming orders. There are several tabs that display only certain components of an order as defined by their name. Once orders have been finished. The user may click on the order to send it to the finished orders tab
Description:
This is the component that holds the information about one menuItem
Extends (to be used with) the square icon button VUE class.
Pulls information for the ONE item.
Displays menuItem icon.
Displays menuItem name.
Displays menuItem price if it has an additional cost.
Displays gluten-free icon if the gluten-free value it true.
Displays lactose-free icon if the lactose-free value it true.
Displays vegan icon if the vegan value it true.
When hovered over for more than a second, will display the menuItem name, cost, gluten-free, lactose-free and vegan values.
Description:
This defines the VUE (CSS) that will be used for all buttons in the app.
Description:
Loops through given data (Most likely a MenuItem category) and creates appropriate buttons for the MenuItem type.
Description:
Bar at the top of each page
The template of the BurgerMenu is completed but functionality is missing.
Other things needed for BurgerMenu
This page will have the same appearance as the drinks and extra pages. It shall list off all of the premade burgers and then allow users to select them. Once a burger is clicked on, the "PopUp" page will come up. This page will have to create a new instance of the popup page and send all of the relevant data.
- If any of the ingredients have lactose, a false value for lactose-free
- If any of the ingredients have lactose or meat, a false value for vegan
- If any of the ingredients have gluten, a false value for gluten
- The ingredients
- The name
Before page creation:
Things that may go wrong:
Make sure you are importing all of the components correctly into the script tags:
i.e.
import Ingredient from '@/components/Ingredient.vue'
Make sure you are including the components in the vue components:
i.e.
export default {
name: "IngredientsSelection",
components: {
Ingredient,
OrderItem
},
...
...
make sure to pass in the lang to nested components for the langauge to still work
Page stuff:
-----store.js-----
-----storing-----
Description:
This defines the VUE (CSS) that holds components vertically.
Used for the MainMenu page and the side nav in the MakeYourOwnBurgerPage
This page will contain the current status of the order with drinks, sides, and burgers. Upon finishing, the order will be sent to the kitchen view.
This is an intermediate page before an item is submitted to the order. This will be activated when selecting a side, a drink, or a burger (Pre-made or custom). Here users will have the option of finishing the order, submitting the item and continuing with their order, canceling, and adding more of this MenuItem.
Not urgent:
For Burgers:
Bugs:
Note: Used for the Welcome page, MainMenu page, Item conformation page and Payment page
Make the website look a bit nicer and user-friendly
Make sure to keep in mind:
Description:
This defines the VUE (CSS) that will be used for all Vertical buttons with icons in the app. Should be held within the Vertical container component
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.