gerrit.onap Code Review - sdc.git/blob

   1 <perfect-scrollbar class="w-sdc-designer-sidebar-tab-content properties" id="main-scroll">
   2
   3     <div class="w-sdc-designer-sidebar-section">
   4
   5         <!--expand-collapse data-ng-if="isPropertyOwner() && !currentComponent.properties.length" expanded-selector=".w-sdc-composition-sidebar-section-content.{{currentComponent.name}}"
   6                          class="w-sdc-composition-sidebar-section-title">
   7             <span class="w-sdc-composition-sidebar-section-title-text" tooltips tooltip-content="{{currentComponent.name | resourceName}}&nbsp;Properties"
   8                 data-ng-bind="(currentComponent.name | resourceName)+ ' Properties'"></span>
   9             <div class="w-sdc-composition-sidebar-section-title-icon"></div>
  10         </expand-collapse-->
  11         <!--properties-->
  12         <expand-collapse data-ng-repeat-start="(key, group) in properties"
  13                          expanded-selector=".w-sdc-designer-sidebar-section-content.properties.{{$index}}">
  14             <div class="first-level">
  15                 <div class="expand-collapse-title-icon"></div>
  16                 <span class="w-sdc-designer-sidebar-section-title-text" data-ng-bind="groupNameByKey(key) + ' Properties'"
  17                       tooltips tooltip-content="{{groupNameByKey(key)}}&nbsp;Properties"
  18                       data-tests-id="vfi-properties"></span>
  19             </div>
  20         </expand-collapse>
  21
  22         <div data-ng-repeat-end="" class="w-sdc-designer-sidebar-section-content properties {{$index}}"> <!--data-ng-show="isShowDetailsSection" -->
  23             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="!groupPropertiesByInstance">
  24                 <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute" data-tests-id="propertyRow"
  25                      data-ng-repeat="property in group | orderBy: 'name' track by $index">
  26                     <div>
  27                         <span class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label"
  28                               data-ng-class="{'hand enabled': !$parent.isViewOnly}"
  29                               tooltips tooltip-content="{{property.name}}"
  30                               data-ng-click="!$parent.isViewOnly && updateProperty(property)"
  31                               data-tests-id="{{property.name}}">{{property.name}}</span>
  32                     </div>
  33                     <div>
  34                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="isPropertyOwner()"
  35                               tooltips tooltip-content="{{property.defaultValue}}">{{property.defaultValue}}</span>
  36                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="!isPropertyOwner()"
  37                               tooltips tooltip-content="{{property.value}}"
  38                               data-tests-id="value_{{property.name}}">{{property.value}}</span>
  39                     </div>
  40                     <button class="i-sdc-designer-sidebar-section-content-item-button delete sprite e-sdc-small-icon-delete"
  41                             data-ng-if="!$parent.isViewOnly&&(isPropertyOwner() && !property.readonly)"
  42                             data-ng-click="deleteProperty(property)" type="button"></button>
  43                 </div>
  44             </div>
  45             <div class="i-sdc-designer-sidebar-section-content-item" data-ng-if="groupPropertiesByInstance">
  46                 <div data-ng-repeat-start="(instancesIds , InstanceProperties) in (group | groupBy:'path')"
  47                      class="vfci-properties-group"
  48                      data-ng-click="showGroupsOfInstanceProperties[$index]=!showGroupsOfInstanceProperties[$index]"
  49                 data-ng-class="{'expanded':showGroupsOfInstanceProperties[$index]}">
  50                     <div class="second-level">
  51                         <div class="expand-collapse-title-icon"></div>
  52                         <span class="w-sdc-designer-sidebar-section-title-text" data-ng-bind="getComponentInstanceNameFromInstanceByKey(InstanceProperties[0].path[1]) + ' Properties'"
  53                               tooltips tooltip-content="{{getComponentInstanceNameFromInstanceByKey(InstanceProperties[0].path[1])}}&nbsp;Properties"
  54                               data-tests-id="vfci-properties"></span>
  55                     </div>
  56                 </div>
  57                 <div data-ng-repeat-end="" class="w-sdc-designer-sidebar-section-content instance-properties {{$index}}" data-ng-if="showGroupsOfInstanceProperties[$index]">
  58                     <div class="i-sdc-designer-sidebar-section-content-item">
  59                         <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute" data-tests-id="propertyRow"
  60                              data-ng-repeat="instanceProperty in InstanceProperties | orderBy: 'name'">
  61                             <div>
  62                                 <span class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label"
  63                                       data-ng-class="{'hand enabled': !$parent.isViewOnly}"
  64                                       tooltips tooltip-content="{{instanceProperty.name}}"
  65                                       data-tests-id="vfci-property">{{instanceProperty.name}}</span>
  66                             </div>
  67                             <div>
  68                                 <span class="i-sdc-designer-sidebar-section-content-item-property-value"
  69                                       tooltips tooltip-content="{{instanceProperty.value === undefined ? instanceProperty.defaultValue : instanceProperty.value}}">
  70                                     {{instanceProperty.value === undefined ? instanceProperty.defaultValue : instanceProperty.value}}</span>
  71                             </div>
  72                         </div>
  73                     </div>
  74                 </div>
  75             </div>
  76             <!--<div  class="w-sdc-designer-sidebar-section-footer" data-ng-if="(!$parent.isViewOnly && isPropertyOwner()) || showAddPropertyButton">-->
  77                 <!--<button class="w-sdc-designer-sidebar-section-footer-action tlv-btn blue" data-tests-id="addGrey" data-ng-click="addProperty()" type="button">-->
  78                     <!--Add Property-->
  79                 <!--</button>-->
  80             <!--</div>-->
  81         </div>
  82
  83
  84         <!--attributes-->
  85         <expand-collapse data-ng-repeat-start="(key, group) in attributes"
  86                          expanded-selector=".w-sdc-designer-sidebar-section-content.attributes.{{$index}}">
  87             <div class="first-level">
  88                 <div class="expand-collapse-title-icon"></div>
  89                 <span class="w-sdc-designer-sidebar-section-title-text" data-ng-bind="groupNameByKey(key) + ' Attributes'"
  90                       tooltips tooltip-content="{{groupNameByKey(key)}}&nbsp;Attributes"></span>
  91             </div>
  92         </expand-collapse>
  93
  94         <div data-ng-repeat-end="" class="w-sdc-designer-sidebar-section-content attributes {{$index}}"> <!--data-ng-show="isShowDetailsSection" -->
  95             <div class="i-sdc-designer-sidebar-section-content-item">
  96                 <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute"
  97                      data-ng-repeat="attribute in group | orderBy: 'name' track by $index">
  98                     <div>
  99                         <span class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label"
 100                               data-ng-class="{'hand enabled': !$parent.isViewOnly}"
 101                               tooltips tooltip-content="{{attribute.name}}"
 102                               data-ng-click="!$parent.isViewOnly && viewAttribute(attribute)"
 103                               data-tests-id="{{attribute.name}}-attr">{{attribute.name}}</span>
 104                     </div>
 105                     <div>
 106                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="isPropertyOwner()"
 107                               tooltips tooltip-content="{{attribute.defaultValue}}">{{attribute.defaultValue}}</span>
 108                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="!isPropertyOwner()"
 109                               tooltips tooltip-content="{{attribute.value}}" data-tests-id="value-of-{{attribute.name}}">{{attribute.value}}</span>
 110                     </div>
 111                 </div>
 112             </div>
 113
 114         </div>
 115
 116     </div>
 117 </perfect-scrollbar>