catalog-ui/src/app/view-models/workspace/tabs/composition/tabs/relations/relations-view.html

   1 <perfect-scrollbar class="w-sdc-designer-sidebar-tab-content sdc-general-tab relations">
   2     <div ng-if="!isCurrentDisplayComponentIsComplex()">
   3         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
   4             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.capabilities" class="w-sdc-designer-sidebar-section-title"> Capabilities
   5                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
   6             </expand-collapse>
   7             <div class="w-sdc-designer-sidebar-section-content capabilities">
   8                 <capabilities-list capabilities="capabilities"></capabilities-list>
   9             </div>
  10         </div>
  11         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  12             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.requirements" class="w-sdc-designer-sidebar-section-title"> Requirements
  13                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  14             </expand-collapse>
  15
  16             <div class="w-sdc-designer-sidebar-section-content requirements">
  17                 <requirements-list component='currentComponent' requirements="requirements"></requirements-list>
  18             </div>
  19         </div>
  20     </div>
  21
  22     <div ng-if="isCurrentDisplayComponentIsComplex()">
  23         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  24             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.capabilities" class="w-sdc-designer-sidebar-section-title"> Capabilities
  25                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  26             </expand-collapse>
  27         </div>
  28         <div class="w-sdc-designer-sidebar-section-content capabilities">
  29             <expand-collapse expanded-selector=".capabilities-component-instances.{{$index}}" is-close-on-init="true" class="general-tab-expand-collapse"
  30                 data-ng-repeat-start="(key, instanceCapabilities) in capabilitiesInstancesMap track by $index">
  31                 <div class="expand-collapse-title second-level">
  32                      <div class="expand-collapse-title-icon"></div>
  33                      <span class="expand-collapse-title-text" data-ng-bind="key"></span>
  34                 </div>
  35             </expand-collapse>
  36
  37             <div data-ng-repeat-end="" class="capabilities-component-instances {{$index}}">
  38                 <capabilities-list capabilities="instanceCapabilities"></capabilities-list>
  39             </div>
  40         </div>
  41
  42         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  43             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.requirements" class="w-sdc-designer-sidebar-section-title"> Requirements
  44                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  45             </expand-collapse>
  46         </div>
  47         <div class="w-sdc-designer-sidebar-section-content requirements">
  48             <expand-collapse expanded-selector=".requirements-component-instances.{{$index}}" is-close-on-init="true" class="general-tab-expand-collapse"
  49                              data-ng-repeat-start="(key, instanceRequirements) in requirementsInstancesMap track by $index">
  50                 <div class="expand-collapse-title second-level">
  51                     <div class="expand-collapse-title-icon"></div>
  52                     <span class="expand-collapse-title-text" data-ng-bind="key"></span>
  53                 </div>
  54             </expand-collapse>
  55
  56             <div data-ng-repeat-end="" class="requirements-component-instances {{$index}}">
  57                 <requirements-list component='currentComponent' requirements="instanceRequirements"></requirements-list>
  58             </div>
  59         </div>
  60     </div>
  61 </perfect-scrollbar>