Prompt for the ArealView

Please create a React-JS view called "ArealView" for the fields of the Areal entity. The ArealView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: EigenstaendigEingezaeunt   type: BOOL 
    - name: Name   type: STRING 
    - name: Spannungsebene   type: Spannungsebene 
    - name: Umspannwerk   type: Umspannwerk 
The data source for the [Spannungsebene] select control should be loaded from the relative URL: 
    "/SpannungsebeneService/spannungsebene"   (HTTP-GET) 
The data source for the [Umspannwerk] select control should be loaded from the relative URL: 
    "/UmspannwerkService/umspannwerk"   (HTTP-GET) 
An existing Areal entity should be loaded from the relative URL: 
    "/UmspannwerkService/areal/{id}"   (HTTP-GET) 
If a new Areal entity has been created, the new entity should be posted to the relative URL: 
    "/UmspannwerkService/areal"   (HTTP-POST) 
If an existing Areal entity has been updated, the modified entity should be sent to the relative URL: 
    "/UmspannwerkService/areal/{id}"   (HTTP-PUT) 
If an existing Areal entity has to be deleted, the following relative URL should be called: 
    "/UmspannwerkService/areal/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Koppelleitung columns: 
    - column: Umspannwerk 
    - column: Name 
    - column: LeitungslaengeKm 
    - column: Beschreibung 
    - column: ArealNach 
    - column: ArealVon 
The table should have the title "Koppelleitungs" und the data must be loaded from the server with the following relative URL: 
    "/NetzartService/koppelleitung/arealvon/{id}" 
Add a HTML table to the view with the following Koppelleitung columns: 
    - column: Umspannwerk 
    - column: Name 
    - column: LeitungslaengeKm 
    - column: Beschreibung 
    - column: ArealNach 
    - column: ArealVon 
The table should have the title "Koppelleitungs" und the data must be loaded from the server with the following relative URL: 
    "/NetzartService/koppelleitung/arealnach/{id}" 
Add a HTML table to the view with the following Transformator columns: 
    - column: NennleistungMva 
    - column: Umspannwerk 
    - column: Areal 
    - column: MitLaststufenschalter 
    - column: MasseTonnen 
    - column: Beschreibung 
    - column: UntereSpannungsebene 
    - column: Hersteller 
    - column: Baujahr 
    - column: Name 
    - column: ObereSpannungsebene 
The table should have the title "Transformators" und the data must be loaded from the server with the following relative URL: 
    "/SchaltanlageService/transformator/areal/{id}" 
Add a HTML table to the view with the following PrimaertechnikKomponente columns: 
    - column: Areal 
    - column: Schaltanlage 
    - column: Umspannwerk 
    - column: Schaltfeld 
    - column: Beschreibung 
    - column: TechnischeDaten 
    - column: Transformator 
    - column: Name 
    - column: Komponententyp 
The table should have the title "PrimaertechnikKomponentes" und the data must be loaded from the server with the following relative URL: 
    "/UmspannwerkService/primaertechnikkomponente/areal/{id}" 
Add a HTML table to the view with the following Schaltanlage columns: 
    - column: Beschreibung 
    - column: Name 
    - column: Umspannwerk 
    - column: Schaltanlagentyp 
    - column: Spannungsebene 
    - column: Areal 
The table should have the title "Schaltanlages" und the data must be loaded from the server with the following relative URL: 
    "/SchaltanlageService/schaltanlage/areal/{id}" 
Add a HTML table to the view with the following UmspannwerkLeitung columns: 
    - column: Areal 
    - column: Rolle 
    - column: Leitung 
    - column: Umspannwerk 
The table should have the title "UmspannwerkLeitungs" und the data must be loaded from the server with the following relative URL: 
    "/StandortService/umspannwerkleitung/areal/{id}"

Overview

My API

System Designs