Prompt for the DisputeApp

Please create a React-JS application for the DisputeModule. The application  has to offer the following views for the user interface: 
    1. DisputeView 
    2. FraudCaseView 
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 DisputeView must contain the following fields: 
    - name: CloseDate   type: DATE 
    - name: Description   type: STRING 
    - name: DisputeType   type: STRING 
    - name: OpenDate   type: DATE 
    - name: OpenedByUserAccount   type: UserAccount 
    - name: OrderItem   type: OrderItem 
    - name: Resolution   type: STRING 
    - name: Status   type: STRING 
The data source for the [OrderItem] select control should be loaded from the relative URL: 
    "/UserAccountService/orderitem"   (HTTP-GET) 
The data source for the [OpenedByUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing Dispute entity should be loaded from the relative URL: 
    "/DisputeService/dispute/{id}"   (HTTP-GET) 
If a new Dispute entity has been created, the new entity should be posted to the relative URL: 
    "/DisputeService/dispute"   (HTTP-POST) 
If an existing Dispute entity has been updated, the modified entity should be sent to the relative URL: 
    "/DisputeService/dispute/{id}"   (HTTP-PUT) 
If an existing Dispute entity has to be deleted, the following relative URL should be called: 
    "/DisputeService/dispute/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following FraudCase columns: 
    - column: CloseDate 
    - column: Description 
    - column: Dispute 
    - column: Outcome 
    - column: RelatedUserAccount 
    - column: OpenDate 
    - column: CaseType 
The table should have the title "FraudCases" und the data must be loaded from the server with the following relative URL: 
    "/DisputeService/fraudcase/dispute/{id}"

2. The FraudCaseView must contain the following fields: 
    - name: CaseType   type: STRING 
    - name: CloseDate   type: DATE 
    - name: Description   type: STRING 
    - name: Dispute   type: Dispute 
    - name: OpenDate   type: DATE 
    - name: Outcome   type: STRING 
    - name: RelatedUserAccount   type: UserAccount 
The data source for the [RelatedUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [Dispute] select control should be loaded from the relative URL: 
    "/DisputeService/dispute"   (HTTP-GET) 
An existing FraudCase entity should be loaded from the relative URL: 
    "/DisputeService/fraudcase/{id}"   (HTTP-GET) 
If a new FraudCase entity has been created, the new entity should be posted to the relative URL: 
    "/DisputeService/fraudcase"   (HTTP-POST) 
If an existing FraudCase entity has been updated, the modified entity should be sent to the relative URL: 
    "/DisputeService/fraudcase/{id}"   (HTTP-PUT) 
If an existing FraudCase entity has to be deleted, the following relative URL should be called: 
    "/DisputeService/fraudcase/{id}"   (HTTP-DELETE)

Overview

Summary

Contact

Donate

Imprint