gerrit.onap Code Review - vid.git/blob

   1 <div class="table-header">
   2   <div class="left-header">
   3     <span class="title-header">{{description}}</span>
   4     <div class="sub-title-header">
   5       <span class="vnf-match-your-criteria" class="total" [attr.data-tests-id]="'total-amount'" style="margin-right: 5px;"><span
   6         [attr.data-tests-id]="'numberOfNotHideVnfMembers'">{{membersTableService.numberOfNotHideVnfMembers}}</span> VNFs match your criteria</span>
   7       <span class="vnf-selected" class="total" [attr.data-tests-id]="'total-selected'"><span
   8         [attr.data-tests-id]="'numberOfSelectedVnfMembers'">{{membersTableService.numberOfSelectedVnfMembers}}</span> VNF{{membersTableService.numberOfSelectedVnfMembers>1?'s':'' }} selected</span>
   9     </div>
  10   </div>
  11
  12   <div class="search-container">
  13     <sdc-filter-bar
  14       [placeHolder]="'Search...'"
  15       [debounceTime]="250"
  16       [testId]="'vnf-members-search'"
  17       (valueChange)="search($event)">
  18     </sdc-filter-bar>
  19   </div>
  20 </div>
  21 <table id="member-table" class="table table-bordered" *ngIf="data?.length > 0">
  22   <thead class="thead-dark">
  23   <tr>
  24     <th class="allCheckboxAreSelected" style="position: relative;">
  25       <sdc-checkbox
  26         [(checked)]="membersTableService.allCheckboxAreSelected"
  27         [testId]="'all-checkbox-selected'"
  28         (checkedChange)="changeAllCheckboxStatus($event)"
  29       ></sdc-checkbox>
  30     </th>
  31     <th class="header-title" *ngFor="let header of headers">{{header.displayName}}</th>
  32   </tr>
  33   </thead>
  34   <tbody>
  35   <tr class="member-table-row" *ngFor="let vnf of membersTableService.filteredMembers">
  36     <td class="sdcCheckboxMember" style="position: relative;" [attr.data-tests-id]="vnf?.instanceId">
  37       <sdc-checkbox
  38         [checked]="membersTableService.allMemberStatusMap[vnf.instanceId]?.isSelected"
  39         [testId]="vnf?.instanceId"
  40         (checkedChange)="changeCheckboxStatus(vnf.instanceId)"
  41       ></sdc-checkbox></td>
  42     <td id="vnfName">
  43       <custom-ellipsis [id]="vnf?.instanceName" [value]="vnf?.instanceName"
  44                        [hightlight]="filterValue"></custom-ellipsis>
  45       <custom-ellipsis class="second-line" [id]="vnf?.instanceId" [value]="'UUID: '+ vnf?.instanceId"
  46                        [hightlight]="filterValue"></custom-ellipsis>
  47     </td>
  48     <td id="version">
  49       <custom-ellipsis [id]="vnf?.modelInfo?.modelVersion" [value]="vnf?.modelInfo?.modelVersion" [hightlight]="filterValue"></custom-ellipsis>
  50     </td>
  51     <td id="modelName">
  52       <custom-ellipsis [id]="vnf?.modelInfo?.modelName" [value]="vnf?.modelInfo?.modelName" [hightlight]="filterValue"></custom-ellipsis>
  53     </td>
  54     <td id="provStatus">
  55       <custom-ellipsis [id]="vnf?.provStatus" [value]="vnf?.provStatus" [hightlight]="filterValue"></custom-ellipsis>
  56     </td>
  57     <td id="serviceInstance">
  58       <custom-ellipsis [id]="vnf?.serviceInstanceName" [value]="vnf?.serviceInstanceName"
  59                        [hightlight]="filterValue"></custom-ellipsis>
  60       <custom-ellipsis class="second-line" [id]="vnf?.serviceInstanceId" [value]="'UUID: '+ vnf?.serviceInstanceId"
  61                        [hightlight]="filterValue"></custom-ellipsis>
  62     </td>
  63     <td id="cloudRegion">
  64       <custom-ellipsis [id]="vnf?.lcpCloudRegionId" [value]="vnf?.lcpCloudRegionId" [hightlight]="filterValue"></custom-ellipsis>
  65     </td>
  66     <td id="tenantName">
  67       <custom-ellipsis [id]="vnf?.tenantName" [value]="vnf?.tenantName" [hightlight]="filterValue"></custom-ellipsis>
  68     </td>
  69   </tr>
  70
  71   </tbody>
  72 </table>
  73 <div class="no-result" *ngIf="data?.length == 0">No VNFs were found that can belong to this group.</div>
  74
  75