Prompt for the HydrantView

Please create a React-JS view called "HydrantView" for the fields of the Hydrant entity. The HydrantView must contain the following fields: 
    - name: HydrantStandort   type: HydrantStandort 
    - name: HydrantType   type: HydrantType 
    - name: InstallationsDatum   type: DATE 
    - name: IstBetriebsbereit   type: BOOL 
    - name: IstNass   type: BOOL 
    - name: IstTrocken   type: BOOL 
    - name: LetztePruefung   type: DATE 
    - name: NennweiteMm   type: LONG 
    - name: Notizen   type: STRING 
    - name: WasserNetz   type: WasserNetz 
The data source for the [HydrantType] select control should be loaded from the relative URL: 
    "/HydrantTypeService/hydranttype"   (HTTP-GET) 
The data source for the [HydrantStandort] select control should be loaded from the relative URL: 
    "/HydrantStandortService/hydrantstandort"   (HTTP-GET) 
The data source for the [WasserNetz] select control should be loaded from the relative URL: 
    "/WasserNetzService/wassernetz"   (HTTP-GET) 
An existing Hydrant entity should be loaded from the relative URL: 
    "/WasserNetzService/hydrant/{id}"   (HTTP-GET) 
If a new Hydrant entity has been created, the new entity should be posted to the relative URL: 
    "/WasserNetzService/hydrant"   (HTTP-POST) 
If an existing Hydrant entity has been updated, the modified entity should be sent to the relative URL: 
    "/WasserNetzService/hydrant/{id}"   (HTTP-PUT) 
If an existing Hydrant entity has to be deleted, the following relative URL should be called: 
    "/WasserNetzService/hydrant/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following HydrantHinweisschild columns: 
    - column: OffsetYMeter 
    - column: SchildType 
    - column: OffsetXMeter 
    - column: Hydrant 
    - column: Text 
    - column: MontageOrt 
The table should have the title "HydrantHinweisschilds" und the data must be loaded from the server with the following relative URL: 
    "/HydrantPlanService/hydranthinweisschild/hydrant/{id}" 
Add a HTML table to the view with the following HydrantPlanEintrag columns: 
    - column: UnterirdischerBehaelter 
    - column: OffeneWasserQuelle 
    - column: HydrantPlan 
    - column: Notizen 
    - column: Hydrant 
The table should have the title "HydrantPlanEintrags" und the data must be loaded from the server with the following relative URL: 
    "/HydrantPlanService/hydrantplaneintrag/hydrant/{id}" 
Add a HTML table to the view with the following StandrohrEinsatz columns: 
    - column: Hydrant 
    - column: Ereignis 
    - column: WasserMengeM3 
    - column: Standrohr 
The table should have the title "StandrohrEinsatzs" und the data must be loaded from the server with the following relative URL: 
    "/EreignisTypeService/standrohreinsatz/hydrant/{id}" 
Add a HTML table to the view with the following BrandEreignisHydrant columns: 
    - column: BrandEreignis 
    - column: Rolle 
    - column: Hydrant 
The table should have the title "BrandEreignisHydrants" und the data must be loaded from the server with the following relative URL: 
    "/LandService/brandereignishydrant/hydrant/{id}" 
Add a HTML table to the view with the following HydrantNutzung columns: 
    - column: Organisation 
    - column: GeschaetztesVolumenM3 
    - column: NutzungsArt 
    - column: Hydrant 
    - column: Beschreibung 
    - column: NutzungsDatum 
The table should have the title "HydrantNutzungs" und the data must be loaded from the server with the following relative URL: 
    "/StandrohrTypeService/hydrantnutzung/hydrant/{id}" 
Add a HTML table to the view with the following BrandEreignis columns: 
    - column: StartDatumZeit 
    - column: Schwere 
    - column: HauptHydrant 
    - column: Beschreibung 
    - column: EndeDatumZeit 
    - column: Stadt 
The table should have the title "BrandEreigniss" und the data must be loaded from the server with the following relative URL: 
    "/WasserNetzService/brandereignis/haupthydrant/{id}"

Overview

My API

System Designs