Prompt for the AdoptionsVertragView

Please create a React-JS view called "AdoptionsVertragView" for the fields of the AdoptionsVertrag entity. The AdoptionsVertragView must contain the following fields: 
    - name: Gebuehr   type: STRING 
    - name: HatKontrollklauseln   type: BOOL 
    - name: HatRueckgabepflicht   type: BOOL 
    - name: NeuerHalter   type: Tierhalter 
    - name: Tier   type: Tier 
    - name: Tierheim   type: Tierheim 
    - name: Vertragsart   type: STRING 
    - name: Vertragsdatum   type: DATE 
The data source for the [Tierheim] select control should be loaded from the relative URL: 
    "/TierheimService/tierheim"   (HTTP-GET) 
The data source for the [Tier] select control should be loaded from the relative URL: 
    "/TierService/tier"   (HTTP-GET) 
The data source for the [NeuerHalter] select control should be loaded from the relative URL: 
    "/TierhalterService/tierhalter"   (HTTP-GET) 
An existing AdoptionsVertrag entity should be loaded from the relative URL: 
    "/TierschutzVereinService/adoptionsvertrag/{id}"   (HTTP-GET) 
If a new AdoptionsVertrag entity has been created, the new entity should be posted to the relative URL: 
    "/TierschutzVereinService/adoptionsvertrag"   (HTTP-POST) 
If an existing AdoptionsVertrag entity has been updated, the modified entity should be sent to the relative URL: 
    "/TierschutzVereinService/adoptionsvertrag/{id}"   (HTTP-PUT) 
If an existing AdoptionsVertrag entity has to be deleted, the following relative URL should be called: 
    "/TierschutzVereinService/adoptionsvertrag/{id}"   (HTTP-DELETE)

Overview

My API

System Designs