Overview
My API
System Designs
Dienstleistungen
Kontakt
Energieausgleich
Ansprechpartner
Impressum
Prompt for the
InvoiceApp
Please create a React-JS application for the InvoiceModule. The application has to offer the following views for the user interface: 1. ContactMessageView 2. InvoiceView 3. InvoiceItemView The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 3 views are defined below. 1. The ContactMessageView must contain the following fields: - name: CreatedAt type: DATE - name: Customer type: Customer - name: Email type: STRING - name: MessageText type: STRING - name: Name type: STRING - name: Phone type: STRING - name: SourcePage type: STRING - name: Status type: STRING - name: Subject type: STRING The data source for the [Customer] select control should be loaded from the relative URL: "/CustomerService/customer" (HTTP-GET) An existing ContactMessage entity should be loaded from the relative URL: "/InvoiceService/contactmessage/{id}" (HTTP-GET) If a new ContactMessage entity has been created, the new entity should be posted to the relative URL: "/InvoiceService/contactmessage" (HTTP-POST) If an existing ContactMessage entity has been updated, the modified entity should be sent to the relative URL: "/InvoiceService/contactmessage/{id}" (HTTP-PUT) If an existing ContactMessage entity has to be deleted, the following relative URL should be called: "/InvoiceService/contactmessage/{id}" (HTTP-DELETE) 2. The InvoiceView must contain the following fields: - name: CreatedAt type: DATE - name: Customer type: Customer - name: DueDate type: DATE - name: InvoiceDate type: DATE - name: InvoiceNumber type: STRING - name: Status type: STRING - name: TaxAmount type: STRING - name: TotalGross type: STRING - name: TotalNet type: STRING The data source for the [Customer] select control should be loaded from the relative URL: "/CustomerService/customer" (HTTP-GET) An existing Invoice entity should be loaded from the relative URL: "/InvoiceService/invoice/{id}" (HTTP-GET) If a new Invoice entity has been created, the new entity should be posted to the relative URL: "/InvoiceService/invoice" (HTTP-POST) If an existing Invoice entity has been updated, the modified entity should be sent to the relative URL: "/InvoiceService/invoice/{id}" (HTTP-PUT) If an existing Invoice entity has to be deleted, the following relative URL should be called: "/InvoiceService/invoice/{id}" (HTTP-DELETE) Add a HTML table to the view with the following InvoiceItem columns: - column: UnitPrice - column: TotalGross - column: Invoice - column: TaxRate - column: Description - column: Quantity - column: SourceKey - column: SourceType The table should have the title "InvoiceItems" und the data must be loaded from the server with the following relative URL: "/InvoiceService/invoiceitem/invoice/{id}" 3. The InvoiceItemView must contain the following fields: - name: Description type: STRING - name: Invoice type: Invoice - name: Quantity type: STRING - name: SourceKey type: LONG - name: SourceType type: STRING - name: TaxRate type: STRING - name: TotalGross type: STRING - name: UnitPrice type: STRING The data source for the [Invoice] select control should be loaded from the relative URL: "/InvoiceService/invoice" (HTTP-GET) An existing InvoiceItem entity should be loaded from the relative URL: "/InvoiceService/invoiceitem/{id}" (HTTP-GET) If a new InvoiceItem entity has been created, the new entity should be posted to the relative URL: "/InvoiceService/invoiceitem" (HTTP-POST) If an existing InvoiceItem entity has been updated, the modified entity should be sent to the relative URL: "/InvoiceService/invoiceitem/{id}" (HTTP-PUT) If an existing InvoiceItem entity has to be deleted, the following relative URL should be called: "/InvoiceService/invoiceitem/{id}" (HTTP-DELETE)
Copy prompt
Overview
My API
System Designs
Dienstleistungen
Kontakt
Energieausgleich
Ansprechpartner
Impressum