<div class="workspace-req-and-cap">
<div>
- <span class="addTitle" *ngIf="selectTabName === 'REQUIREMENTS'" (click)="addRequiremnet()">Add Requirement</span>
- <span class="addTitle" *ngIf="selectTabName !== 'REQUIREMENTS'" (click)="addCapability()">Add Capability</span>
+ <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'"
import {ModalComponent} from "onap-ui-angular/dist/modals/modal.component";
import {EventListenerService} from "../../../../services/event-listener-service";
import {RequirementsEditorComponent} from "./requirements/requirementEditor/requirements-editor.component";
+import {ComponentState} from "../../../../utils/constants";
@Component({
selector: 'req-and-capabilities',
this.loadReqOrCap();
}
+ private showAdd() {
+ return this.workspaceService.metadata.lifecycleState === ComponentState.NOT_CERTIFIED_CHECKOUT;
+ }
+
private async loadReqOrCap() {
if (this.instanceRef) {
this.instanceRef.destroy();
}
}
- private addRequiremnet () {
+ private addRequirement () {
let modalConfig = {
size: 'md',
title: 'Add Requirement',