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

   1 <!--
   2   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
   3   ~
   4   ~ Licensed under the Apache License, Version 2.0 (the "License");
   5   ~ you may not use this file except in compliance with the License.
   6   ~ You may obtain a copy of the License at
   7   ~
   8   ~      http://www.apache.org/licenses/LICENSE-2.0
   9   ~
  10   ~ Unless required by applicable law or agreed to in writing, software
  11   ~ distributed under the License is distributed on an "AS IS" BASIS,
  12   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   ~ See the License for the specific language governing permissions and
  14   ~ limitations under the License.
  15 -->
  16
  17 <perfect-scrollbar class="w-sdc-designer-sidebar-tab-content sdc-general-tab relations">
  18     <div ng-if="!isCurrentDisplayComponentIsComplex()">
  19         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  20             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.capabilities" class="w-sdc-designer-sidebar-section-title"> Capabilities
  21                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  22             </expand-collapse>
  23             <div class="w-sdc-designer-sidebar-section-content capabilities">
  24                 <capabilities-list capabilities="capabilities"></capabilities-list>
  25             </div>
  26         </div>
  27         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  28             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.requirements" class="w-sdc-designer-sidebar-section-title"> Requirements
  29                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  30             </expand-collapse>
  31
  32             <div class="w-sdc-designer-sidebar-section-content requirements">
  33                 <requirements-list component='currentComponent' requirements="requirements"></requirements-list>
  34             </div>
  35         </div>
  36     </div>
  37
  38     <div ng-if="isCurrentDisplayComponentIsComplex()">
  39         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  40             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.capabilities" class="w-sdc-designer-sidebar-section-title"> Capabilities
  41                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  42             </expand-collapse>
  43         </div>
  44         <div class="w-sdc-designer-sidebar-section-content capabilities">
  45             <expand-collapse expanded-selector=".capabilities-component-instances.{{$index}}" is-close-on-init="true" class="general-tab-expand-collapse"
  46                 data-ng-repeat-start="(key, instanceCapabilities) in capabilitiesInstancesMap track by $index">
  47                 <div class="expand-collapse-title second-level">
  48                      <div class="expand-collapse-title-icon"></div>
  49                      <span class="expand-collapse-title-text" data-ng-bind="key"></span>
  50                 </div>
  51             </expand-collapse>
  52
  53             <div data-ng-repeat-end="" class="capabilities-component-instances {{$index}}">
  54                 <capabilities-list capabilities="instanceCapabilities"></capabilities-list>
  55             </div>
  56         </div>
  57
  58         <div class="w-sdc-designer-sidebar-section w-sdc-designer-sidebar-section-relations">
  59             <expand-collapse expanded-selector=".w-sdc-designer-sidebar-section-content.requirements" class="w-sdc-designer-sidebar-section-title"> Requirements
  60                 <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  61             </expand-collapse>
  62         </div>
  63         <div class="w-sdc-designer-sidebar-section-content requirements">
  64             <expand-collapse expanded-selector=".requirements-component-instances.{{$index}}" is-close-on-init="true" class="general-tab-expand-collapse"
  65                              data-ng-repeat-start="(key, instanceRequirements) in requirementsInstancesMap track by $index">
  66                 <div class="expand-collapse-title second-level">
  67                     <div class="expand-collapse-title-icon"></div>
  68                     <span class="expand-collapse-title-text" data-ng-bind="key"></span>
  69                 </div>
  70             </expand-collapse>
  71
  72             <div data-ng-repeat-end="" class="requirements-component-instances {{$index}}">
  73                 <requirements-list component='currentComponent' requirements="instanceRequirements"></requirements-list>
  74             </div>
  75         </div>
  76     </div>
  77 </perfect-scrollbar>