catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/policies/policy-properties-tab.component.html

   1 <ng2-expand-collapse state="0">
   2     <header tooltip="Properties">Properties</header>
   3     <content>
   4         <ul>
   5             <li *ngFor="let property of properties; let i = index"
   6                 class="i-sdc-designer-sidebar-section-content-item-property-and-attribute" data-tests-id="propertyRow">
   7                 <div class="i-sdc-designer-sidebar-section-content-item-property-and-attribute-label hand"
   8                      [attr.data-tests-id]="'propertyName_'+property.name"
   9                      tooltip="{{property.name}}"
  10                      (click)="!isViewOnly && editProperty(property)">{{property.name}}
  11                 </div>
  12                 <div class="i-sdc-designer-sidebar-section-content-item-property-value"
  13                      [attr.data-tests-id]="'value_'+property.name"
  14                      tooltip="{{property.value || property.defaultValue}}">{{property.value || property.defaultValue}}
  15                 </div>
  16             </li>
  17         </ul>
  18
  19         <div *ngIf="properties.length===0" class="component-details-panel-tab-no-data">
  20             <div class="component-details-panel-tab-no-data-title">No properties to display</div>
  21         </div>
  22     </content>
  23 </ng2-expand-collapse>