50 lines
2.6 KiB
HTML
50 lines
2.6 KiB
HTML
<section class="mat-typography">
|
|
<mat-card class="defaultCard">
|
|
<mat-card-header>
|
|
<mat-card-title>
|
|
{{fee?.description}}
|
|
</mat-card-title>
|
|
<mat-card-subtitle>
|
|
ID: {{fee?.id}}
|
|
</mat-card-subtitle>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<div>
|
|
<form (ngSubmit)="saveFee()">
|
|
<div>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Beschreibung</mat-label>
|
|
<input matInput name="description" [(ngModel)]="fee.description"/>
|
|
</mat-form-field>
|
|
</div><div>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Betrag (€)</mat-label>
|
|
<input matInput type="number" name="amount" [(ngModel)]="fee.amount" [readonly]="readonly"/>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Typ</mat-label>
|
|
<mat-select [(ngModel)]="fee.fee_type" name="fee_type">
|
|
<mat-option *ngFor="let p of fee_types" [value]="p">{{p}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div><div>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Beginn</mat-label>
|
|
<input matInput name="startdate" [(ngModel)]="fee.startdate" [matDatepicker]="startdatepicker" [readonly]="readonly"/>
|
|
<mat-datepicker-toggle matSuffix [for]="startdatepicker" [disabled]="readonly"></mat-datepicker-toggle>
|
|
<mat-datepicker #startdatepicker></mat-datepicker>
|
|
</mat-form-field>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Ende</mat-label>
|
|
<input matInput name="enddate" [(ngModel)]="fee.enddate" [matDatepicker]="enddatepicker"/>
|
|
<mat-datepicker-toggle matSuffix [for]="enddatepicker"></mat-datepicker-toggle>
|
|
<mat-datepicker #enddatepicker></mat-datepicker>
|
|
</mat-form-field>
|
|
</div>
|
|
<button #submitButton type="submit" mat-raised-button color="primary">Speichern</button>
|
|
</form>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</section>
|