Added i18n, started working on monitoring

web/angular/src/app/app.component.ts

@@ -1,4 +1,6 @@
 import {Component} from '@angular/core';
+import {TranslateService} from "@ngx-translate/core";
+import {MatSelectChange} from "@angular/material";
 
 @Component({
     selector: 'app-root',
@@ -6,5 +8,24 @@ import {Component} from '@angular/core';
     styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-    title = 'angular';
+
+    langChange(event: MatSelectChange) {
+        this.translate.use(event.value)
+    }
+
+    langList: any[] = [
+        {lang: "fr", display: "Français"},
+        {lang: "en", display: "English"},
+    ];
+
+    constructor(private translate: TranslateService) {
+
+        translate.addLangs([
+            "en",
+            "fr"
+        ]);
+
+        translate.setDefaultLang("en");
+    }
+
 }