catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/groups/group-members-tab.component.html

   1 <div class="w-sdc-designer-sidebar-section-title" tooltip="Members">Members
   2     <svg-icon-label *ngIf="!isViewOnly"
   3                     class="add-members-btn"
   4                     name="plus-circle-o"
   5                     mode="primary"
   6                     size="medium"
   7                     label="ADD"
   8                     labelPlacement="right"
   9                     (click)="openAddMembersModal()">
  10     </svg-icon-label>
  11 </div>
  12 <div class="expand-collapse-content">
  13     <ul>
  14         <li *ngFor="let member of members; let i = index" class="component-details-panel-large-item"
  15             tooltip="{{member.name}}">
  16             <span>{{member.name}}</span>
  17             <svg-icon-label *ngIf="!isViewOnly"
  18                             name="trash-o"
  19                             clickable="true"
  20                             size="small"
  21                             class="component-details-panel-item-delete"
  22                             data-tests-id="delete_member"
  23                             (click)="deleteMember(member)"></svg-icon-label>
  24         </li>
  25     </ul>
  26
  27     <div *ngIf="members.length===0" class="component-details-panel-tab-no-data">
  28         <div class="component-details-panel-tab-no-data-title">No data to display yet</div>
  29         <div class="component-details-panel-tab-no-data-content">Add members to group to see members</div>
  30     </div>
  31 </div>