Upgraded to angular 9

angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -33,6 +34,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -134,28 +141,28 @@
   "defaultProject": "uds",
   "schematics": {
     "@schematics/angular:class": {
-      "spec": false
+      "skipTests": true
     },
     "@schematics/angular:component": {
-      "spec": false,
+      "skipTests": true,
       "prefix": "uds",
-      "styleext": "css"
+      "style": "css"
     },
     "@schematics/angular:directive": {
-      "spec": false,
+      "skipTests": true,
       "prefix": "uds"
     },
     "@schematics/angular:guard": {
-      "spec": false
+      "skipTests": true
     },
     "@schematics/angular:module": {
-      "spec": false
+      "skipTests": true
     },
     "@schematics/angular:pipe": {
-      "spec": false
+      "skipTests": true
     },
     "@schematics/angular:service": {
-      "spec": false
+      "skipTests": true
     }
   }
 }

package.json

@@ -15,32 +15,32 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.14",
+    "@angular/animations": "^9.0.1",
     "@angular/cdk": "^8.2.3",
-    "@angular/common": "^8.2.14",
-    "@angular/compiler": "^8.2.14",
-    "@angular/core": "^8.2.14",
-    "@angular/forms": "^8.2.14",
+    "@angular/common": "^9.0.1",
+    "@angular/compiler": "^9.0.1",
+    "@angular/core": "^9.0.1",
+    "@angular/forms": "^9.0.1",
     "@angular/material": "^8.2.3",
-    "@angular/platform-browser": "^8.2.14",
-    "@angular/platform-browser-dynamic": "^8.2.14",
-    "@angular/router": "^8.2.14",
+    "@angular/platform-browser": "^9.0.1",
+    "@angular/platform-browser-dynamic": "^9.0.1",
+    "@angular/router": "^9.0.1",
     "cookieconsent": "^3.1.1",
     "core-js": "^3.2.1",
     "rxjs": "^6.5.3",
     "tslib": "^1.10.0",
     "web-animations-js": "^2.3.2",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.25",
-    "@angular/cli": "^8.3.25",
-    "@angular/compiler-cli": "^8.2.14",
-    "@angular/language-service": "^8.2.14",
+    "@angular-devkit/build-angular": "~0.900.2",
+    "@angular/cli": "^9.0.2",
+    "@angular/compiler-cli": "^9.0.1",
+    "@angular/language-service": "^9.0.1",
     "@types/jasmine": "~3.4.0",
     "@types/jasminewd2": "~2.0.6",
-    "@types/node": "~12.7.7",
-    "codelyzer": "^5.1.1",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "jasmine-core": "~3.5.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "~4.3.0",
@@ -51,6 +51,6 @@
     "protractor": "~5.4.2",
     "ts-node": "~8.4.1",
     "tslint": "~5.20.0",
-    "typescript": "~3.4.5"
+    "typescript": "~3.7.5"
   }
 }

src/app/app.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
 // External
+declare var django: any;
 declare var cookieconsent: any;
 
 

src/app/gui/components/service/service.component.ts

@@ -2,6 +2,8 @@ import { Component, OnInit, Input } from '@angular/core';
 import { JSONService, JSONTransport } from '../../../types/services';
 import { UDSApiService } from '../../../uds-api.service';
 
+declare var django: any;
+
 const MAX_NAME_LENGTH = 56;
 
 @Component({

src/app/gui/modal/modal.component.ts

@@ -2,6 +2,8 @@ import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { interval, Subscription, Observable } from 'rxjs';
 
+declare var django: any;
+
 export enum DialogType {
   alert = 0,
   yesno = 1

src/app/helpers/plugin.ts

@@ -1,5 +1,7 @@
 import { UDSApiServiceType } from '../uds-api.service-type';
 
+declare var django: any;
+
 /**
  * Plugin manipulation class
  */

src/app/pages/error/error.component.ts

@@ -1,6 +1,9 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
+declare var django: any;
+declare var udsData: any;
+
 @Component({
   selector: 'uds-error',
   templateUrl: './error.component.html',

src/app/pages/services/services.component.ts

@@ -1,7 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { UDSApiService } from '../../uds-api.service';
 import { JSONServicesInformation, JSONGroup, JSONService } from '../../types/services';
-import { Plugin } from '../../helpers/plugin';
+
+declare var django: any;
 
 class GroupedServices {
   services: JSONService[];

src/app/translate.directive.ts

@@ -1,5 +1,7 @@
 import { Directive, OnInit, ElementRef } from '@angular/core';
 
+declare var django: any;
+
 @Directive({
   // tslint:disable-next-line:directive-selector
   selector: 'uds-translate'

src/app/uds-api.service.ts

@@ -11,6 +11,9 @@ import { UDSApiServiceType } from './uds-api.service-type';
 
 import { environment } from '../environments/environment';
 
+declare var udsData: any;
+
+
 @Injectable()
 export class UDSApiService implements UDSApiServiceType {
   readonly user: User;

src/tsconfig.app.json

@@ -5,8 +5,11 @@
     "baseUrl": "./",
     "types": []
   },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }

src/typings.d.ts

@@ -4,6 +4,6 @@ interface NodeModule {
   id: string;
 }
 /* UDS injected modules */
-declare var django:any;
-declare var udsData:any;
+// declare var django: any;
+// declare var udsData: any;