Prompt for the RouteView

Please create a React-JS view called "RouteView" for the fields of the Route entity. The RouteView must contain the following fields: 
    - name: Beschreibung   type: STRING 
    - name: Fahrzeug   type: Fahrzeug 
    - name: LokaleTafel   type: LokaleTafel 
    - name: Name   type: STRING 
    - name: RegelWochentag   type: LONG 
The data source for the [Fahrzeug] select control should be loaded from the relative URL: 
    "/LokaleTafelService/fahrzeug"   (HTTP-GET) 
The data source for the [LokaleTafel] select control should be loaded from the relative URL: 
    "/LokaleTafelService/lokaletafel"   (HTTP-GET) 
An existing Route entity should be loaded from the relative URL: 
    "/EhrenamtlicherService/route/{id}"   (HTTP-GET) 
If a new Route entity has been created, the new entity should be posted to the relative URL: 
    "/EhrenamtlicherService/route"   (HTTP-POST) 
If an existing Route entity has been updated, the modified entity should be sent to the relative URL: 
    "/EhrenamtlicherService/route/{id}"   (HTTP-PUT) 
If an existing Route entity has to be deleted, the following relative URL should be called: 
    "/EhrenamtlicherService/route/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Abholstopp columns: 
    - column: Lager 
    - column: StoppTyp 
    - column: Route 
    - column: Reihenfolge 
    - column: SpenderFiliale 
The table should have the title "Abholstopps" und the data must be loaded from the server with the following relative URL: 
    "/LagerService/abholstopp/route/{id}" 
Add a HTML table to the view with the following Einsatz columns: 
    - column: BisDatum 
    - column: Route 
    - column: EinsatzTyp 
    - column: Lager 
    - column: VonDatum 
    - column: Ausgabestelle 
    - column: Ehrenamtlicher 
The table should have the title "Einsatzs" und the data must be loaded from the server with the following relative URL: 
    "/EhrenamtlicherService/einsatz/route/{id}"

Overview

My API

System Designs