8.1 - Restaurant Menu - Jacklyn Carroll

[jacklynlee31]

Getting Started

• [x] Create a new Ember CLI application
• [x] Produce a mockup or wireframe for the different screens
• [x] Setup templates for the different dynamic portions of the application
• [x] Produce static data for the menu items

  Menu

• [x] Fetch and console.log the static JSON for the menu items
• [x] Render a template for each menu item, not according to category
• [x] Define a Model to represent menu items
• [x] Define a Component to represent the list of food items
• [x] Make a Component responsible for each individual item in the menu
• [x] console.log the food model when I click on its price button
• [x] Define a Model to represent an order
• [x] Create an order service or route to manage adding order items
• [x] console.log the order when I click on the foods price
• [x] Add the food model to the order when the price is clicked
• [x] Separate the menu items by category
• [x] Optionally make a Component for each Category of menu items

  Order Sidebar

• [x] Create an Order Component to show the current order being built
• [x] Add an instance of the Order Component to your route template
• [x] console.log the order whenever an item is added to the order
• [x] Show each item in your order in your component template
• [x] In your order model, define a subtotal computed property that shows the price of all of the added items
• [x] Show the subtotal for your order in your Order Component template
• [x] Save the order data to tiny-lr when the order is submitted with related menu items

  Back of House

• [x] Create a route group for logging in to the back of house system
• [x] Create a back of house index for all menu items
• [x] Create a back of house create view for new menu items
• [x] Create a back of house edit view for existing menu items
• [x] Create a back of house action for destroying existing menu items
• [x] Create a back of house index for orders showing the total price
• [x] Create a back of house detail view for seeing the purchased items for a single order

  Hard Mode

• Validate to make sure that a user does not submit an empty order
• Using a password (this can be set as a string in your code), restrict access to the back of house systems
• Allow staff members to mark an order as completed

[jacklynlee31]

Trello Board: https://trello.com/b/6b5BaV48/8-1-restaurant-menu

PR: https://github.com/jacklynlee31/8.1-restaurant-menu/pull/1

MockUp:

[rtablada]

So it looks like you still are working on getting your orders to show up on the sidebar.

In your current-orders service, try to make a function that accepts a menuItem and then pushes the item to the existing orderedFood array. Note that the normal push function on arrays doesn't fire observers and Ember won't recognize the change. So you'll need to look at Ember.ArrayProxy@pushObject: http://emberjs.com/api/classes/Ember.ArrayProxy.html#method_pushObject It works just like push, but it fires observable change events.

After you get items to add to the orderedItems array, you'll need to check your sidebar template because I think some variable names got out of sync.

Once you have that, add a new orderTotal computed property. You could use Ember.computed.sum to help with that. Note that if you use computed.sum, you'll have to first use mapBy just like you did to get the max in your catcode.

[jacklynlee31]

@rtablada This should be ready to go.