Added Grafana url setting in config panel

[src/xds/xds-agent.git] / webapp / src / app / @core-xds / services / config.service.ts

diff --git a/webapp/src/app/@core-xds/services/config.service.ts b/webapp/src/app/@core-xds/services/config.service.ts
index ba77a4a..beeeea8 100644 (file)
--- a/webapp/src/app/@core-xds/services/config.service.ts
+++ b/webapp/src/app/@core-xds/services/config.service.ts
@@ -1,6 +1,6 @@
 /**
 * @license
-* Copyright (C) 2017 "IoT.bzh"
+* Copyright (C) 2017-2018 "IoT.bzh"
 * Author Sebastien Douheret <sebastien@iot.bzh>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
@@ -18,62 +18,78 @@
 
 import { Injectable } from '@angular/core';
 import { CookieService } from 'ngx-cookie';
+import { NbThemeService } from '@nebular/theme';
+
 import { Observable } from 'rxjs/Observable';
 import { BehaviorSubject } from 'rxjs/BehaviorSubject';
 
-import { AlertService, IAlert } from '../services/alert.service';
-
 export interface IConfig {
-    language: string;
-    projectsRootDir: string;
+  language: string;
+  theme: string;
+  grafanaDashboardUrl: string;
 }
 
 @Injectable()
 export class ConfigService {
 
-    public Conf$: Observable<IConfig>;
+  public Conf$: Observable<IConfig>;
 
-    private confSubject: BehaviorSubject<IConfig>;
-    private confStore: IConfig;
+  private confSubject: BehaviorSubject<IConfig>;
+  private confStore: IConfig;
 
-    constructor(
-        private cookie: CookieService,
-        private alert: AlertService,
-    ) {
-        this.load();
-        this.confSubject = <BehaviorSubject<IConfig>>new BehaviorSubject(this.confStore);
-        this.Conf$ = this.confSubject.asObservable();
-    }
+  private confDefault: IConfig = {
+    language: 'ENG',
+    theme: 'default',
+    grafanaDashboardUrl: 'http://localhost:3000',
+  };
 
-    // Load config
-    load() {
-        // Try to retrieve previous config from cookie
-        const cookConf = this.cookie.getObject('xds-config');
-        if (cookConf != null) {
-            this.confStore = <IConfig>cookConf;
-        } else {
-            // Set default config
-            this.confStore = {
-                language: 'ENG',
-                projectsRootDir: '',
-                // projects: []
-            };
-        }
-    }
+  constructor(
+    private cookie: CookieService,
+    private themeService: NbThemeService,
+  ) {
+    this.confSubject = <BehaviorSubject<IConfig>>new BehaviorSubject(this.confStore);
+    this.Conf$ = this.confSubject.asObservable();
 
-    // Save config into cookie
-    save() {
-        // Notify subscribers
-        this.confSubject.next(Object.assign({}, this.confStore));
+    // Save selected theme in cookie
+    this.themeService.onThemeChange().subscribe(tm => {
+      if (typeof this.confStore === 'undefined') {
+        return;
+      }
+      if (tm.name !== this.confStore.theme) {
+        this.confStore.theme = tm.name;
+        this.save();
+      }
+    });
 
-        // Don't save projects in cookies (too big!)
-        const cfg = Object.assign({}, this.confStore);
-        this.cookie.putObject('xds-config', cfg);
+    // Load initial config and apply it
+    this.load();
+    this.themeService.changeTheme(this.confStore.theme);
+  }
+
+  // Load config
+  load() {
+    // Try to retrieve previous config from cookie
+    const cookConf = this.cookie.getObject('xds-config');
+    if (cookConf != null) {
+      this.confStore = <IConfig>cookConf;
+      this.confSubject.next(Object.assign({}, this.confStore));
+    } else {
+      // Set default config
+      this.confStore = this.confDefault;
+      this.save();
     }
+  }
 
-    set projectsRootDir(p: string) {
-        this.confStore.projectsRootDir = p;
-        this.save();
+  // Save config into cookie
+  save(cfg?: IConfig) {
+    if (typeof cfg !== 'undefined') {
+      this.confStore = this.confDefault;
     }
 
+    // Notify subscribers
+    this.confSubject.next(Object.assign({}, this.confStore));
+
+    this.cookie.putObject('xds-config', this.confStore);
+  }
+
 }