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