Improved auth views and imrpoved default settings handling #70

kdb-web/src/app/app.component.ts

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { PrimeNGConfig } from 'primeng/api';
 import { AuthService } from './services/auth/auth.service';
 import { SocketService } from './services/socket/socket.service';
 import { ThemeService } from './services/theme/theme.service';
@@ -18,10 +20,10 @@ export class AppComponent implements OnInit {
   constructor(
     private authService: AuthService,
     private themeService: ThemeService,
-    private socket: SocketService
-  ) { }
-
-  ngOnInit(): void {
+    private socket: SocketService,
+    private translateService: TranslateService,
+    private config: PrimeNGConfig
+  ) {
     this.themeService.sidebarWidth$.subscribe(value => {
       this.sidebarWidth = value;
     });
@@ -31,11 +33,33 @@ export class AppComponent implements OnInit {
     this.authService.isLoggedIn$.subscribe(value => {
       this.isLoggedIn = value;
     });
+  }
+
+  ngOnInit(): void {
+    this.translateService.setDefaultLang('en');
 
     this.themeService.loadTheme();
     this.socket.startSocket();
   }
 
+  loadLang(): void {
+    let lang = localStorage.getItem(`default_lang`);
+    if (!lang) {
+      lang = 'en';
+      this.setLang(lang);
+    }
+    this.translate(lang);
+  }
+
+  setLang(lang: string): void {
+    localStorage.setItem(`default_lang`, lang);
+  }
+
+  translate(lang: string) {
+    this.translateService.use(lang);
+    this.translateService.get('primeng').subscribe(res => this.config.setTranslation(res));
+  }
+
 
   setSideWidth($event: any): void {
     this.themeService.setSideWidth($event);