#80 step into angular v14

quartz-manager-frontend/angular.json

@@ -109,7 +109,6 @@
       }
     }
   },
-  "defaultProject": "angular-spring-starter",
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "qrzmng",

quartz-manager-frontend/package.json

@@ -14,18 +14,18 @@
   "dependencies": {
     "@angular-material-components/datetime-picker": "7.0.1",
     "@angular-material-components/moment-adapter": "7.0.0",
-    "@angular/animations": "13.3.12",
+    "@angular/animations": "14.2.12",
     "@angular/cdk": "13.3.9",
-    "@angular/common": "13.3.12",
+    "@angular/common": "14.2.12",
-    "@angular/compiler": "13.3.12",
+    "@angular/compiler": "14.2.12",
-    "@angular/core": "13.3.12",
+    "@angular/core": "14.2.12",
     "@angular/flex-layout": "13.0.0-beta.36",
-    "@angular/forms": "13.3.12",
+    "@angular/forms": "14.2.12",
     "@angular/material": "13.3.9",
-    "@angular/platform-browser": "13.3.12",
+    "@angular/platform-browser": "14.2.12",
-    "@angular/platform-browser-dynamic": "13.3.12",
+    "@angular/platform-browser-dynamic": "14.2.12",
-    "@angular/platform-server": "13.3.12",
+    "@angular/platform-server": "14.2.12",
-    "@angular/router": "13.3.12",
+    "@angular/router": "14.2.12",
     "@auth0/angular-jwt": "5.0.1",
     "@fortawesome/fontawesome": "^1.1.4",
     "@fortawesome/fontawesome-free-regular": "^5.0.8",
@@ -43,11 +43,11 @@
     "zone.js": "~0.11.8"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "13.3.10",
+    "@angular-devkit/build-angular": "14.2.10",
-    "@angular-devkit/core": "^13.3.10",
+    "@angular-devkit/core": "^14.2.10",
-    "@angular/cli": "13.3.10",
+    "@angular/cli": "14.2.10",
-    "@angular/compiler-cli": "13.3.12",
+    "@angular/compiler-cli": "14.2.12",
-    "@angular/language-service": "13.3.12",
+    "@angular/language-service": "14.2.12",
     "@types/hammerjs": "2.0.34",
     "@types/jasmine": "2.5.54",
     "@types/jasminewd2": "2.0.3",
@@ -74,4 +74,4 @@
       "<rootDir>/jest.setup.ts"
     ]
   }
-}
+}

quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.ts

@@ -8,7 +8,7 @@ import * as moment from 'moment';
 import {TriggerKey} from '../../model/triggerKey.model';
 import JobService from '../../services/job.service';
 import {MisfireInstruction, MisfireInstructionCaption} from '../../model/misfire-instruction.model';
-import {AbstractControl, FormBuilder, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators} from '@angular/forms';
+import {AbstractControl, UntypedFormBuilder, FormControl, UntypedFormGroup, ValidationErrors, ValidatorFn, Validators} from '@angular/forms';
 
 @Component({
   selector: 'qrzmng-simple-trigger-config',
@@ -19,7 +19,7 @@ export class SimpleTriggerConfigComponent implements OnInit {
 
   trigger: SimpleTrigger = null;
 
-  simpleTriggerReactiveForm: FormGroup = this.formBuilder.group({
+  simpleTriggerReactiveForm: UntypedFormGroup = this.formBuilder.group({
     triggerName: [this.trigger?.triggerKeyDTO.name, Validators.required],
     jobClass: [this.trigger?.jobDetailDTO.jobClassName, Validators.required],
     triggerPeriod: this.formBuilder.group({
@@ -50,7 +50,7 @@ export class SimpleTriggerConfigComponent implements OnInit {
   onNewTrigger = new EventEmitter<SimpleTrigger>();
 
   constructor(
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private schedulerService: SchedulerService,
     private jobService: JobService
   ) {

quartz-manager-frontend/src/app/views/login/login.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
-import {FormBuilder, FormGroup, Validators} from '@angular/forms';
+import {UntypedFormBuilder, UntypedFormGroup, Validators} from '@angular/forms';
 import {ActivatedRoute, Router} from '@angular/router';
 import {DisplayMessage} from '../../shared/models/display-message';
 import {Subject} from 'rxjs';
@@ -15,7 +15,7 @@ import {AuthService, UserService} from '../../services';
 export class LoginComponent implements OnInit, OnDestroy {
   title = 'Login';
   githubLink = 'https://github.com/fabioformosa/quartz-manager';
-  form: FormGroup;
+  form: UntypedFormGroup;
 
   submitted = false;
 
@@ -29,7 +29,7 @@ export class LoginComponent implements OnInit, OnDestroy {
     private authService: AuthService,
     private router: Router,
     private route: ActivatedRoute,
-    private formBuilder: FormBuilder
+    private formBuilder: UntypedFormBuilder
   ) {
 
   }

quartz-manager-frontend/tsconfig.json

@@ -10,7 +10,7 @@
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es2015",
+    "target": "es2020",
     "typeRoots": [
       "node_modules/@types"
     ],