Prompt for the KlientView

Please create a React-JS view called "KlientView" for the fields of the Klient entity. The KlientView must contain the following fields: 
    - name: EMailAdresse   type: STRING 
    - name: Familienstand   type: STRING 
    - name: Geburtsdatum   type: DATE 
    - name: Geschlecht   type: STRING 
    - name: GesetzlicherBetreuer   type: Gesetz 
    - name: Hauptdiagnose   type: STRING 
    - name: Hauptstandort   type: INT 
    - name: IstVerstorben   type: BOOL 
    - name: Lebenssituation   type: STRING 
    - name: Nachname   type: STRING 
    - name: Pflegedienst   type: Pflegedienst 
    - name: Pflegegrad   type: INT 
    - name: Sterbedatum   type: DATE 
    - name: Telefonnummer   type: STRING 
    - name: Vorname   type: STRING 
    - name: Wohnort   type: INT 
The data source for the [Pflegedienst] select control should be loaded from the relative URL: 
    "/PflegedienstService/pflegedienst"   (HTTP-GET) 
The data source for the [GesetzlicherBetreuer] select control should be loaded from the relative URL: 
    "/GesetzService/gesetz"   (HTTP-GET) 
An existing Klient entity should be loaded from the relative URL: 
    "/PflegedienstService/klient/{id}"   (HTTP-GET) 
If a new Klient entity has been created, the new entity should be posted to the relative URL: 
    "/PflegedienstService/klient"   (HTTP-POST) 
If an existing Klient entity has been updated, the modified entity should be sent to the relative URL: 
    "/PflegedienstService/klient/{id}"   (HTTP-PUT) 
If an existing Klient entity has to be deleted, the following relative URL should be called: 
    "/PflegedienstService/klient/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following PflegeDokumentation columns: 
    - column: ErstelltVonMitarbeiter 
    - column: Zeitpunkt 
    - column: Dokumentationstyp 
    - column: Textinhalt 
    - column: Klient 
    - column: Einsatz 
The table should have the title "PflegeDokumentations" und the data must be loaded from the server with the following relative URL: 
    "/EinsatzService/pflegedokumentation/klient/{id}" 
Add a HTML table to the view with the following KlientVersicherung columns: 
    - column: GueltigBis 
    - column: IstPrimaer 
    - column: Versicherungsnummer 
    - column: Versicherungsart 
    - column: Klient 
    - column: GueltigVon 
    - column: Versicherung 
The table should have the title "KlientVersicherungs" und the data must be loaded from the server with the following relative URL: 
    "/RechtsformService/klientversicherung/klient/{id}" 
Add a HTML table to the view with the following Medikationsplan columns: 
    - column: VerordnenderArzt 
    - column: ErstelltAm 
    - column: Klient 
    - column: ErstelltVonMitarbeiter 
    - column: AktualisiertAm 
The table should have the title "Medikationsplans" und the data must be loaded from the server with the following relative URL: 
    "/PflegedienstService/medikationsplan/klient/{id}" 
Add a HTML table to the view with the following Rechnung columns: 
    - column: Rechnungsdatum 
    - column: AbrechnungszeitraumBis 
    - column: Rechnungsnummer 
    - column: AbrechnungszeitraumVon 
    - column: Gesamtbetrag 
    - column: Pflegedienst 
    - column: Klient 
    - column: Versicherung 
    - column: Faelligkeitsdatum 
    - column: Rechnungsstatus 
The table should have the title "Rechnungs" und the data must be loaded from the server with the following relative URL: 
    "/VersicherungService/rechnung/klient/{id}" 
Add a HTML table to the view with the following Pflegevertrag columns: 
    - column: Pflegedienst 
    - column: Enddatum 
    - column: Kuendigungsdatum 
    - column: Kuendigungsgrund 
    - column: Bemerkung 
    - column: Klient 
    - column: Status 
    - column: Vertragstyp 
    - column: Startdatum 
The table should have the title "Pflegevertrags" und the data must be loaded from the server with the following relative URL: 
    "/PflegedienstService/pflegevertrag/klient/{id}" 
Add a HTML table to the view with the following Einsatz columns: 
    - column: Einsatzstatus 
    - column: GeplantEnde 
    - column: TatsächlichEnde 
    - column: TatsächlichStart 
    - column: PflegedienstStandort 
    - column: GeplantStart 
    - column: VerantwortlicherMitarbeiter 
    - column: Abbruchgrund 
    - column: Klient 
The table should have the title "Einsatzs" und the data must be loaded from the server with the following relative URL: 
    "/EinsatzService/einsatz/klient/{id}" 
Add a HTML table to the view with the following KlientKontaktperson columns: 
    - column: Person 
    - column: Klient 
    - column: IstNotfallkontakt 
    - column: Beziehung 
The table should have the title "KlientKontaktpersons" und the data must be loaded from the server with the following relative URL: 
    "/MitarbeiterService/klientkontaktperson/klient/{id}" 
Add a HTML table to the view with the following Pflegeplan columns: 
    - column: RisikoEinschaetzung 
    - column: ErstelltAm 
    - column: Klient 
    - column: AktualisiertAm 
    - column: ErstelltVonMitarbeiter 
    - column: Planstatus 
    - column: Zielbeschreibung 
The table should have the title "Pflegeplans" und the data must be loaded from the server with the following relative URL: 
    "/LeistungskatalogEintragService/pflegeplan/klient/{id}"

Overview

My API

System Designs