catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/group-or-policy-properties-tab/group-or-policy-properties-tab.component.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 <ng2-expand-collapse state="0">
  18     <header tooltip="Properties">Properties</header>
  19     <content>
  20         <ul>
  21             <li *ngFor="let property of component.properties; let i = index"
  22                 class="i-sdc-designer-sidebar-section-content-item-property-and-attribute" data-tests-id="propertyRow">
  23                 <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label hand"
  24                      [attr.data-tests-id]="'propertyName_'+property.name"
  25                      tooltip="{{property.name}}"
  26                      (click)="!isViewOnly && editProperty(property)">{{property.name}}
  27                 </div>
  28                 <div class="i-sdc-designer-sidebar-section-content-item-property-value"
  29                      [attr.data-tests-id]="'value_'+property.name"
  30                      tooltip="{{property.value || property.defaultValue}}">{{property.value || property.defaultValue}}
  31                 </div>
  32             </li>
  33         </ul>
  34
  35         <div *ngIf="!component.properties || component.properties.length===0" class="component-details-panel-tab-no-data">
  36             <div class="component-details-panel-tab-no-data-title">No properties to display</div>
  37         </div>
  38     </content>
  39 </ng2-expand-collapse>