Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,6 @@
>
<mat-tab label="{{'General' | translate }}" >

<div class="d-flex flex-row"
*ngIf="!data.resigned && selectCurrentUserIsFirstUser$ | async">
<mat-checkbox class="p-1"
[id]="'useOnlyPlanHours'"
[name]="'useOnlyPlanHours'"
formControlName="useOnlyPlanHours">
<div>
<div>{{ 'Use only plan hours' | translate }}</div>
<small class="checkbox-description"></small>
</div>
</mat-checkbox>
</div>

<!-- ========= Payroll rules (hidden when no pay rule sets exist) ========= -->
<h3 class="section-header" *ngIf="!data.resigned && availablePayRuleSets.length > 0 && selectCurrentUserIsAdmin$ | async">{{ 'Payroll rules' | translate }}</h3>

Expand Down Expand Up @@ -333,306 +320,6 @@ <h3 class="section-header" *ngIf="!data.resigned && (selectCurrentUserIsFirstUse
</ng-container>
</div>
</mat-tab>
<mat-tab label="{{'1st shift' | translate }}"
*ngIf="!data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async">
<div [formGroupName]="'firstShift'">
<ng-container *ngIf="selectCurrentUserIsAdmin$ | async">
<div class="d-flex flex-row"
*ngFor="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']" [formGroupName]="day.toLowerCase()">
<mat-form-field class="p-1">
<mat-label>{{ day | translate }}</mat-label>
<input matInput type="text" readonly disabled>
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Start at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'start' + day"
[name]="'start' + day"
formControlName="start"
(change)="setMinutes($event, 'start' + day)">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'End at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'end' + day"
[name]="'end' + day"
formControlName="end"
(change)="setMinutes($event, 'end' + day)">
</mat-form-field>
<mat-form-field class="p-1" *ngIf="!data.autoBreakCalculationActive">
<mat-label>{{ 'Break time' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'break' + day"
[name]="'break' + day"
formControlName="break"
(change)="setMinutes($event, 'break' + day)">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Calculated hours' | translate }}</mat-label>
<input
type="text"
matInput
[id]="day.toLowerCase() + 'CalculatedHours'"
[name]="day.toLowerCase() + 'CalculatedHours'"
formControlName="calculatedHours"
readonly >
</mat-form-field>
</div>
</ng-container>
</div>
</mat-tab>
<mat-tab label="{{'2nd shift' | translate }}"
*ngIf="!data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async">
<div [formGroupName]="'secondShift'">
<ng-container *ngIf="selectCurrentUserIsAdmin$ | async">
<div class="d-flex flex-row"
*ngFor="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']" [formGroupName]="day.toLowerCase()">
<mat-form-field class="p-1">
<mat-label>{{ day | translate }}</mat-label>
<input matInput type="text" readonly disabled>
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Start at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'start' + day + '2NdShift'"
[name]="'start' + day + '2NdShift'"
formControlName="start"
(change)="setMinutes($event, 'start' + day + '2NdShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'End at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'end' + day + '2NdShift'"
[name]="'end' + day + '2NdShift'"
formControlName="end"
(change)="setMinutes($event, 'end' + day + '2NdShift')">
</mat-form-field>
<mat-form-field class="p-1" *ngIf="!data.autoBreakCalculationActive">
<mat-label>{{ 'Break time' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'break' + day + '2NdShift'"
[name]="'break' + day + '2NdShift'"
formControlName="break"
(change)="setMinutes($event, 'break' + day + '2NdShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Calculated hours' | translate }}</mat-label>
<input
type="text"
matInput
[id]="day.toLowerCase() + 'CalculatedHours'"
[name]="day.toLowerCase() + 'CalculatedHours'"
formControlName="calculatedHours"
readonly >
</mat-form-field>
</div>
</ng-container>
</div>
</mat-tab>
<mat-tab label="{{'3rd shift' | translate }}"
*ngIf="data.thirdShiftActive && !data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async">
<div [formGroupName]="'thirdShift'">
<ng-container *ngIf="selectCurrentUserIsAdmin$ | async">
<div class="d-flex flex-row"
*ngFor="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']" [formGroupName]="day.toLowerCase()">
<mat-form-field class="p-1">
<mat-label>{{ day | translate }}</mat-label>
<input matInput type="text" readonly disabled>
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Start at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'start' + day + '3RdShift'"
[name]="'start' + day + '3RdShift'"
formControlName="start"
(change)="setMinutes($event, 'start' + day + '3RdShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'End at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'end' + day + '3RdShift'"
[name]="'end' + day + '3RdShift'"
formControlName="end"
(change)="setMinutes($event, 'end' + day + '3RdShift')">
</mat-form-field>
<mat-form-field class="p-1" *ngIf="!data.autoBreakCalculationActive">
<mat-label>{{ 'Break time' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'break' + day + '3RdShift'"
[name]="'break' + day + '3RdShift'"
formControlName="break"
(change)="setMinutes($event, 'break' + day + '3RdShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Calculated hours' | translate }}</mat-label>
<input
type="text"
matInput
[id]="day.toLowerCase() + 'CalculatedHours'"
[name]="day.toLowerCase() + 'CalculatedHours'"
formControlName="calculatedHours"
readonly >
</mat-form-field>
</div>
</ng-container>
</div>
</mat-tab>
<mat-tab label="{{'4th shift' | translate }}"
*ngIf="data.thirdShiftActive && data.fourthShiftActive && !data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async">
<div [formGroupName]="'fourthShift'">
<ng-container *ngIf="selectCurrentUserIsAdmin$ | async">
<div class="d-flex flex-row"
*ngFor="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']" [formGroupName]="day.toLowerCase()">
<mat-form-field class="p-1">
<mat-label>{{ day | translate }}</mat-label>
<input matInput type="text" readonly disabled>
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Start at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'start' + day + '4ThShift'"
[name]="'start' + day + '4ThShift'"
formControlName="start"
(change)="setMinutes($event, 'start' + day + '4ThShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'End at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'end' + day + '4ThShift'"
[name]="'end' + day + '4ThShift'"
formControlName="end"
(change)="setMinutes($event, 'end' + day + '4ThShift')">
</mat-form-field>
<mat-form-field class="p-1" *ngIf="!data.autoBreakCalculationActive">
<mat-label>{{ 'Break time' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'break' + day + '4ThShift'"
[name]="'break' + day + '4ThShift'"
formControlName="break"
(change)="setMinutes($event, 'break' + day + '4ThShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Calculated hours' | translate }}</mat-label>
<input
type="text"
matInput
[id]="day.toLowerCase() + 'CalculatedHours'"
[name]="day.toLowerCase() + 'CalculatedHours'"
formControlName="calculatedHours"
readonly >
</mat-form-field>
</div>
</ng-container>
</div>
</mat-tab>
<mat-tab label="{{'5th shift' | translate }}"
*ngIf="data.thirdShiftActive && data.fourthShiftActive && data.fifthShiftActive && !data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async">
<div [formGroupName]="'fifthShift'">
<ng-container *ngIf="selectCurrentUserIsAdmin$ | async">
<div class="d-flex flex-row"
*ngFor="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']" [formGroupName]="day.toLowerCase()">
<mat-form-field class="p-1">
<mat-label>{{ day | translate }}</mat-label>
<input matInput type="text" readonly disabled>
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Start at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'start' + day + '5ThShift'"
[name]="'start' + day + '5ThShift'"
formControlName="start"
(change)="setMinutes($event, 'start' + day + '5ThShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'End at' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'end' + day + '5ThShift'"
[name]="'end' + day + '5ThShift'"
formControlName="end"
(change)="setMinutes($event, 'end' + day + '5ThShift')">
</mat-form-field>
<mat-form-field class="p-1" *ngIf="!data.autoBreakCalculationActive">
<mat-label>{{ 'Break time' | translate }}</mat-label>
<input
type="text"
matInput
mask="00:00"
placeholder="HH:MM"
[id]="'break' + day + '5ThShift'"
[name]="'break' + day + '5ThShift'"
formControlName="break"
(change)="setMinutes($event, 'break' + day + '5ThShift')">
</mat-form-field>
<mat-form-field class="p-1">
<mat-label>{{ 'Calculated hours' | translate }}</mat-label>
<input
type="text"
matInput
[id]="day.toLowerCase() + 'CalculatedHours'"
[name]="day.toLowerCase() + 'CalculatedHours'"
formControlName="calculatedHours"
readonly >
</mat-form-field>
</div>
</ng-container>
</div>
</mat-tab>
</mat-tab-group>
</div>
<div mat-dialog-actions class="d-flex flex-row justify-content-end">
Expand Down
Loading