@@ -333,306 +333,6 @@ <h3 class="section-header" *ngIf="!data.resigned && (selectCurrentUserIsFirstUse
333333 </ ng-container >
334334 </ div >
335335 </ mat-tab >
336- < mat-tab label ="{{'1st shift' | translate }} "
337- *ngIf ="!data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async ">
338- < div [formGroupName] ="'firstShift' ">
339- < ng-container *ngIf ="selectCurrentUserIsAdmin$ | async ">
340- < div class ="d-flex flex-row "
341- *ngFor ="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'] " [formGroupName] ="day.toLowerCase() ">
342- < mat-form-field class ="p-1 ">
343- < mat-label > {{ day | translate }}</ mat-label >
344- < input matInput type ="text " readonly disabled >
345- </ mat-form-field >
346- < mat-form-field class ="p-1 ">
347- < mat-label > {{ 'Start at' | translate }}</ mat-label >
348- < input
349- type ="text "
350- matInput
351- mask ="00:00 "
352- placeholder ="HH:MM "
353- [id] ="'start' + day "
354- [name] ="'start' + day "
355- formControlName ="start "
356- (change) ="setMinutes($event, 'start' + day) ">
357- </ mat-form-field >
358- < mat-form-field class ="p-1 ">
359- < mat-label > {{ 'End at' | translate }}</ mat-label >
360- < input
361- type ="text "
362- matInput
363- mask ="00:00 "
364- placeholder ="HH:MM "
365- [id] ="'end' + day "
366- [name] ="'end' + day "
367- formControlName ="end "
368- (change) ="setMinutes($event, 'end' + day) ">
369- </ mat-form-field >
370- < mat-form-field class ="p-1 " *ngIf ="!data.autoBreakCalculationActive ">
371- < mat-label > {{ 'Break time' | translate }}</ mat-label >
372- < input
373- type ="text "
374- matInput
375- mask ="00:00 "
376- placeholder ="HH:MM "
377- [id] ="'break' + day "
378- [name] ="'break' + day "
379- formControlName ="break "
380- (change) ="setMinutes($event, 'break' + day) ">
381- </ mat-form-field >
382- < mat-form-field class ="p-1 ">
383- < mat-label > {{ 'Calculated hours' | translate }}</ mat-label >
384- < input
385- type ="text "
386- matInput
387- [id] ="day.toLowerCase() + 'CalculatedHours' "
388- [name] ="day.toLowerCase() + 'CalculatedHours' "
389- formControlName ="calculatedHours "
390- readonly >
391- </ mat-form-field >
392- </ div >
393- </ ng-container >
394- </ div >
395- </ mat-tab >
396- < mat-tab label ="{{'2nd shift' | translate }} "
397- *ngIf ="!data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async ">
398- < div [formGroupName] ="'secondShift' ">
399- < ng-container *ngIf ="selectCurrentUserIsAdmin$ | async ">
400- < div class ="d-flex flex-row "
401- *ngFor ="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'] " [formGroupName] ="day.toLowerCase() ">
402- < mat-form-field class ="p-1 ">
403- < mat-label > {{ day | translate }}</ mat-label >
404- < input matInput type ="text " readonly disabled >
405- </ mat-form-field >
406- < mat-form-field class ="p-1 ">
407- < mat-label > {{ 'Start at' | translate }}</ mat-label >
408- < input
409- type ="text "
410- matInput
411- mask ="00:00 "
412- placeholder ="HH:MM "
413- [id] ="'start' + day + '2NdShift' "
414- [name] ="'start' + day + '2NdShift' "
415- formControlName ="start "
416- (change) ="setMinutes($event, 'start' + day + '2NdShift') ">
417- </ mat-form-field >
418- < mat-form-field class ="p-1 ">
419- < mat-label > {{ 'End at' | translate }}</ mat-label >
420- < input
421- type ="text "
422- matInput
423- mask ="00:00 "
424- placeholder ="HH:MM "
425- [id] ="'end' + day + '2NdShift' "
426- [name] ="'end' + day + '2NdShift' "
427- formControlName ="end "
428- (change) ="setMinutes($event, 'end' + day + '2NdShift') ">
429- </ mat-form-field >
430- < mat-form-field class ="p-1 " *ngIf ="!data.autoBreakCalculationActive ">
431- < mat-label > {{ 'Break time' | translate }}</ mat-label >
432- < input
433- type ="text "
434- matInput
435- mask ="00:00 "
436- placeholder ="HH:MM "
437- [id] ="'break' + day + '2NdShift' "
438- [name] ="'break' + day + '2NdShift' "
439- formControlName ="break "
440- (change) ="setMinutes($event, 'break' + day + '2NdShift') ">
441- </ mat-form-field >
442- < mat-form-field class ="p-1 ">
443- < mat-label > {{ 'Calculated hours' | translate }}</ mat-label >
444- < input
445- type ="text "
446- matInput
447- [id] ="day.toLowerCase() + 'CalculatedHours' "
448- [name] ="day.toLowerCase() + 'CalculatedHours' "
449- formControlName ="calculatedHours "
450- readonly >
451- </ mat-form-field >
452- </ div >
453- </ ng-container >
454- </ div >
455- </ mat-tab >
456- < mat-tab label ="{{'3rd shift' | translate }} "
457- *ngIf ="data.thirdShiftActive && !data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async ">
458- < div [formGroupName] ="'thirdShift' ">
459- < ng-container *ngIf ="selectCurrentUserIsAdmin$ | async ">
460- < div class ="d-flex flex-row "
461- *ngFor ="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'] " [formGroupName] ="day.toLowerCase() ">
462- < mat-form-field class ="p-1 ">
463- < mat-label > {{ day | translate }}</ mat-label >
464- < input matInput type ="text " readonly disabled >
465- </ mat-form-field >
466- < mat-form-field class ="p-1 ">
467- < mat-label > {{ 'Start at' | translate }}</ mat-label >
468- < input
469- type ="text "
470- matInput
471- mask ="00:00 "
472- placeholder ="HH:MM "
473- [id] ="'start' + day + '3RdShift' "
474- [name] ="'start' + day + '3RdShift' "
475- formControlName ="start "
476- (change) ="setMinutes($event, 'start' + day + '3RdShift') ">
477- </ mat-form-field >
478- < mat-form-field class ="p-1 ">
479- < mat-label > {{ 'End at' | translate }}</ mat-label >
480- < input
481- type ="text "
482- matInput
483- mask ="00:00 "
484- placeholder ="HH:MM "
485- [id] ="'end' + day + '3RdShift' "
486- [name] ="'end' + day + '3RdShift' "
487- formControlName ="end "
488- (change) ="setMinutes($event, 'end' + day + '3RdShift') ">
489- </ mat-form-field >
490- < mat-form-field class ="p-1 " *ngIf ="!data.autoBreakCalculationActive ">
491- < mat-label > {{ 'Break time' | translate }}</ mat-label >
492- < input
493- type ="text "
494- matInput
495- mask ="00:00 "
496- placeholder ="HH:MM "
497- [id] ="'break' + day + '3RdShift' "
498- [name] ="'break' + day + '3RdShift' "
499- formControlName ="break "
500- (change) ="setMinutes($event, 'break' + day + '3RdShift') ">
501- </ mat-form-field >
502- < mat-form-field class ="p-1 ">
503- < mat-label > {{ 'Calculated hours' | translate }}</ mat-label >
504- < input
505- type ="text "
506- matInput
507- [id] ="day.toLowerCase() + 'CalculatedHours' "
508- [name] ="day.toLowerCase() + 'CalculatedHours' "
509- formControlName ="calculatedHours "
510- readonly >
511- </ mat-form-field >
512- </ div >
513- </ ng-container >
514- </ div >
515- </ mat-tab >
516- < mat-tab label ="{{'4th shift' | translate }} "
517- *ngIf ="data.thirdShiftActive && data.fourthShiftActive && !data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async ">
518- < div [formGroupName] ="'fourthShift' ">
519- < ng-container *ngIf ="selectCurrentUserIsAdmin$ | async ">
520- < div class ="d-flex flex-row "
521- *ngFor ="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'] " [formGroupName] ="day.toLowerCase() ">
522- < mat-form-field class ="p-1 ">
523- < mat-label > {{ day | translate }}</ mat-label >
524- < input matInput type ="text " readonly disabled >
525- </ mat-form-field >
526- < mat-form-field class ="p-1 ">
527- < mat-label > {{ 'Start at' | translate }}</ mat-label >
528- < input
529- type ="text "
530- matInput
531- mask ="00:00 "
532- placeholder ="HH:MM "
533- [id] ="'start' + day + '4ThShift' "
534- [name] ="'start' + day + '4ThShift' "
535- formControlName ="start "
536- (change) ="setMinutes($event, 'start' + day + '4ThShift') ">
537- </ mat-form-field >
538- < mat-form-field class ="p-1 ">
539- < mat-label > {{ 'End at' | translate }}</ mat-label >
540- < input
541- type ="text "
542- matInput
543- mask ="00:00 "
544- placeholder ="HH:MM "
545- [id] ="'end' + day + '4ThShift' "
546- [name] ="'end' + day + '4ThShift' "
547- formControlName ="end "
548- (change) ="setMinutes($event, 'end' + day + '4ThShift') ">
549- </ mat-form-field >
550- < mat-form-field class ="p-1 " *ngIf ="!data.autoBreakCalculationActive ">
551- < mat-label > {{ 'Break time' | translate }}</ mat-label >
552- < input
553- type ="text "
554- matInput
555- mask ="00:00 "
556- placeholder ="HH:MM "
557- [id] ="'break' + day + '4ThShift' "
558- [name] ="'break' + day + '4ThShift' "
559- formControlName ="break "
560- (change) ="setMinutes($event, 'break' + day + '4ThShift') ">
561- </ mat-form-field >
562- < mat-form-field class ="p-1 ">
563- < mat-label > {{ 'Calculated hours' | translate }}</ mat-label >
564- < input
565- type ="text "
566- matInput
567- [id] ="day.toLowerCase() + 'CalculatedHours' "
568- [name] ="day.toLowerCase() + 'CalculatedHours' "
569- formControlName ="calculatedHours "
570- readonly >
571- </ mat-form-field >
572- </ div >
573- </ ng-container >
574- </ div >
575- </ mat-tab >
576- < mat-tab label ="{{'5th shift' | translate }} "
577- *ngIf ="data.thirdShiftActive && data.fourthShiftActive && data.fifthShiftActive && !data.useOnlyPlanHours && selectCurrentUserIsFirstUser$ | async ">
578- < div [formGroupName] ="'fifthShift' ">
579- < ng-container *ngIf ="selectCurrentUserIsAdmin$ | async ">
580- < div class ="d-flex flex-row "
581- *ngFor ="let day of ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'] " [formGroupName] ="day.toLowerCase() ">
582- < mat-form-field class ="p-1 ">
583- < mat-label > {{ day | translate }}</ mat-label >
584- < input matInput type ="text " readonly disabled >
585- </ mat-form-field >
586- < mat-form-field class ="p-1 ">
587- < mat-label > {{ 'Start at' | translate }}</ mat-label >
588- < input
589- type ="text "
590- matInput
591- mask ="00:00 "
592- placeholder ="HH:MM "
593- [id] ="'start' + day + '5ThShift' "
594- [name] ="'start' + day + '5ThShift' "
595- formControlName ="start "
596- (change) ="setMinutes($event, 'start' + day + '5ThShift') ">
597- </ mat-form-field >
598- < mat-form-field class ="p-1 ">
599- < mat-label > {{ 'End at' | translate }}</ mat-label >
600- < input
601- type ="text "
602- matInput
603- mask ="00:00 "
604- placeholder ="HH:MM "
605- [id] ="'end' + day + '5ThShift' "
606- [name] ="'end' + day + '5ThShift' "
607- formControlName ="end "
608- (change) ="setMinutes($event, 'end' + day + '5ThShift') ">
609- </ mat-form-field >
610- < mat-form-field class ="p-1 " *ngIf ="!data.autoBreakCalculationActive ">
611- < mat-label > {{ 'Break time' | translate }}</ mat-label >
612- < input
613- type ="text "
614- matInput
615- mask ="00:00 "
616- placeholder ="HH:MM "
617- [id] ="'break' + day + '5ThShift' "
618- [name] ="'break' + day + '5ThShift' "
619- formControlName ="break "
620- (change) ="setMinutes($event, 'break' + day + '5ThShift') ">
621- </ mat-form-field >
622- < mat-form-field class ="p-1 ">
623- < mat-label > {{ 'Calculated hours' | translate }}</ mat-label >
624- < input
625- type ="text "
626- matInput
627- [id] ="day.toLowerCase() + 'CalculatedHours' "
628- [name] ="day.toLowerCase() + 'CalculatedHours' "
629- formControlName ="calculatedHours "
630- readonly >
631- </ mat-form-field >
632- </ div >
633- </ ng-container >
634- </ div >
635- </ mat-tab >
636336 </ mat-tab-group >
637337</ div >
638338< div mat-dialog-actions class ="d-flex flex-row justify-content-end ">
0 commit comments