Added target and terminal support in Dashboard

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

diff --git a/webapp/src/app/pages/targets/targets.component.html b/webapp/src/app/pages/targets/targets.component.html
new file mode 100644 (file)
index 0000000..a4fd894
--- /dev/null
+++ b/webapp/src/app/pages/targets/targets.component.html
@@ -0,0 +1,26 @@
+<div class="row">
+  <div class="col-12">
+    <nb-card-body>
+      <div class="col-9">
+        <nb-actions size="medium">
+          <nb-action>
+            <button (click)="add()">
+                <i class="nb-plus"></i>
+                <span>Add Target</span>
+            </button>
+          </nb-action>
+        </nb-actions>
+      </div>
+      <div class="col-3 right">
+        <nb-actions size="medium">
+          <nb-action>
+            <nb-search type="rotate-layout"></nb-search>
+          </nb-action>
+        </nb-actions>
+      </div>
+    </nb-card-body>
+  </div>
+  <div class="col-md-6 col-lg-6" *ngFor="let tgt of (targets$ | async)">
+    <xds-target-card [target]="tgt"></xds-target-card>
+  </div>
+</div>