Prompt for the BrueckeView

Please create a React-JS view called "BrueckeView" for the fields of the Bruecke entity. The BrueckeView must contain the following fields: 
    - name: AnzahlFelder   type: LONG 
    - name: Baujahr   type: LONG 
    - name: Beschreibung   type: STRING 
    - name: BeweglichesBrueckensystem   type: BeweglichesBrueckensystem 
    - name: BreiteMeter   type: STRING 
    - name: Eroeffnung   type: LONG 
    - name: HauptspannweiteMeter   type: STRING 
    - name: IstBeweglich   type: BOOL 
    - name: LaengeMeter   type: STRING 
    - name: LichtraumhoeheMeter   type: STRING 
    - name: Material   type: Material 
    - name: Name   type: STRING 
    - name: Ort   type: Ort 
    - name: Tragwerkssystem   type: Tragwerkssystem 
    - name: Wasserlauf   type: Wasserlauf 
The data source for the [Ort] select control should be loaded from the relative URL: 
    "/OrtService/ort"   (HTTP-GET) 
The data source for the [Wasserlauf] select control should be loaded from the relative URL: 
    "/BrueckeService/wasserlauf"   (HTTP-GET) 
The data source for the [BeweglichesBrueckensystem] select control should be loaded from the relative URL: 
    "/GruendungstypService/beweglichesbrueckensystem"   (HTTP-GET) 
The data source for the [Material] select control should be loaded from the relative URL: 
    "/MaterialService/material"   (HTTP-GET) 
The data source for the [Tragwerkssystem] select control should be loaded from the relative URL: 
    "/TragwerkssystemService/tragwerkssystem"   (HTTP-GET) 
An existing Bruecke entity should be loaded from the relative URL: 
    "/BrueckeService/bruecke/{id}"   (HTTP-GET) 
If a new Bruecke entity has been created, the new entity should be posted to the relative URL: 
    "/BrueckeService/bruecke"   (HTTP-POST) 
If an existing Bruecke entity has been updated, the modified entity should be sent to the relative URL: 
    "/BrueckeService/bruecke/{id}"   (HTTP-PUT) 
If an existing Bruecke entity has to be deleted, the following relative URL should be called: 
    "/BrueckeService/bruecke/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Pylon columns: 
    - column: HoeheMeter 
    - column: Bruecke 
    - column: Material 
    - column: Pylontyp 
    - column: Beschreibung 
The table should have the title "Pylons" und the data must be loaded from the server with the following relative URL: 
    "/GelaendersystemService/pylon/bruecke/{id}" 
Add a HTML table to the view with the following Feld columns: 
    - column: Reihenfolge 
    - column: Bruecke 
    - column: Feldrolle 
    - column: LaengeMeter 
The table should have the title "Felds" und the data must be loaded from the server with the following relative URL: 
    "/LagertypService/feld/bruecke/{id}" 
Add a HTML table to the view with the following BrueckeVerkehrsart columns: 
    - column: Verkehrsart 
    - column: Bruecke 
The table should have the title "BrueckeVerkehrsarts" und the data must be loaded from the server with the following relative URL: 
    "/GruendungstypService/brueckeverkehrsart/bruecke/{id}" 
Add a HTML table to the view with the following BrueckeLagekategorie columns: 
    - column: Lagekategorie 
    - column: Bruecke 
The table should have the title "BrueckeLagekategories" und the data must be loaded from the server with the following relative URL: 
    "/TragwerkssystemService/brueckelagekategorie/bruecke/{id}" 
Add a HTML table to the view with the following BrueckeFunktionskategorie columns: 
    - column: Bruecke 
    - column: Funktionskategorie 
The table should have the title "BrueckeFunktionskategories" und the data must be loaded from the server with the following relative URL: 
    "/OrtService/brueckefunktionskategorie/bruecke/{id}" 
Add a HTML table to the view with the following Seilsystem columns: 
    - column: Beschreibung 
    - column: Systemtyp 
    - column: Bruecke 
The table should have the title "Seilsystems" und the data must be loaded from the server with the following relative URL: 
    "/LagertypService/seilsystem/bruecke/{id}" 
Add a HTML table to the view with the following Seil columns: 
    - column: LaengeMeter 
    - column: Seiltyp 
    - column: Bruecke 
    - column: Seilsystem 
    - column: Beschreibung 
    - column: DurchmesserMillimeter 
The table should have the title "Seils" und the data must be loaded from the server with the following relative URL: 
    "/BrueckeService/seil/bruecke/{id}" 
Add a HTML table to the view with the following BrueckenBauteil columns: 
    - column: Gruendungstyp 
    - column: Lagertyp 
    - column: Fahrbahnuebergangstyp 
    - column: Schutzsystem 
    - column: Bauteiltyp 
    - column: Beschreibung 
    - column: Gelaendersystem 
    - column: Bruecke 
    - column: Material 
    - column: Decksystem 
The table should have the title "BrueckenBauteils" und the data must be loaded from the server with the following relative URL: 
    "/MaterialService/brueckenbauteil/bruecke/{id}" 
Add a HTML table to the view with the following BrueckenEigentum columns: 
    - column: Bruecke 
    - column: Eigentuemer 
    - column: AnteilProzent 
    - column: Eigentumsart 
The table should have the title "BrueckenEigentums" und the data must be loaded from the server with the following relative URL: 
    "/EigentuemerService/brueckeneigentum/bruecke/{id}"

Overview

My API

System Designs