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

   1 <div class="w-sdc-designer-sidebar-tab-content sdc-general-tab relations">
   2     <div *ngIf="!isCurrentDisplayComponentIsComplex(); else complexComponentTemplate">
   3         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
   4             <sdc-accordion [title]="'Capabilities'" [arrow-direction]="'right'" [testId]="'Capabilities-accordion'">
   5                 <div *ngFor="let capability of capabilities" class="relations-details-container">
   6                     <div class="relations-name">{{capability.name}}&nbsp;</div>
   7                     <div class="relations-desc"> {{capability.type}} </div>
   8                 </div>
   9             </sdc-accordion>
  10         </div>
  11         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  12             <sdc-accordion [title]="'Requirements'" [arrow-direction]="'right'" [testId]="'Requirements-accordion'">
  13                 <requirement-list [component]='component' [requirements]="requirements" [isInstanceSelected]="isComponentInstanceSelected"></requirement-list>
  14             </sdc-accordion>
  15
  16         </div>
  17     </div>
  18
  19     <ng-template #complexComponentTemplate>
  20         <sdc-accordion *ngIf="capabilitiesInstancesMap" [title]="'Capabilities'" [arrow-direction]="'right'" [testId]="'Capabilities-accordion'">
  21             <sdc-accordion *ngFor="let key of objectKeys(capabilitiesInstancesMap); let i = index" [title]="key">
  22                     <div *ngFor="let capability of capabilitiesInstancesMap[key]" class="relations-details-container">
  23                             <div class="relations-name">{{capability.name}}&nbsp;</div>
  24                             <div class="relations-desc"> {{capability.type}} </div>
  25                         </div>
  26             </sdc-accordion>
  27         </sdc-accordion>
  28
  29         <sdc-accordion *ngIf="requirementsInstancesMap" [title]="'Requirements'" [arrow-direction]="'right'" [testId]="'Requirements-accordion'">
  30                 <sdc-accordion *ngFor="let key of objectKeys(requirementsInstancesMap); let i = index" [title]="key">
  31                     <requirement-list [component]='component' [requirements]="requirementsInstancesMap[key]" [isInstanceSelected]="isComponentInstanceSelected"></requirement-list>
  32                 </sdc-accordion>
  33         </sdc-accordion>
  34
  35     </ng-template>
  36 </div>