webapp/src/app/pages/targets/target-card/target-card.component.html

   1 <nb-card class="xds-targets">
   2   <nb-card-header>
   3
   4     <div class="row">
   5       <div class="col-12 col-md-8">
   6         {{ target.name }}
   7       </div>
   8       <div class="col-6 col-md-4 text-right" role="group">
   9         <button class="btn btn-outline-danger btn-tn btn-xds" (click)="delete(target)">
  10           <span class="fa fa-trash fa-size-x2"></span>
  11         </button>
  12       </div>
  13     </div>
  14   </nb-card-header>
  15
  16   <nb-card-body>
  17     <table class="table table-striped">
  18       <tbody>
  19         <tr>
  20           <th>
  21             <span class="fa fa-fw fa-id-badge"></span>&nbsp;
  22             <span>Target ID</span>
  23           </th>
  24           <td>{{ target.id }}</td>
  25         </tr>
  26         <tr>
  27           <th>
  28             <span class="fa fa-fw fa-exchange"></span>&nbsp;
  29             <span>Type</span>
  30           </th>
  31           <td>{{ target.type | readableType }}</td>
  32         </tr>
  33         <tr>
  34           <th>
  35             <span class="fa fa-fw fa-folder-open-o"></span>&nbsp;
  36             <span>IP</span>
  37           </th>
  38           <td>{{ target.ip }}</td>
  39         </tr>
  40         <tr>
  41           <th>
  42             <span class="fa fa-fw fa-flag"></span>&nbsp;
  43             <span>Status</span>
  44           </th>
  45           <td>{{ target.status }}</td>
  46         </tr>
  47         <tr>
  48           <th>
  49             <span class="fa fa-fw fa-folder-open-o"></span>&nbsp;
  50             <span>Terminals</span>
  51           </th>
  52           <td>{{ target.terms.length }}</td>
  53         </tr>
  54
  55       </tbody>
  56     </table>
  57   </nb-card-body>
  58
  59   <nb-card-footer>
  60     <!-- <pre>{{target | json}}</pre> -->
  61   </nb-card-footer>
  62 </nb-card>