vid-webpack-master/src/app/shared/components/searchMembersModal/search-members-modal.component.html

   1 <div class="modal-search-member-content">
   2   <div class="header">
   3     <vid-svg-icon
   4       [attr.data-tests-id]="'cancelBtn'"
   5       (click)="closeDialog()"
   6       class="navigation-arrow-back"
   7       [mode]="'primary'"
   8       [size]="'large'"
   9       [name]="'navigation-arrow-back'"
  10       [clickable]="true"
  11       [fill]="'#FFFFFF'"
  12       [widthViewBox]="'24'"
  13       [heightViewBox]="'24'">
  14     </vid-svg-icon>
  15
  16     <span class="title">
  17       {{title}}
  18     </span>
  19     <button type="submit" data-tests-id="setMembersBtn" [disabled]="disableSetMembers" (click)="setMembers()" class="sdc-button sdc-button__primary">SET MEMBERS</button>
  20   </div>
  21   <div class="content-wrapper">
  22     <div class="sidebar-left">
  23       <div class="search-criteria-wrapper">
  24         <div class="search-criteria-title">SEARCH CRITERIA</div>
  25          <div class="search-item" *ngFor="let searchFieldItem of searchFields">
  26            <span class="label-item">{{searchFieldItem.title}}</span>
  27            <span attr.data-tests-id="{{searchFieldItem.dataTestId}}" class="text-item">{{searchFieldItem.value}}</span>
  28          </div>
  29       </div>
  30     </div>
  31     <div class="sidebar-right">
  32       <app-members-table [data]="membersData" [description]="description" (selectedMembersAmountChange)="selectedMembersAmountChange($event)"></app-members-table>
  33     </div>
  34   </div>
  35 </div>