Prompt for the InfrastrukturProjektView

Please create a React-JS view called "InfrastrukturProjektView" for the fields of the InfrastrukturProjekt entity. The InfrastrukturProjektView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: EndeJahr   type: LONG 
    - name: IstA20Bezug   type: BOOL 
    - name: IstFehmarnbeltBezug   type: BOOL 
    - name: Name   type: STRING 
    - name: ProjektTyp   type: STRING 
    - name: StartJahr   type: LONG 
    - name: Status   type: STRING 
    - name: Studie   type: Studie 
    - name: Wasserstrasse   type: Wasserstrasse 
The data source for the [Studie] select control should be loaded from the relative URL: 
    "/StudieService/studie"   (HTTP-GET) 
The data source for the [Wasserstrasse] select control should be loaded from the relative URL: 
    "/WasserstrasseService/wasserstrasse"   (HTTP-GET) 
An existing InfrastrukturProjekt entity should be loaded from the relative URL: 
    "/WasserstrasseService/infrastrukturprojekt/{id}"   (HTTP-GET) 
If a new InfrastrukturProjekt entity has been created, the new entity should be posted to the relative URL: 
    "/WasserstrasseService/infrastrukturprojekt"   (HTTP-POST) 
If an existing InfrastrukturProjekt entity has been updated, the modified entity should be sent to the relative URL: 
    "/WasserstrasseService/infrastrukturprojekt/{id}"   (HTTP-PUT) 
If an existing InfrastrukturProjekt entity has to be deleted, the following relative URL should be called: 
    "/WasserstrasseService/infrastrukturprojekt/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following InfrastrukturProjektHafen columns: 
    - column: InfrastrukturProjekt 
    - column: Hafen 
    - column: Rolle 
The table should have the title "InfrastrukturProjektHafens" und the data must be loaded from the server with the following relative URL: 
    "/WasserstrasseService/infrastrukturprojekthafen/infrastrukturprojekt/{id}"

Overview

My API

System Designs