absence-framework.component.html:
<div class="absence-framework">
<amt-absence-overview></amt-absence-overview>
<div style="margin-bottom: 0.5rem"></div>
<mat-tab-group>
<mat-tab label="{{ 'absence-framework.employeedesk' | translate }}">
<div style="padding: 0.5rem">
<div class="row">
<div class="col">
<amt-absence-request [timesheet]="timesheet" [availableVacationDays]="availableVacationDays"></amt-absence-request>
</div>
<div class="col">
<amt-absence-statistic
[availableVacationDays]="availableVacationDays"
[overtime]="overtime"
[bookedVacationDays]="bookedVacationDays"
[currentVacationContingent]="currentVacationContingent"
></amt-absence-statistic>
</div>
</div>
<div style="margin-bottom: 1rem"></div>
<amt-absence-summary [absenceRequests]="absenceRequests"></amt-absence-summary>
</div>
</mat-tab>
<mat-tab label="{{ 'absence-framework.managerdesk' | translate }}" [disabled]="!isManager">
<div style="padding: 0.5rem">
{{ 'absence-framework.differentstages' | translate }}
<amt-absence-process [title]="'absence-framework.differentstages' | translate" [status]="['PENDING']"></amt-absence-process>
</div>
</mat-tab>
</mat-tab-group>
</div>```