Migrate second batch of components to inject() pattern

Copilot · renemadsen · Copilot · commit 7ba48aa071c1 · 2025-11-28T13:59:31.000Z
Co-authored-by: renemadsen &lt;76994+renemadsen@users.noreply.github.com&gt;
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/assigned-site/assigned-site-dialog.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/assigned-site/assigned-site-dialog.component.ts
@@ -1,4 +1,6 @@
-import {Component, DoCheck, Inject, OnInit} from '@angular/core';
+import {Component, DoCheck, OnInit,
+  inject
+} from '@angular/core';
 import {
   MAT_DIALOG_DATA
 } from '@angular/material/dialog';
@@ -24,22 +26,19 @@ import {
   standalone: false
 })
 export class AssignedSiteDialogComponent implements DoCheck, OnInit {
+  private fb = inject(FormBuilder);
+  public data = inject<AssignedSiteModel>(MAT_DIALOG_DATA);
+  private timePlanningPnSettingsService = inject(TimePlanningPnSettingsService);
+  private store = inject(Store);
+
   assignedSiteForm!: FormGroup;
 
   public selectCurrentUserIsAdmin$ = this.store.select(selectCurrentUserIsAdmin);
   public selectCurrentUserIsFirstUser$ = this.store.select(selectCurrentUserIsFirstUser);
   private previousData: AssignedSiteModel;
   private globalAutoBreakSettings: GlobalAutoBreakSettingsModel;
 
-  constructor(
-    private fb: FormBuilder,
-    @Inject(MAT_DIALOG_DATA) public data: AssignedSiteModel,
-    private timePlanningPnSettingsService: TimePlanningPnSettingsService,
-    private store: Store
-  ) {
-    this.previousData = {...data};
-    // this.calculateHours();
-  }
+  
 
   ngDoCheck(): void {
     if (this.hasDataChanged()) {
@@ -49,6 +48,8 @@ export class AssignedSiteDialogComponent implements DoCheck, OnInit {
   }
 
   ngOnInit(): void {
+    this.previousData = {...this.data};
+    // this.calculateHours();
     this.timePlanningPnSettingsService.getGlobalAutoBreakCalculationSettings().subscribe(result => {
       if (result && result.success) {
         this.globalAutoBreakSettings = result.model;
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/download-excel/download-excel-dialog.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/download-excel/download-excel-dialog.component.ts
@@ -1,4 +1,6 @@
-import {Component, Inject, Input, OnDestroy, OnInit} from '@angular/core';
+import {Component, OnDestroy, OnInit,
+  inject
+} from '@angular/core';
 import {EMPTY, Subscription} from 'rxjs';
 import {MatDatepickerInputEvent} from '@angular/material/datepicker';
 import {SiteDto} from 'src/app/common/models';
@@ -21,18 +23,17 @@ import {MAT_DIALOG_DATA} from '@angular/material/dialog';
   standalone: false,
 })
 export class DownloadExcelDialogComponent implements OnInit, OnDestroy {
+  public availableSites = inject<SiteDto[]>(MAT_DIALOG_DATA);
+  private toastrService = inject(ToastrService);
+  private workingHoursService = inject(TimePlanningPnWorkingHoursService);
+
   siteId: number;
 
   dateFrom: Date = null;
   dateTo: Date = null;
   downloadReportSub$: Subscription;
 
-  constructor(
-    @Inject(MAT_DIALOG_DATA) public availableSites: SiteDto[] = [],
-    private toastrService: ToastrService,
-    private workingHoursService: TimePlanningPnWorkingHoursService,
-  ) {
-  }
+  
 
   ngOnInit(): void {
     // this.getAvailableSites();
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/workday-entity/workday-entity-dialog.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-planning-actions/workday-entity/workday-entity-dialog.component.ts
@@ -1,4 +1,6 @@
-import {Component, Inject, OnInit, TemplateRef, ViewChild} from '@angular/core';
+import {Component, OnInit, TemplateRef, ViewChild,
+  inject
+} from '@angular/core';
 import {MAT_DIALOG_DATA} from '@angular/material/dialog';
 import {TranslateService} from '@ngx-translate/core';
 import {DatePipe} from '@angular/common';
@@ -26,6 +28,15 @@ import {
   standalone: false
 })
 export class WorkdayEntityDialogComponent implements OnInit {
+  private fb = inject(FormBuilder);
+  private planningsService = inject(TimePlanningPnPlanningsService);
+  public data = inject<{
+      planningPrDayModels: PlanningPrDayModel,
+      assignedSiteModel: AssignedSiteModel
+    }>(MAT_DIALOG_DATA);
+  protected datePipe = inject(DatePipe);
+  private translateService = inject(TranslateService);
+
   TimePlanningMessagesEnum = TimePlanningMessagesEnum;
   enumKeys: string[] = [];
   tableHeaders: MtxGridColumn[] = [];
@@ -54,17 +65,7 @@ export class WorkdayEntityDialogComponent implements OnInit {
   private readonly timeRegex = /^([01]\d|2[0-3]):([0-5]\d)$/;
   inputErrorMessages: Record<string, Record<string, string>> = {};
 
-  constructor(
-    private fb: FormBuilder,
-    private planningsService: TimePlanningPnPlanningsService,
-    @Inject(MAT_DIALOG_DATA) public data: {
-      planningPrDayModels: PlanningPrDayModel,
-      assignedSiteModel: AssignedSiteModel
-    },
-    protected datePipe: DatePipe,
-    private translateService: TranslateService,
-  ) {
-  }
+  
 
   ngOnInit(): void {
     // Enum-opsætning
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-plannings-table/time-plannings-table.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-plannings-table/time-plannings-table.component.ts
@@ -1,6 +1,7 @@
 import {
   ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnInit, Output,
-  SimpleChanges, TemplateRef, ViewChild, ViewEncapsulation
+  SimpleChanges, TemplateRef, ViewChild, ViewEncapsulation,
+  inject
 } from '@angular/core';
 import {AssignedSiteModel, TimePlanningModel} from '../../../models';
 import {MtxGridColumn} from '@ng-matero/extensions/grid';
@@ -23,6 +24,14 @@ import {selectAuthIsAdmin, selectCurrentUserIsFirstUser} from "src/app/state";
 
 })
 export class TimePlanningsTableComponent implements OnInit, OnChanges {
+  private store = inject(Store);
+  private planningsService = inject(TimePlanningPnPlanningsService);
+  private timePlanningPnSettingsService = inject(TimePlanningPnSettingsService);
+  private dialog = inject(MatDialog);
+  private translateService = inject(TranslateService);
+  protected datePipe = inject(DatePipe);
+  private cdr = inject(ChangeDetectorRef);
+
   @Input() timePlannings: TimePlanningModel[] = [];
   @Input() dateFrom!: Date;
   @Input() dateTo!: Date;
@@ -38,16 +47,7 @@ export class TimePlanningsTableComponent implements OnInit, OnChanges {
   protected selectAuthIsAdmin$ = this.store.select(selectAuthIsAdmin);
   public selectCurrentUserIsFirstUser$ = this.store.select(selectCurrentUserIsFirstUser);
 
-  constructor(
-    private store: Store,
-    private planningsService: TimePlanningPnPlanningsService,
-    private timePlanningPnSettingsService: TimePlanningPnSettingsService,
-    private dialog: MatDialog,
-    private translateService: TranslateService,
-    protected datePipe: DatePipe,
-    private cdr: ChangeDetectorRef
-  ) {
-  }
+  
 
   ngOnInit(): void {
     this.enumKeys = Object.keys(TimePlanningMessagesEnum).filter(key => isNaN(Number(key)));
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-actions/comment-office-all-update-modal/time-flexes-comment-office-all-update-modal.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-actions/comment-office-all-update-modal/time-flexes-comment-office-all-update-modal.component.ts
@@ -1,8 +1,8 @@
 import {
   Component,
-  Inject,
   OnDestroy,
   OnInit,
+  inject
 } from '@angular/core';
 import {AutoUnsubscribe} from 'ngx-auto-unsubscribe';
 import {TimeFlexesModel} from '../../../../../models';
@@ -12,21 +12,21 @@ import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 @Component({
     selector: 'app-time-flexes-comment-office-all-update-modal',
     templateUrl: './time-flexes-comment-office-all-update-modal.component.html',
-    styleUrls: ['./time-flexes-comment-office-all-update-modal.component.scss'],
+    styleUrls: ['./time-flexes-comment-office-all-update-modal.component.scss',
+],
     standalone: false
 })
 export class TimeFlexesCommentOfficeAllUpdateModalComponent
   implements OnInit, OnDestroy {
+  public dialogRef = inject(MatDialogRef<TimeFlexesCommentOfficeAllUpdateModalComponent>);
+  private injectedTimeFlexes = inject<TimeFlexesModel>(MAT_DIALOG_DATA);
+
   timeFlexes: TimeFlexesModel = new TimeFlexesModel();
 
-  constructor(
-    public dialogRef: MatDialogRef<TimeFlexesCommentOfficeAllUpdateModalComponent>,
-    @Inject(MAT_DIALOG_DATA) timeFlexes: TimeFlexesModel,
-  ) {
-    this.timeFlexes = {...timeFlexes};
-  }
+  
 
   ngOnInit() {
+    this.timeFlexes = {...this.injectedTimeFlexes};
   }
 
   onUpdateFlexPlanning() {
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-actions/comment-office-update-modal/time-flexes-comment-office-update-modal.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-actions/comment-office-update-modal/time-flexes-comment-office-update-modal.component.ts
@@ -1,8 +1,8 @@
 import {
   Component,
-  Inject,
   OnDestroy,
   OnInit,
+  inject
 } from '@angular/core';
 import {AutoUnsubscribe} from 'ngx-auto-unsubscribe';
 import {TimeFlexesModel} from '../../../../../models';
@@ -16,16 +16,15 @@ import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
     standalone: false
 })
 export class TimeFlexesCommentOfficeUpdateModalComponent implements OnInit, OnDestroy {
+  public dialogRef = inject(MatDialogRef<TimeFlexesCommentOfficeUpdateModalComponent>);
+  private injectedTimeFlexes = inject<TimeFlexesModel>(MAT_DIALOG_DATA);
+
   timeFlexes: TimeFlexesModel = new TimeFlexesModel();
 
-  constructor(
-    public dialogRef: MatDialogRef<TimeFlexesCommentOfficeUpdateModalComponent>,
-    @Inject(MAT_DIALOG_DATA) timeFlexes: TimeFlexesModel,
-  ) {
-    this.timeFlexes = {...timeFlexes};
-  }
+  
 
   ngOnInit() {
+    this.timeFlexes = {...this.injectedTimeFlexes};
   }
 
   onUpdateFlexPlanning() {
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-container/time-flexes-container.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-container/time-flexes-container.component.ts
@@ -1,4 +1,6 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit,
+  inject
+} from '@angular/core';
 import { AutoUnsubscribe } from 'ngx-auto-unsubscribe';
 import { Subscription } from 'rxjs';
 import { SiteDto } from 'src/app/common/models';
@@ -17,6 +19,8 @@ import { TimePlanningPnFlexesService } from '../../../../services';
     standalone: false
 })
 export class TimeFlexesContainerComponent implements OnInit, OnDestroy {
+  private planningsService = inject(TimePlanningPnFlexesService);
+
   timePlanningsRequest: TimePlanningsRequestModel;
   availableSites: SiteDto[] = [];
   timePlannings: TimeFlexesModel[] = [];
@@ -25,7 +29,7 @@ export class TimeFlexesContainerComponent implements OnInit, OnDestroy {
   getTimePlannings$: Subscription;
   updateTimePlanning$: Subscription;
 
-  constructor(private planningsService: TimePlanningPnFlexesService) {}
+  
 
   ngOnInit(): void {
     this.getPlannings();
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-table/time-flexes-table.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/modules/flexes/components/time-flexes-table/time-flexes-table.component.ts
@@ -5,6 +5,7 @@ import {
   OnDestroy,
   OnInit,
   Output,
+  inject
 } from '@angular/core';
 import {TimeFlexesModel} from '../../../../models';
 import {
@@ -27,6 +28,10 @@ import {AutoUnsubscribe} from 'ngx-auto-unsubscribe';
     standalone: false
 })
 export class TimeFlexesTableComponent implements OnInit, OnDestroy {
+  private translateService = inject(TranslateService);
+  private dialog = inject(MatDialog);
+  private overlay = inject(Overlay);
+
   @Input() flexPlannings: TimeFlexesModel[] = [];
   @Output()
   flexPlanningChanged: EventEmitter<TimeFlexesModel> = new EventEmitter<TimeFlexesModel>();
@@ -46,12 +51,7 @@ export class TimeFlexesTableComponent implements OnInit, OnDestroy {
   TimeFlexesCommentOfficeUpdateModalComponentAfterClosedSub$: Subscription;
   TimeFlexesCommentOfficeAllUpdateModalComponentAfterClosedSub$: Subscription;
 
-  constructor(
-    private translateService: TranslateService,
-    private dialog: MatDialog,
-    private overlay: Overlay,
-  ) {
-  }
+  
 
   ngOnInit(): void {
   }
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-container/registration-devices-container.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-container/registration-devices-container.component.ts
@@ -1,4 +1,6 @@
-import {Component, OnInit} from '@angular/core';
+import {Component, OnInit,
+  inject
+} from '@angular/core';
 import {
   TimePlanningPnRegistrationDevicesService
 } from '../../../../services/time-planning-pn-registration-devices.service';
@@ -16,16 +18,15 @@ import {
     standalone: false
 })
 export class RegistrationDevicesContainerComponent implements OnInit {
+  public dialog = inject(MatDialog);
+  private overlay = inject(Overlay);
+  private registrationDevicesService = inject(TimePlanningPnRegistrationDevicesService);
+
   tainted: any;
   registrationDevices: any;
   getRegistrationDevices$: Subscription;
   createRegistrationDevicesComponentAfterClosedSub$: Subscription;
-  constructor(
-    public dialog: MatDialog,
-    private overlay: Overlay,
-    private registrationDevicesService: TimePlanningPnRegistrationDevicesService,
-  ) {
-  }
+  
 
   ngOnInit(): void {
     this.getRegistrationDevices();
diff --git a/eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-table/registration-devices-table.component.ts b/eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-table/registration-devices-table.component.ts
@@ -1,4 +1,6 @@
-import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
+import {Component, EventEmitter, Input, OnInit, Output,
+  inject
+} from '@angular/core';
 import {MtxGridColumn} from '@ng-matero/extensions/grid';
 import {TranslateService} from '@ngx-translate/core';
 import {TimePlanningRegistrationDeviceModel} from '../../../../../../modules/time-planning-pn/models';
@@ -18,6 +20,10 @@ import {Overlay} from '@angular/cdk/overlay';
     standalone: false
 })
 export class RegistrationDevicesTableComponent implements OnInit {
+  private dialog = inject(MatDialog);
+  private overlay = inject(Overlay);
+  private translateService = inject(TranslateService);
+
   get tableHeaders(): MtxGridColumn[] {
     return this._tableHeaders;
   }
@@ -30,11 +36,7 @@ export class RegistrationDevicesTableComponent implements OnInit {
   registrationDeviceEditModalComponentAfterClosedSub$: Subscription;
   registrationDeviceDeleteModalComponentAfterClosedSub$: Subscription
   private _tableHeaders: MtxGridColumn[];
-  constructor(
-    private dialog: MatDialog,
-    private overlay: Overlay,
-    private translateService: TranslateService) {
-  }
+  
 
   ngOnInit(): void {
     this._tableHeaders = [
