gerrit.onap Code Review - sdc.git/blob

   1 <perfect-scrollbar class="w-sdc-designer-sidebar-tab-content properties">
   2     <div class="w-sdc-designer-sidebar-section">
   3
   4         <!--expand-collapse data-ng-if="isPropertyOwner() && !currentComponent.properties.length" expanded-selector=".w-sdc-composition-sidebar-section-content.{{currentComponent.name}}"
   5                          class="w-sdc-composition-sidebar-section-title">
   6             <span class="w-sdc-composition-sidebar-section-title-text" tooltips tooltip-content="{{currentComponent.name | resourceName}}&nbsp;Properties"
   7                 data-ng-bind="(currentComponent.name | resourceName)+ ' Properties'"></span>
   8             <div class="w-sdc-composition-sidebar-section-title-icon"></div>
   9         </expand-collapse-->
  10
  11
  12         <!--properties-->
  13         <expand-collapse data-ng-repeat-start="(key, group) in properties"
  14                          expanded-selector=".w-sdc-designer-sidebar-section-content.properties.{{$index}}" class="w-sdc-designer-sidebar-section-title">
  15             <span class="w-sdc-designer-sidebar-section-title-text" data-ng-bind="groupNameByKey(key) + ' Properties'"
  16                   tooltips tooltip-content="{{groupNameByKey(key)}}&nbsp;Properties"></span>
  17             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  18         </expand-collapse>
  19
  20         <div data-ng-repeat-end="" class="w-sdc-designer-sidebar-section-content properties {{$index}}"> <!--data-ng-show="isShowDetailsSection" -->
  21             <div class="i-sdc-designer-sidebar-section-content-item">
  22                 <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute" data-tests-id="propertyRow"
  23                      data-ng-repeat="property in group | orderBy: 'name' track by $index">
  24                     <div>
  25                         <span class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label"
  26                               data-ng-class="{'hand enabled': !$parent.isViewOnly}"
  27                               tooltips tooltip-content="{{property.name}}"
  28                               data-ng-click="!$parent.isViewOnly && updateProperty(property)">{{property.name}}</span>
  29                     </div>
  30                     <div>
  31                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="isPropertyOwner()"
  32                               tooltips tooltip-content="{{property.defaultValue}}">{{property.defaultValue}}</span>
  33                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="!isPropertyOwner()"
  34                               tooltips tooltip-content="{{property.value}}">{{property.value}}</span>
  35                     </div>
  36                     <button class="i-sdc-designer-sidebar-section-content-item-button delete sprite e-sdc-small-icon-delete"
  37                             data-ng-if="!$parent.isViewOnly&&(isPropertyOwner() && !property.readonly)"
  38                             data-ng-click="deleteProperty(property)" type="button"></button>
  39                 </div>
  40             </div>
  41
  42         </div>
  43         <div class="w-sdc-designer-sidebar-section-footer">
  44             <button class="w-sdc-designer-sidebar-section-footer-action tlv-btn blue" data-ng-click="addProperty()" type="button" data-ng-if="!$parent.isViewOnly && isPropertyOwner()">
  45                 Add Property
  46             </button>
  47         </div>
  48
  49
  50         <!--attributes-->
  51         <expand-collapse data-ng-repeat-start="(key, group) in attributes"
  52                          expanded-selector=".w-sdc-designer-sidebar-section-content.attributes.{{$index}}" class="w-sdc-designer-sidebar-section-title">
  53             <span class="w-sdc-designer-sidebar-section-title-text" data-ng-bind="groupNameByKey(key) + ' Attributes'"
  54                   tooltips tooltip-content="{{groupNameByKey(key)}}&nbsp;Attributes"></span>
  55             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
  56         </expand-collapse>
  57
  58         <div data-ng-repeat-end="" class="w-sdc-designer-sidebar-section-content attributes {{$index}}"> <!--data-ng-show="isShowDetailsSection" -->
  59             <div class="i-sdc-designer-sidebar-section-content-item">
  60                 <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute"
  61                      data-ng-repeat="attribute in group | orderBy: 'name' track by $index">
  62                     <div>
  63                         <span class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label"
  64                               data-ng-class="{'hand enabled': !$parent.isViewOnly}"
  65                               tooltips tooltip-content="{{attribute.name}}"
  66                               data-ng-click="!$parent.isViewOnly && viewAttribute(attribute)"
  67                               data-tests-id="{{attribute.name}}-attr">{{attribute.name}}</span>
  68                     </div>
  69                     <div>
  70                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="isPropertyOwner()"
  71                               tooltips tooltip-content="{{attribute.defaultValue}}">{{attribute.defaultValue}}</span>
  72                         <span class="i-sdc-designer-sidebar-section-content-item-property-value" data-ng-if="!isPropertyOwner()"
  73                               tooltips tooltip-content="{{attribute.value}}" data-tests-id="value-of-{{attribute.name}}">{{attribute.value}}</span>
  74                     </div>
  75                 </div>
  76             </div>
  77
  78         </div>
  79
  80     </div>
  81 </perfect-scrollbar>