1 <div class="i-sdc-designer-sidebar-capabilities-requirements">
2 <div class="i-sdc-designer-sidebar-section-content-item-relations-group">
3 <div class="i-sdc-designer-sidebar-section-content-item-relations"
4 *ngFor="let requirement of requirements">
5 <div class="i-sdc-designer-sidebar-section-content-item-relations-details">
6 <div class="i-sdc-designer-sidebar-section-content-item-relations-details-name">{{requirement.name}} </div>
7 <div class="i-sdc-designer-sidebar-section-content-item-relations-details-desc">{{requirement.node}}
8 <div *ngIf="getRelation(requirement) != null">
9 <div class="i-sdc-designer-sidebar-section-content-item-relations-details-indent-box"></div>
10 <div class="i-sdc-designer-sidebar-section-content-item-relations-details-child">
11 <span class="i-sdc-designer-sidebar-section-content-item-relations-details-desc">{{getRelation(requirement).type}} <br/></span>
12 <span class="i-sdc-designer-sidebar-section-content-item-relations-details-name">{{getRelation(requirement).requirementName}}</span>
16 <div class="checkbox-label-mark-as-external"
17 *ngIf="isInstanceSelected">
19 class="checkbox-label"
20 [attr.data-tests-id]="'checkbox-mark-as-external-' + requirement.name"
22 (checkedChange)="onMarkAsExternal(requirement)"
23 [(checked)]="requirement.external"
24 [disabled]="isViewOnly">