catalog-ui/src/app/ng2/pages/composition/panel/panel-header/panel-header.component.html

   1 <div *ngIf="selectedComponent" class="component-details-panel-header" data-tests-id="w-sdc-designer-sidebar-head">
   2     <div class="icon">
   3         <div *ngIf="iconClassName; else svgIcon" class="large {{iconClassName}}"></div>
   4         <ng-template #svgIcon>
   5             <sdc-element-icon
   6                     [elementType]="selectedComponent.componentType === 'RESOURCE' ? selectedComponent.resourceType: (selectedComponent.originType || selectedComponent.componentType)"
   7                     [iconName]="selectedComponent.icon"
   8                     [uncertified]="!isTopologyTemplateSelected && selectedComponent.lifecycleState && 'CERTIFIED' !== selectedComponent.lifecycleState"></sdc-element-icon>
   9         </ng-template>
  10     </div>
  11
  12     <div class="title" data-tests-id="selectedCompTitle" tooltip="&#8203;{{selectedComponent.name}}">
  13         {{selectedComponent.name}}
  14     </div>
  15
  16     <svg-icon-label *ngIf="!isViewOnly && !isTopologyTemplateSelected && !selectedComponent.archived" name="edit-file-o"
  17                     clickable="true" size="small" class="rename-instance" data-tests-id="renameInstance"
  18                     (click)="renameInstance()"></svg-icon-label>
  19     <svg-icon-label *ngIf="!isViewOnly && !isTopologyTemplateSelected && !selectedComponent.archived" name="trash-o"
  20                     clickable="true" size="small" class="delete-instance" data-tests-id="deleteInstance"
  21                     (click)="deleteInstance()"></svg-icon-label>
  22
  23 </div>