diff options
author | 2019-07-09 14:23:37 +0000 | |
---|---|---|
committer | 2019-07-09 14:23:37 +0000 | |
commit | 58d22b526418ffeb89337fed9e20406da420bc6f (patch) | |
tree | 4357c9cfe1c92d57ac0a3f90167cade7af505b95 /vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/elements-table.component.html | |
parent | 302b02a847e7aa8ccf3ff4bc14ff8a9cf67511b0 (diff) | |
parent | 97d9f66df456ef4573047a90baa3cc3ee4bfb0b7 (diff) |
Merge changes Ib4430bf2,Icc0bdb9e,I2736b984
* changes:
Merge from ecomp 718fd196 - Ext. Services Simulator
Merge from ecomp 718fd196 - Integration Tests
Merge from ecomp 718fd196 - Modern UI
Diffstat (limited to 'vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/elements-table.component.html')
-rw-r--r-- | vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/elements-table.component.html | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/elements-table.component.html b/vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/elements-table.component.html new file mode 100644 index 000000000..036a1240f --- /dev/null +++ b/vid-webpack-master/src/app/shared/components/searchMembersModal/members-table/elements-table.component.html @@ -0,0 +1,71 @@ +<div class="table-header"> + <div class="left-header"> + <span class="title-header">{{modalInformation.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]="'numberOfNotHideRows'">{{membersTableService.numberOfNotHideRows}}</span> {{modalInformation.type}}s match your criteria |</span> + <span class="vnf-selected" class="total" [attr.data-tests-id]="'total-selected'"><span + [attr.data-tests-id]="'numberOfSelectedRows'">{{membersTableService.numberOfSelectedRows}}</span> {{modalInformation.type}}{{membersTableService.numberOfSelectedRows>1?'s':'' }} selected</span> + </div> + </div> + + <div class="search-container"> + <sdc-filter-bar + [placeHolder]="'Filter'" + [debounceTime]="250" + [testId]="'vnf-members-search'" + (valueChange)="search($event)"> + </sdc-filter-bar> + </div> +</div> +<table id="member-table" class="table table-bordered" style="table-layout: fixed" *ngIf="data?.length > 0"> + <thead class="thead-dark"> + <tr> + <th class="allCheckboxAreSelected" style="position: relative;"> + <sdc-checkbox + [disabled]="membersTableService.isCheckAllDisabled(modalInformation.maxSelectRow)" + [(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 item of membersTableService.filteredMembers"> + <td class="sdcCheckboxMember" style="position: relative;" [attr.data-tests-id]="item[membersTableService.staticUniqObjectField]"> + <sdc-checkbox + [disabled]="membersTableService.isRowDisabled( membersTableService.allElementsStatusMap[item[membersTableService.staticUniqObjectField]]?.isSelected, modalInformation.maxSelectRow)" + [checked]="membersTableService.allElementsStatusMap[item[membersTableService.staticUniqObjectField]]?.isSelected" + [testId]="item[membersTableService.staticUniqObjectField]" + (checkedChange)="changeCheckboxStatus(item[membersTableService.staticUniqObjectField])" + ></sdc-checkbox></td> + + <td *ngFor="let tdInformation of modalInformation.tableContent" [id]="tdInformation.id"> + <div *ngIf="tdInformation.contents[0].type === 'LIST'; else noList"> + <custom-ellipsis + *ngFor="let tdInformationItem of getTdListInformationItemValue(tdInformation.contents[0], item) " + [id]="tdInformationItem" + [value]="tdInformationItem" + [breakWord]="true" + [hightlight]="filterValue"></custom-ellipsis> + </div> + <ng-template #noList> + <custom-ellipsis + *ngFor="let tdInformationItem of tdInformation.contents; index as i" + [id]="getTdInformationItemId(tdInformationItem, item)" + [value]="getTdInformationItemValue(tdInformationItem, item)" + [ngClass]="{'second-line' : i%2 === 1}" + [breakWord]="true" + [hightlight]="filterValue"></custom-ellipsis> + </ng-template> + + </td> + </tr> + + </tbody> +</table> +<div class="no-result" *ngIf="data?.length == 0">{{modalInformation?.noElementsMsg}}</div> + + |