X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=webapp%2Fsrc%2Fapp%2Fpages%2Ftargets%2Ftarget-card%2Ftarget-card.component.html;fp=webapp%2Fsrc%2Fapp%2Fpages%2Ftargets%2Ftarget-card%2Ftarget-card.component.html;h=7c921b172f3dd797f0252e0103a84a8b3764d09c;hb=069de98bdd926cb25954aad94fe23be0272a7b5e;hp=0000000000000000000000000000000000000000;hpb=6aa5e4ccb5adadcc0cb802c44c1e88a35a20a925;p=src%2Fxds%2Fxds-agent.git

diff --git a/webapp/src/app/pages/targets/target-card/target-card.component.html b/webapp/src/app/pages/targets/target-card/target-card.component.html
new file mode 100644
index 0000000..7c921b1
--- /dev/null
+++ b/webapp/src/app/pages/targets/target-card/target-card.component.html
@@ -0,0 +1,62 @@
+<nb-card class="xds-targets">
+  <nb-card-header>
+
+    <div class="row">
+      <div class="col-12 col-md-8">
+        {{ target.name }}
+      </div>
+      <div class="col-6 col-md-4 text-right" role="group">
+        <button class="btn btn-outline-danger btn-tn btn-xds" (click)="delete(target)">
+          <span class="fa fa-trash fa-size-x2"></span>
+        </button>
+      </div>
+    </div>
+  </nb-card-header>
+
+  <nb-card-body>
+    <table class="table table-striped">
+      <tbody>
+        <tr>
+          <th>
+            <span class="fa fa-fw fa-id-badge"></span>&nbsp;
+            <span>Target ID</span>
+          </th>
+          <td>{{ target.id }}</td>
+        </tr>
+        <tr>
+          <th>
+            <span class="fa fa-fw fa-exchange"></span>&nbsp;
+            <span>Type</span>
+          </th>
+          <td>{{ target.type | readableType }}</td>
+        </tr>
+        <tr>
+          <th>
+            <span class="fa fa-fw fa-folder-open-o"></span>&nbsp;
+            <span>IP</span>
+          </th>
+          <td>{{ target.ip }}</td>
+        </tr>
+        <tr>
+          <th>
+            <span class="fa fa-fw fa-flag"></span>&nbsp;
+            <span>Status</span>
+          </th>
+          <td>{{ target.status }}</td>
+        </tr>
+        <tr>
+          <th>
+            <span class="fa fa-fw fa-folder-open-o"></span>&nbsp;
+            <span>Terminals</span>
+          </th>
+          <td>{{ target.terms.length }}</td>
+        </tr>
+
+      </tbody>
+    </table>
+  </nb-card-body>
+
+  <nb-card-footer>
+    <!-- <pre>{{target | json}}</pre> -->
+  </nb-card-footer>
+</nb-card>