catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/req-capabilities-tab/requirement-list/requirement-list.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<div class="i-sdc-designer-sidebar-capabilities-requirements">
        <div class="i-sdc-designer-sidebar-section-content-item-relations-group">
            <div class="i-sdc-designer-sidebar-section-content-item-relations"
                 *ngFor="let requirement of requirements">
                <div class="i-sdc-designer-sidebar-section-content-item-relations-details">
                    <div class="i-sdc-designer-sidebar-section-content-item-relations-details-name">{{requirement.name}}&nbsp;</div>
                    <div class="i-sdc-designer-sidebar-section-content-item-relations-details-desc">{{requirement.node}}
                        <div *ngIf="getRelation(requirement) != null">
                            <div class="i-sdc-designer-sidebar-section-content-item-relations-details-indent-box"></div>
                            <div class="i-sdc-designer-sidebar-section-content-item-relations-details-child">
                                <span class="i-sdc-designer-sidebar-section-content-item-relations-details-desc">{{getRelation(requirement).type}} <br/></span>
                                <span class="i-sdc-designer-sidebar-section-content-item-relations-details-name">{{getRelation(requirement).requirementName}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="checkbox-label-mark-as-external"
                         *ngIf="isInstanceSelected">
                        <checkbox
                                class="checkbox-label"
                                [attr.data-tests-id]="'checkbox-external-req-' + requirement.name"
                                [label]="'External'"
                                (checkedChange)="onMarkAsExternal(requirement)"
                                [(checked)]="requirement.external"
                                [disabled]="isViewOnly">
                        </checkbox>
                    </div>
                </div>
            </div>
        </div>
    </div>