291b103344fbb7561d7bb8bde00c6332612120a9
[sdc.git] /
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}}&nbsp;</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>
13                             </div>
14                         </div>
15                     </div>
16                     <div class="checkbox-label-mark-as-external"
17                          *ngIf="isInstanceSelected">
18                         <checkbox
19                                 class="checkbox-label"
20                                 data-tests-id="checkbox-mark-as-external"
21                                 [label]="'External'"
22                                 (checkedChange)="onMarkAsExternal(requirement)"
23                                 [(checked)]="requirement.external"
24                                 [disabled]="isViewOnly">
25                         </checkbox>
26                     </div>
27                 </div>
28             </div>
29         </div>
30     </div>
31