Prompt for the MenuItemOptionApp

Please create a React-JS application for the MenuItemOptionModule. The application  has to offer the following views for the user interface: 
    1. MenuItemOptionView 
    2. MenuItemOptionGroupView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 2 views are defined below.

1. The MenuItemOptionView must contain the following fields: 
    - name: Description   type: STRING 
    - name: IsDefault   type: BOOL 
    - name: MaximumPerItem   type: LONG 
    - name: MenuItemOptionGroup   type: MenuItemOptionGroup 
    - name: Name   type: STRING 
    - name: PriceDelta   type: STRING 
    - name: SortOrder   type: LONG 
The data source for the [MenuItemOptionGroup] select control should be loaded from the relative URL: 
    "/MenuItemOptionService/menuitemoptiongroup"   (HTTP-GET) 
An existing MenuItemOption entity should be loaded from the relative URL: 
    "/MenuItemOptionService/menuitemoption/{id}"   (HTTP-GET) 
If a new MenuItemOption entity has been created, the new entity should be posted to the relative URL: 
    "/MenuItemOptionService/menuitemoption"   (HTTP-POST) 
If an existing MenuItemOption entity has been updated, the modified entity should be sent to the relative URL: 
    "/MenuItemOptionService/menuitemoption/{id}"   (HTTP-PUT) 
If an existing MenuItemOption entity has to be deleted, the following relative URL should be called: 
    "/MenuItemOptionService/menuitemoption/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following OrderItemOption columns: 
    - column: PriceDelta 
    - column: OrderItem 
    - column: MenuItemOption 
    - column: TotalPrice 
    - column: OptionNameCopy 
    - column: Quantity 
The table should have the title "OrderItemOptions" und the data must be loaded from the server with the following relative URL: 
    "/MenuItemService/orderitemoption/menuitemoption/{id}"

2. The MenuItemOptionGroupView must contain the following fields: 
    - name: Description   type: STRING 
    - name: IsRequired   type: BOOL 
    - name: MaximumSelection   type: LONG 
    - name: MenuItem   type: MenuItem 
    - name: MinimumSelection   type: LONG 
    - name: Name   type: STRING 
    - name: SortOrder   type: LONG 
The data source for the [MenuItem] select control should be loaded from the relative URL: 
    "/MenuItemService/menuitem"   (HTTP-GET) 
An existing MenuItemOptionGroup entity should be loaded from the relative URL: 
    "/MenuItemOptionService/menuitemoptiongroup/{id}"   (HTTP-GET) 
If a new MenuItemOptionGroup entity has been created, the new entity should be posted to the relative URL: 
    "/MenuItemOptionService/menuitemoptiongroup"   (HTTP-POST) 
If an existing MenuItemOptionGroup entity has been updated, the modified entity should be sent to the relative URL: 
    "/MenuItemOptionService/menuitemoptiongroup/{id}"   (HTTP-PUT) 
If an existing MenuItemOptionGroup entity has to be deleted, the following relative URL should be called: 
    "/MenuItemOptionService/menuitemoptiongroup/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following MenuItemOption columns: 
    - column: PriceDelta 
    - column: MaximumPerItem 
    - column: MenuItemOptionGroup 
    - column: Name 
    - column: SortOrder 
    - column: IsDefault 
    - column: Description 
The table should have the title "MenuItemOptions" und the data must be loaded from the server with the following relative URL: 
    "/MenuItemOptionService/menuitemoption/menuitemoptiongroup/{id}"

Overview

Summary

Contact

Donate

Imprint