New dashboard look & feel

[src/xds/xds-agent.git] / webapp / src / app / pages / config / config-global / config-global.component.html

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
new file mode 100644 (file)
index 0000000..0038510
--- /dev/null
+++ b/webapp/src/app/pages/config/config-global/config-global.component.html
@@ -0,0 +1,37 @@
+<div class="row">
+  <div class="col-md-12">
+    <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">
+                <option>English</option>
+                <!-- FIXME: implement i18n and add | translate
+                <option>French</option> -->
+              </select>
+            </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>
+
+          <!--
+          <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>