catalog-ui/src/app/ng2/pages/workspace/req-and-capabilities/req-and-capabilities.component.html

   1 <div class="workspace-req-and-cap">
   2     <div>
   3         <span class="addTitle" *ngIf="selectTabName === 'REQUIREMENTS' && showAdd()" (click)="addRequirement()">Add Requirement</span>
   4         <span class="addTitle" *ngIf="selectTabName !== 'REQUIREMENTS' && showAdd()" (click)="addCapability()">Add Capability</span>
   5         <span class="req-and-cap-filter" *ngIf="notEmptyTable">
   6             <sdc-filter-bar
   7                 [placeHolder]="'Search'"
   8                 (keyup)="updateFilter($event)"
   9                 [testId]="'search-box'">
  10             </sdc-filter-bar>
  11         </span>
  12     </div>
  13     <sdc-tabs (selectedTab)="selectTab($event)" [tabStyle]="'sdc-table-tab'">
  14         <sdc-tab [title]="'Requirements('+(requirements.length||'0')+')'" [active]="true" [testId]="'req-tab'">
  15             <div #requirmentsContainer></div>
  16         </sdc-tab>
  17         <sdc-tab [title]="'Capabilities('+(capabilities.length||'0')+')'" [active]="false" [testId]="'cap-tab'">
  18             <div #capabilitiesContainer></div>
  19         </sdc-tab>
  20     </sdc-tabs>
  21 </div>