summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/members-table.component.html
blob: 3a29ed8248f177e56885c0bb949746dcb5593ebe (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<div class="table-header">
  <div class="left-header">
    <span class="title-header">{{description}}</span>
    <div class="sub-title-header">
      <span class="vnf-match-your-criteria" class="total" [attr.data-tests-id]="'total-amount'" style="margin-right: 5px;"><span
        [attr.data-tests-id]="'numberOfNotHideVnfMembers'">{{membersTableService.numberOfNotHideVnfMembers}}</span> VNFs match your criteria</span>
      <span class="vnf-selected" class="total" [attr.data-tests-id]="'total-selected'"><span
        [attr.data-tests-id]="'numberOfSelectedVnfMembers'">{{membersTableService.numberOfSelectedVnfMembers}}</span> VNF{{membersTableService.numberOfSelectedVnfMembers>1?'s':'' }} selected</span>
    </div>
  </div>

  <div class="search-container">
    <sdc-filter-bar
      [placeHolder]="'Search...'"
      [debounceTime]="250"
      [testId]="'vnf-members-search'"
      (valueChange)="search($event)">
    </sdc-filter-bar>
  </div>
</div>
<table id="member-table" class="table table-bordered" *ngIf="data?.length > 0">
  <thead class="thead-dark">
  <tr>
    <th class="allCheckboxAreSelected" style="position: relative;">
      <sdc-checkbox
        [(checked)]="membersTableService.allCheckboxAreSelected"
        [testId]="'all-checkbox-selected'"
        (checkedChange)="changeAllCheckboxStatus($event)"
      ></sdc-checkbox>
    </th>
    <th class="header-title" *ngFor="let header of headers">{{header.displayName}}</th>
  </tr>
  </thead>
  <tbody>
  <tr class="member-table-row" *ngFor="let vnf of membersTableService.filteredMembers">
    <td class="sdcCheckboxMember" style="position: relative;" [attr.data-tests-id]="vnf?.instanceId">
      <sdc-checkbox
        [checked]="membersTableService.allMemberStatusMap[vnf.instanceId]?.isSelected"
        [testId]="vnf?.instanceId"
        (checkedChange)="changeCheckboxStatus(vnf.instanceId)"
      ></sdc-checkbox></td>
    <td id="vnfName">
      <custom-ellipsis [id]="vnf?.instanceName" [value]="vnf?.instanceName"
                       [hightlight]="filterValue"></custom-ellipsis>
      <custom-ellipsis class="second-line" [id]="vnf?.instanceId" [value]="'UUID: '+ vnf?.instanceId"
                       [hightlight]="filterValue"></custom-ellipsis>
    </td>
    <td id="version">
      <custom-ellipsis [id]="vnf?.modelInfo?.modelVersion" [value]="vnf?.modelInfo?.modelVersion" [hightlight]="filterValue"></custom-ellipsis>
    </td>
    <td id="modelName">
      <custom-ellipsis [id]="vnf?.modelInfo?.modelName" [value]="vnf?.modelInfo?.modelName" [hightlight]="filterValue"></custom-ellipsis>
    </td>
    <td id="provStatus">
      <custom-ellipsis [id]="vnf?.provStatus" [value]="vnf?.provStatus" [hightlight]="filterValue"></custom-ellipsis>
    </td>
    <td id="serviceInstance">
      <custom-ellipsis [id]="vnf?.serviceInstanceName" [value]="vnf?.serviceInstanceName"
                       [hightlight]="filterValue"></custom-ellipsis>
      <custom-ellipsis class="second-line" [id]="vnf?.serviceInstanceId" [value]="'UUID: '+ vnf?.serviceInstanceId"
                       [hightlight]="filterValue"></custom-ellipsis>
    </td>
    <td id="cloudRegion">
      <custom-ellipsis [id]="vnf?.lcpCloudRegionId" [value]="vnf?.lcpCloudRegionId" [hightlight]="filterValue"></custom-ellipsis>
    </td>
    <td id="tenantName">
      <custom-ellipsis [id]="vnf?.tenantName" [value]="vnf?.tenantName" [hightlight]="filterValue"></custom-ellipsis>
    </td>
  </tr>

  </tbody>
</table>
<div class="no-result" *ngIf="data?.length == 0">No VNFs were found that can belong to this group.</div>