Added target and terminal support in Dashboard

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

diff --git a/webapp/src/app/pages/targets/terminals/terminals.component.html b/webapp/src/app/pages/targets/terminals/terminals.component.html
new file mode 100644 (file)
index 0000000..8b78963
--- /dev/null
+++ b/webapp/src/app/pages/targets/terminals/terminals.component.html
@@ -0,0 +1,32 @@
+<div class="row">
+  <div class="col-12">
+    <nb-card-body>
+      <nb-actions size="medium">
+        <nb-action class="col-sm-6">
+          <xds-target-select-dropdown></xds-target-select-dropdown>
+        </nb-action>
+        <nb-action class="col-sm-3" [disabled]="curTarget==null">
+          <button (click)="openTerm()">
+                    <i class="nb-layout-default"></i>
+                    <span>Open Terminal</span>
+                </button>
+        </nb-action>
+        <nb-action class="col-sm-3" [disabled]="curTarget==null">
+          <button (click)="closeTerm()">
+              <i class="nb-close-circled"></i>
+              <span>Close Terminal</span>
+          </button>
+        </nb-action>
+      </nb-actions>
+    </nb-card-body>
+  </div>
+
+  <div class="col-12" *ngIf="!xTermDisable; else elseBlock">
+    <pre>Connected to {{curTarget?.name}}</pre>
+  </div>
+  <ng-template #elseBlock><pre> </pre></ng-template>
+
+  <div class="col-12">
+    <xds-terminal [(stdout)]="xTermStdout" (stdin)="onXTermData($event)" (resize)="onResize($event)" [disable]="xTermDisable"></xds-terminal>
+  </div>
+</div>