1
|
<h1 mat-dialog-title>Úprava volna</h1>
|
2
|
|
3
|
<div mat-dialog-content>
|
4
|
<div>
|
5
|
<label id="days-off-type-radio-group-label" class="dialog-label">Typ volna</label>
|
6
|
<mat-radio-group aria-labelledby="days-off-type-radio-group-label" class="days-off-type-radio-group" [(ngModel)]="selectedVacationType">
|
7
|
<mat-radio-button class="days-off-type-radio-button" *ngFor="let type of vacationTypes" [value]="type" >
|
8
|
{{type}}
|
9
|
</mat-radio-button>
|
10
|
</mat-radio-group>
|
11
|
</div>
|
12
|
|
13
|
<div class="datetime-interval">
|
14
|
<div class="from-datetime">
|
15
|
<label for="from-datetime-input" class="dialog-label">Od:</label>
|
16
|
<div class="datetime-picker">
|
17
|
<mat-form-field>
|
18
|
<input id="from-datetime-input" matInput [matDatepicker]="startDatePicker" [(ngModel)]="data.fromDate">
|
19
|
<mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
|
20
|
<mat-datepicker #startDatePicker></mat-datepicker>
|
21
|
</mat-form-field>
|
22
|
<ngb-timepicker [(ngModel)]="data.fromTime" [minuteStep]="MINUTE_STEP"></ngb-timepicker>
|
23
|
</div>
|
24
|
</div>
|
25
|
|
26
|
<div class="to-datetime">
|
27
|
<label for="to-datetime-input" class="dialog-label">Do:</label>
|
28
|
<div class="datetime-picker">
|
29
|
<mat-form-field>
|
30
|
<input id="to-datetime-input" matInput [matDatepicker]="endDatePicker" [(ngModel)]="data.toDate">
|
31
|
<mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
|
32
|
<mat-datepicker #endDatePicker></mat-datepicker>
|
33
|
</mat-form-field>
|
34
|
<ngb-timepicker [(ngModel)]="data.toTime" [minuteStep]="MINUTE_STEP"></ngb-timepicker>
|
35
|
</div>
|
36
|
</div>
|
37
|
</div>
|
38
|
</div>
|
39
|
|
40
|
<div mat-dialog-actions align="end">
|
41
|
<button mat-raised-button color="primary" (click)="onConfirmClick()">Potvrdit</button>
|
42
|
<button mat-raised-button color="basic" (click)="onCloseClick()">Zavřít</button>
|
43
|
</div>
|