hv2/hv2-all-in-one
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nullable api params and tenancy mapping

Browse Source
This commit is contained in:
Wolfgang Hottgenroth
2021-09-11 17:07:39 +02:00
parent df4adecda1
commit 05823a1829
4 changed files with 204 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
ui/hv2-ui/src/app/tenant-details/tenant-details.component.html
View File

@ -98,7 +98,8 @@
</mat-card-header>
<mat-card-content>
<mat-accordion>
<mat-expansion-panel (opened)="collapseTenancies = true"
<mat-expansion-panel #panelTenancies
(opened)="collapseTenancies = true"
(closed)="collapseTenancies = false">
<mat-expansion-panel-header>
<mat-panel-title *ngIf="!collapseTenancies">
@ -138,6 +139,54 @@
</table>
</div>
</mat-expansion-panel>
<mat-expansion-panel #panelAddMapping
(opened)="openTenancyMapping()"
(closed)="closeTenancyMapping()">
<mat-expansion-panel-header>
<mat-panel-title *ngIf="!collapseTenancyMapping">
Mietverhältnis hinzufügen
</mat-panel-title>
<mat-panel-description>
</mat-panel-description>
</mat-expansion-panel-header>
<div>
<form (ngSubmit)="addTenancyToTenant()">
<div>
<mat-form-field appearance="outline" id="setenddatefield">
<mat-label>Beginn</mat-label>
<input matInput name="startdate" [(ngModel)]="newTenancy.startdate" [matDatepicker]="newtenancystartdatepicker"/>
<mat-datepicker-toggle matSuffix [for]="newtenancystartdatepicker"></mat-datepicker-toggle>
<mat-datepicker #newtenancystartdatepicker></mat-datepicker>
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>Beschreibung</mat-label>
<input matInput name="description" [(ngModel)]="newTenancy.description"/>
</mat-form-field>
</div><div>
<mat-form-field appearance="outline">
<mat-select #mapSelect [(ngModel)]="newTenancy.flat" name="flat" (selectionChange)="flatSelected()">
<mat-label>Wohnung</mat-label>
<mat-option *ngFor="let p of allFlats" [value]="p.rawFlat.id">{{p.rawFlat.description}} {{p.premise}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>Garage</mat-label>
<mat-select #mapSelect [(ngModel)]="newTenancy.parking" name="parking" (selectionChange)="parkingSelected()">
<mat-option *ngFor="let p of allParkings" [value]="p.rawParking.id">{{p.rawParking.description}} {{p.premise}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field appearance="outline">
<mat-label>Büro</mat-label>
<mat-select #mapSelect [(ngModel)]="newTenancy.commercial_premise" name="commercial_premise" (selectionChange)="commercialPremiseSelected()">
<mat-option *ngFor="let p of allCommercialPremises" [value]="p.rawCommercialPremise.id">{{p.rawCommercialPremise.description}} {{p.premise}}</mat-option>
</mat-select>
</mat-form-field>
</div>
<button #addTenancyToTenantButton type="submit" mat-raised-button color="primary">Anlegen</button>
</form>
</div>
</mat-expansion-panel>
</mat-accordion>
</mat-card-content>
</mat-card>