Migrate first batch of components to inject() pattern

Co-authored-by: renemadsen <[email protected]>

Author: Copilot

eform-client/src/app/plugins/modules/time-planning-pn/components/plannings/time-plannings-container/time-plannings-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, take} from 'rxjs';
 import { SiteDto } from 'src/app/common/models';
@@ -23,6 +25,11 @@ import {MatDatepickerInputEvent} from '@angular/material/datepicker';
   standalone: false
 })
 export class TimePlanningsContainerComponent implements OnInit, OnDestroy {
+  private store = inject(Store);
+  private planningsService = inject(TimePlanningPnPlanningsService);
+  private settingsService = inject(TimePlanningPnSettingsService);
+  private dialog = inject(MatDialog);
+
   timePlanningsRequest: TimePlanningsRequestModel;
   availableSites: SiteDto[] = [];
   showResignedSites: boolean = false;
@@ -38,12 +45,7 @@ export class TimePlanningsContainerComponent implements OnInit, OnDestroy {
   public selectCurrentUserLocale$ = this.store.select(selectCurrentUserLocale);
   locale: string;
 
-  constructor(
-    private store: Store,
-    private planningsService: TimePlanningPnPlanningsService,
-    private settingsService: TimePlanningPnSettingsService,
-    private dialog: MatDialog,
-  ) {}
+  
 
   ngOnInit(): void {
 

eform-client/src/app/plugins/modules/time-planning-pn/components/settings/time-planning-settings/time-planning-settings.component.ts

@@ -1,4 +1,6 @@
-import {Component, OnDestroy, OnInit} from '@angular/core';
+import {Component, OnDestroy, OnInit,
+  inject
+} from '@angular/core';
 import {Subscription} from 'rxjs';
 import {TimePlanningPnSettingsService} from '../../../services';
 import {TimePlanningSettingsModel} from '../../../models';
@@ -12,18 +14,18 @@ import {Store} from '@ngrx/store';
     standalone: false
 })
 export class TimePlanningSettingsComponent implements OnInit, OnDestroy {
+  private timePlanningPnSettingsService = inject(TimePlanningPnSettingsService);
+  private store = inject(Store);
+
   getSettings$: Subscription;
   settingsModel: TimePlanningSettingsModel = new TimePlanningSettingsModel();
   previousData: TimePlanningSettingsModel = new TimePlanningSettingsModel();
   public selectCurrentUserIsFirstUser$ = this.store.select(selectCurrentUserIsFirstUser);
 
-  constructor(
-    private timePlanningPnSettingsService: TimePlanningPnSettingsService,
-    private store: Store
-  ) {
-    this.previousData = {...this.settingsModel};
-  }
+  
+
   ngOnInit() {
+    this.previousData = {...this.settingsModel};
     this.getSettings();
   }
 

eform-client/src/app/plugins/modules/time-planning-pn/layouts/time-planning-pn-layout.component.ts

@@ -1,4 +1,6 @@
-import {AfterContentInit, Component, OnInit} from '@angular/core';
+import {AfterContentInit, Component, OnInit,
+  inject
+} from '@angular/core';
 import {TranslateService} from '@ngx-translate/core';
 import {translates} from './../i18n/translates';
 import {Store} from '@ngrx/store';
@@ -12,13 +14,15 @@ import {take} from 'rxjs';
     standalone: false
 })
 export class TimePlanningPnLayoutComponent implements AfterContentInit, OnInit {
+  private translateService = inject(TranslateService);
+  private store = inject(Store);
+
   private pluginName = 'time-planning';
 
-  constructor(
-    private translateService: TranslateService,
-    store: Store
-  ) {
-    store.select(selectPluginsVisitedPlugins)
+  
+
+  ngOnInit() {
+    this.store.select(selectPluginsVisitedPlugins)
       .pipe(take(1))
       .subscribe(x => {
         // check current plugin in activated plugin
@@ -28,14 +32,11 @@ export class TimePlanningPnLayoutComponent implements AfterContentInit, OnInit {
             this.translateService.setTranslation(locale, translates[locale], true);
           });
           // add plugin to visited plugins
-          store.dispatch(addPluginToVisited(this.pluginName));
+          this.store.dispatch(addPluginToVisited(this.pluginName));
         }
       });
   }
 
-  ngOnInit() {
-  }
-
   ngAfterContentInit() {
   }
 }

eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-actions/registration-devices-create-modal/registration-devices-create-modal.component.ts

@@ -1,4 +1,6 @@
-import {Component, OnInit} from '@angular/core';
+import {Component, OnInit,
+  inject
+} from '@angular/core';
 import {MatDialogRef} from '@angular/material/dialog';
 import {TimePlanningPnRegistrationDevicesService} from '../../../../../services/time-planning-pn-registration-devices.service';
 import {TimePlanningRegistrationDeviceModel} from '../../../../../../../modules/time-planning-pn/models';
@@ -11,11 +13,11 @@ import {TimePlanningRegistrationDeviceModel} from '../../../../../../../modules/
     standalone: false
 })
 export class RegistrationDevicesCreateModalComponent implements OnInit {
+  private registrationDevicesService = inject(TimePlanningPnRegistrationDevicesService);
+  public dialogRef = inject(MatDialogRef<RegistrationDevicesCreateModalComponent>);
+
   selectedRegistrationDevice: TimePlanningRegistrationDeviceModel = new TimePlanningRegistrationDeviceModel();
-  constructor(
-    private registrationDevicesService: TimePlanningPnRegistrationDevicesService,
-    public dialogRef: MatDialogRef<RegistrationDevicesCreateModalComponent>) {
-  }
+  
 
   ngOnInit() {
   }

eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-actions/registration-devices-delete-modal/registration-devices-delete-modal.component.ts

@@ -1,4 +1,6 @@
-import {Component, Inject, Input, OnInit} from '@angular/core';
+import {Component, OnInit,
+  inject
+} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 import {TimePlanningPnRegistrationDevicesService} from 'src/app/plugins/modules/time-planning-pn/services';
 import {TimePlanningRegistrationDeviceModel} from 'src/app/plugins/modules/time-planning-pn/models';
@@ -11,17 +13,17 @@ import {TimePlanningRegistrationDeviceModel} from 'src/app/plugins/modules/time-
     standalone: false
 })
 export class RegistrationDevicesDeleteModalComponent implements OnInit {
-  selectedRegistrationDevice: TimePlanningRegistrationDeviceModel = new TimePlanningRegistrationDeviceModel();
-  constructor(
-    @Inject(MAT_DIALOG_DATA) model: {
+  private registrationDevicesService = inject(TimePlanningPnRegistrationDevicesService);
+  public dialogRef = inject(MatDialogRef<RegistrationDevicesDeleteModalComponent>);
+  private model = inject<{
       selectedRegistrationDevice: TimePlanningRegistrationDeviceModel
-    },
-    private registrationDevicesService: TimePlanningPnRegistrationDevicesService,
-    public dialogRef: MatDialogRef<RegistrationDevicesDeleteModalComponent>) {
-    this.selectedRegistrationDevice = {...model.selectedRegistrationDevice};
-  }
+    }>(MAT_DIALOG_DATA);
+
+  selectedRegistrationDevice: TimePlanningRegistrationDeviceModel = new TimePlanningRegistrationDeviceModel();
+  
 
   ngOnInit() {
+    this.selectedRegistrationDevice = {...this.model.selectedRegistrationDevice};
   }
 
   hide(result = false) {

eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-actions/registration-devices-edit-modal/registration-devices-edit-modal.component.ts

@@ -1,4 +1,6 @@
-import {Component, Inject, Input, OnInit} from '@angular/core';
+import {Component, OnInit,
+  inject
+} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 import {TimePlanningPnRegistrationDevicesService} from 'src/app/plugins/modules/time-planning-pn/services';
 import {TimePlanningRegistrationDeviceModel} from 'src/app/plugins/modules/time-planning-pn/models';
@@ -11,17 +13,17 @@ import {TimePlanningRegistrationDeviceModel} from 'src/app/plugins/modules/time-
     standalone: false
 })
 export class RegistrationDevicesEditModalComponent implements OnInit {
-  selectedRegistrationDevice: TimePlanningRegistrationDeviceModel = new TimePlanningRegistrationDeviceModel();
-  constructor(
-    @Inject(MAT_DIALOG_DATA) model: {
+  private registrationDevicesService = inject(TimePlanningPnRegistrationDevicesService);
+  public dialogRef = inject(MatDialogRef<RegistrationDevicesEditModalComponent>);
+  private model = inject<{
       selectedRegistrationDevice: TimePlanningRegistrationDeviceModel
-    },
-    private registrationDevicesService: TimePlanningPnRegistrationDevicesService,
-    public dialogRef: MatDialogRef<RegistrationDevicesEditModalComponent>) {
-    this.selectedRegistrationDevice = {...model.selectedRegistrationDevice};
-  }
+    }>(MAT_DIALOG_DATA);
+
+  selectedRegistrationDevice: TimePlanningRegistrationDeviceModel = new TimePlanningRegistrationDeviceModel();
+  
 
   ngOnInit() {
+    this.selectedRegistrationDevice = {...this.model.selectedRegistrationDevice};
   }
 
   updateRegistrationDevice() {

eform-client/src/app/plugins/modules/time-planning-pn/modules/registration-devices/components/registration-devices-actions/registration-devices-otp-code/registration-devices-otp-code.component.ts

@@ -1,4 +1,6 @@
-import {Component, Inject, OnInit} from '@angular/core';
+import {Component, OnInit,
+  inject
+} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 import {TimePlanningRegistrationDeviceModel} from '../../../../../models';
 import {TimePlanningPnRegistrationDevicesService} from '../../../../../services';
@@ -11,13 +13,11 @@ import {TimePlanningPnRegistrationDevicesService} from '../../../../../services'
     standalone: false
 })
 export class RegistrationDevicesOtpCodeComponent implements OnInit {
-  constructor(
-    private timePlanningPnRegistrationDevicesService: TimePlanningPnRegistrationDevicesService,
-    public dialogRef: MatDialogRef<RegistrationDevicesOtpCodeComponent>,
-    @Inject(MAT_DIALOG_DATA) public selectedRegistrationDevice: TimePlanningRegistrationDeviceModel =
-      new TimePlanningRegistrationDeviceModel(),
-  ) {
-  }
+  private timePlanningPnRegistrationDevicesService = inject(TimePlanningPnRegistrationDevicesService);
+  public dialogRef = inject(MatDialogRef<RegistrationDevicesOtpCodeComponent>);
+  public selectedRegistrationDevice = inject<TimePlanningRegistrationDeviceModel>(MAT_DIALOG_DATA);
+
+  
 
   ngOnInit() {
   }