--- /dev/null
+<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>
+ <span>Target ID</span>
+ </th>
+ <td>{{ target.id }}</td>
+ </tr>
+ <tr>
+ <th>
+ <span class="fa fa-fw fa-exchange"></span>
+ <span>Type</span>
+ </th>
+ <td>{{ target.type | readableType }}</td>
+ </tr>
+ <tr>
+ <th>
+ <span class="fa fa-fw fa-folder-open-o"></span>
+ <span>IP</span>
+ </th>
+ <td>{{ target.ip }}</td>
+ </tr>
+ <tr>
+ <th>
+ <span class="fa fa-fw fa-flag"></span>
+ <span>Status</span>
+ </th>
+ <td>{{ target.status }}</td>
+ </tr>
+ <tr>
+ <th>
+ <span class="fa fa-fw fa-folder-open-o"></span>
+ <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>