2 files changed, 28 insertions, 12 deletions
diff --git a/webapp/src/app/pages/config/config-global/config-global.component.html b/webapp/src/app/pages/config/config-global/config-global.component.html
index 0038510..c3bc8b4 100644
--- a/webapp/src/app/pages/config/config-global/config-global.component.html
+++ b/webapp/src/app/pages/config/config-global/config-global.component.html
@@ -3,35 +3,47 @@
     <nb-card>
       <nb-card-header>Global Configuration</nb-card-header>
       <nb-card-body>
-
-        <form (ngSubmit)="onSubmit()" #ConfigGlobalForm="ngForm">
-          <div class="form-group row">
-            <label class="col-sm-3 col-form-label">Language</label>
-            <div class="col-sm-9">
-              <select class="form-control" (ngModelChange)="configFormChanged=true">
+        <div class="form-group row">
+          <label class="col-sm-3 col-form-label">Language</label>
+          <div class="col-sm-9">
+            <select class="form-control" (ngModelChange)="configFormChanged=true">
                 <option>English</option>
                 <!-- FIXME: implement i18n and add | translate
                 <option>French</option> -->
               </select>
-            </div>
           </div>
+        </div>
+
+        <div class="form-group row">
+          <label class="col-sm-3 col-form-label">Theme</label>
+          <div class="col-sm-9">
+            <ngx-theme-switcher id="theme-switcher"></ngx-theme-switcher>
+          </div>
+        </div>
+      </nb-card-body>
+    </nb-card>
+  </div>
 
+  <div class="col-md-12">
+    <nb-card>
+      <nb-card-header>Supervision Configuration</nb-card-header>
+      <nb-card-body>
+        <form (ngSubmit)="onSubmit()" #ConfigGlobalForm="ngForm">
           <div class="form-group row">
-            <label class="col-sm-3 col-form-label">Theme</label>
-            <div class="col-sm-9">
-              <ngx-theme-switcher id="theme-switcher"></ngx-theme-switcher>
+            <label class="col-sm-3 col-form-label">Grafana Dashboard URL</label>
+            <div class="col-sm-8">
+              <input type="url" class="form-control" id="inputGrafanaDashboardURL" [(ngModel)]="Config.grafanaDashboardUrl" name="grafanaDashboardUrl" (ngModelChange)="configFormChanged=true">
             </div>
           </div>
 
-          <!--
           <div class="form-group row">
             <div class="offset-sm-3 col-sm-9">
               <button type="submit" class="btn btn-primary" [disabled]="!configFormChanged">Apply</button>
             </div>
           </div>
-        -->
         </form>
       </nb-card-body>
     </nb-card>
   </div>
+
 </div>
diff --git a/webapp/src/app/pages/config/config-global/config-global.component.ts b/webapp/src/app/pages/config/config-global/config-global.component.ts
index 1087c3c..35d1e17 100644
--- a/webapp/src/app/pages/config/config-global/config-global.component.ts
+++ b/webapp/src/app/pages/config/config-global/config-global.component.ts
@@ -28,6 +28,7 @@ import { ConfigService, IConfig } from '../../../@core-xds/services/config.servi
 export class ConfigGlobalComponent implements OnInit {
 
   public configFormChanged = false;
+  public Config: IConfig = <IConfig>{};
 
   constructor(
     private configSvr: ConfigService,
@@ -35,9 +36,12 @@ export class ConfigGlobalComponent implements OnInit {
   }
 
   ngOnInit() {
+    this.configSvr.Conf$.subscribe(cfg => this.Config = cfg);
   }
 
   onSubmit() {
+    this.configSvr.save(this.Config);
+    this.configFormChanged = false;
   }
 }