New dashboard look & feel

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

diff --git a/webapp/src/app/pages/build/build.component.html b/webapp/src/app/pages/build/build.component.html
new file mode 100644 (file)
index 0000000..a1ef62d
--- /dev/null
+++ b/webapp/src/app/pages/build/build.component.html
@@ -0,0 +1,63 @@
+<div class="row">
+  <div class="col-12">
+    <nb-card-body>
+      <nb-actions size="medium">
+        <nb-action>
+          <xds-project-select-dropdown></xds-project-select-dropdown>
+        </nb-action>
+        <nb-action>
+          <xds-sdk-select-dropdown></xds-sdk-select-dropdown>
+        </nb-action>
+      </nb-actions>
+    </nb-card-body>
+  </div>
+  <div class="col-md-12 col-lg-12 col-xxxl-6">
+    <nb-card size="xlarge">
+      <nb-tabset fullWidth>
+
+        <nb-tab tabTitle="Build">
+
+          <div class="row" style="margin-top:1em;">
+            <!-- FIXME SEB
+            <button class="btn pull-right " (click)="reset() ">
+              <span class="fa fa-eraser fa-size-x2"></span>
+            </button>
+          -->
+            <div class="col-md-12 text-center ">
+              <textarea rows="20" class="textarea-scroll" #scrollOutput>{{ cmdOutput }}</textarea>
+            </div>
+          </div>
+
+          <nb-card-body>
+              <nb-actions size="medium" fullWidth>
+                <nb-action (click)="clean()">
+                  <i class="fa fa-eraser"></i>
+                  <span>Clean</span>
+                </nb-action>
+                <nb-action (click)="preBuild()">
+                  <i class="nb-list"></i>
+                  <span>Pre-Build</span>
+                </nb-action>
+                <nb-action (click)="build()">
+                  <i class="fa fa-wrench"></i>
+                  <span>Build</span>
+                </nb-action>
+                <nb-action (click)="populate()">
+                  <i class="fa fa-send"></i>
+                  <span>Populate</span>
+                </nb-action>
+              </nb-actions>
+            </nb-card-body>
+
+        </nb-tab>
+
+        <nb-tab tabTitle="Deploy">
+          <span> Content deploy...</span>
+        </nb-tab>
+        <nb-tab tabTitle="Debug">
+          <span> Content debug...</span>
+        </nb-tab>
+      </nb-tabset>
+    </nb-card>
+  </div>
+</div>