70 lines
3.5 KiB
HTML
70 lines
3.5 KiB
HTML
|
<section class="mat-typography">
|
||
|
|
<mat-card class="defaultCard">
|
||
|
|
<mat-card-header>
|
||
|
|
<mat-card-title>
|
||
|
|
{{tenant?.firstname}} {{tenant?.lastname}}
|
||
|
|
</mat-card-title>
|
||
|
|
<mat-card-subtitle>
|
||
|
|
ID: {{tenant?.id}}
|
||
|
|
</mat-card-subtitle>
|
||
|
|
</mat-card-header>
|
||
|
|
<mat-card-content>
|
||
|
|
<div>
|
||
|
|
<form (ngSubmit)="updateTenant()">
|
||
|
|
<div>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Anrede</mat-label>
|
||
|
|
<input matInput name="salutation" [(ngModel)]="tenant.salutation"/>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Vorname</mat-label>
|
||
|
|
<input matInput name="firstname" [(ngModel)]="tenant.firstname"/>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Nachname</mat-label>
|
||
|
|
<input matInput name="lastname" [(ngModel)]="tenant.lastname"/>
|
||
|
|
</mat-form-field>
|
||
|
|
</div><div>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Adresse 1 (Straße)</mat-label>
|
||
|
|
<input matInput name="address" [(ngModel)]="tenant.address1"/>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Adresse 2</mat-label>
|
||
|
|
<input matInput name="address2" [(ngModel)]="tenant.address2"/>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Adresse 3</mat-label>
|
||
|
|
<input matInput name="address3" [(ngModel)]="tenant.address3"/>
|
||
|
|
</mat-form-field>
|
||
|
|
</div><div>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>PLZ</mat-label>
|
||
|
|
<input matInput name="zip" [(ngModel)]="tenant.zip"/>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Ort</mat-label>
|
||
|
|
<input matInput name="city" [(ngModel)]="tenant.city"/>
|
||
|
|
</mat-form-field>
|
||
|
|
</div><div>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Telefon 1</mat-label>
|
||
|
|
<input matInput name="phone1" [(ngModel)]="tenant.phone1"/>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>Telefon 2</mat-label>
|
||
|
|
<input matInput name="phone2" [(ngModel)]="tenant.phone2"/>
|
||
|
|
</mat-form-field>
|
||
|
|
</div><div>
|
||
|
|
<mat-form-field appearance="outline">
|
||
|
|
<mat-label>IBAN</mat-label>
|
||
|
|
<input matInput name="iban" [(ngModel)]="tenant.iban"/>
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
<button type="submit" mat-raised-button color="primary">Speichern</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</mat-card-content>
|
||
|
|
</mat-card>
|
||
|
|
</section>
|