catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/artifacts-tab/artifacts-tab.component.html

   1 <div class="w-sdc-designer-sidebar-tab-content artifacts">
   2     <div class="w-sdc-designer-sidebar-section">
   3         <ng2-expand-collapse state="0">
   4             <header sdc-tooltip tooltip-text="{{title}}">{{title}}</header>
   5             <content class="artifacts-container">
   6                 <div class="w-sdc-designer-sidebar-section-content">
   7                     <div class="i-sdc-designer-sidebar-section-content-item" *ngFor="let artifact of artifacts$ | async">
   8                         <div class="i-sdc-designer-sidebar-section-content-item-artifact"
   9                              *ngIf="(!isComponentInstanceSelected || artifact.esId) && 'HEAT_ENV' !== artifact.artifactType"
  10                              attr.data-tests-id="'artifact-item-' + artifact.artifactDisplayName">
  11                             <span *ngIf="artifact.heatParameters?.length"
  12                                   class="i-sdc-designer-sidebar-section-content-item-file-link"></span>
  13                             <div class="i-sdc-designer-sidebar-section-content-item-artifact-details"
  14                                  [class.heat]="artifact.isHEAT() && artifact.heatParameters?.length">
  15                                 <div *ngIf="artifact.artifactName"
  16                                      class="i-sdc-designer-sidebar-section-content-item-artifact-filename"
  17                                      attr.data-tests-id="artifactName-{{artifact.artifactDisplayName}}"
  18                                      sdc-tooltip tooltip-text="{{artifact.artifactName}}">{{artifact.artifactName}}
  19                                 </div>
  20                                 <div class="artifact-buttons-container upper-buttons">
  21
  22
  23                                     <svg-icon
  24                                             *ngIf="!isViewOnly && !artifact.isFromCsar && artifact.artifactName"
  25                                             name="trash-o" clickable="true" size="medium" mode="info"
  26                                             class="artifact-button" testId="delete_{{artifact.artifactDisplayName}}"
  27                                             (click)="delete(artifact)"></svg-icon>
  28
  29                                     <!--Display env parameters edit button for Instance -->
  30                                     <svg-icon
  31                                             *ngIf="!isViewOnly  && artifact.isHEAT() && isComponentInstanceSelected && artifact.heatParameters?.length"
  32                                             name="indesign_status" clickable="true" size="medium" mode="info"
  33                                             class="artifact-button"
  34                                             testId="edit-parameters-of-{{artifact.artifactDisplayName}}"
  35                                             (click)="updateEnvParams(artifact)"
  36                                             tooltip="Edit ENV Params"
  37                                     ></svg-icon>
  38
  39                                     <!--Display env parameters VIEW button for Instance -->
  40                                     <svg-icon
  41                                             *ngIf="isViewOnly && artifact.isHEAT() && isComponentInstanceSelected && artifact.heatParameters?.length"
  42                                             name="inputs-o" clickable="true" size="medium" mode="info"
  43                                             class="artifact-button"
  44                                             testId="view-parameters-of-{{artifact.artifactDisplayName}}"
  45                                             (click)="viewEnvParams(artifact)"
  46                                             tooltip="View ENV Params"
  47                                     ></svg-icon>
  48
  49                                     <!--Display env parameters edit button for VF -->
  50                                     <svg-icon
  51                                             *ngIf = "!isViewOnly && !isComponentInstanceSelected && artifact.heatParameters?.length"
  52                                             name="indesign_status" clickable="true" size="medium" mode="info"
  53                                             class="artifact-button"
  54                                             testId="edit-parameters-of-{{artifact.artifactDisplayName}}"
  55                                             (click)="updateEnvParams(artifact)"></svg-icon>
  56
  57
  58                                     <download-artifact *ngIf="artifact.esId && 'deployment' != type"
  59                                                        class="artifact-button"
  60                                                        [artifact]="artifact" [componentType]="component.componentType"
  61                                                        [componentId]="component.uniqueId"
  62                                                        testId="download_{{artifact.artifactDisplayName}}"
  63                                                        [isInstance]="isComponentInstanceSelected"></download-artifact>
  64                                     <download-artifact *ngIf="artifact.esId && 'deployment' == type"
  65                                                        class="artifact-button"
  66                                                        [artifact]="artifact" [componentType]="component.componentType"
  67                                                        [componentId]="component.uniqueId"
  68                                                        [isInstance]="isComponentInstanceSelected"
  69                                                        testId="download_{{artifact.artifactDisplayName}}"
  70                                                        [showLoader]="artifact.isHEAT()"></download-artifact>
  71
  72                                     <button *ngIf="!isViewOnly && !artifact.esId && type==='deployment' && !isComponentInstanceSelected && !artifact.isThirdParty()"
  73                                             class="artifact-button attach sprite e-sdc-small-icon-upload"
  74                                             (click)="addOrUpdate(artifact)" type="button"
  75                                             attr.data-tests-id="add_Artifact"></button>
  76                                 </div>
  77                                 <div>
  78                                 <span class="i-sdc-designer-sidebar-section-content-item-artifact-details-name"
  79                                       attr.data-tests-id="artifact_Display_Name-{{artifact.artifactDisplayName}}"
  80                                       [ngClass]="{'hand enabled': artifact.allowDeleteAndUpdate}"
  81                                       (click)="artifact.allowDeleteAndUpdate && addOrUpdate(artifact)"
  82                                       sdc-tooltip tooltip-text="{{artifact.artifactDisplayName}}">{{artifact.artifactDisplayName}}</span>
  83                                     <div class="i-sdc-designer-sidebar-section-content-item-artifact-heat-env"
  84                                          *ngIf="artifact.heatParameters?.length">
  85                                         <span attr.data-tests-id="heat_env_{{artifact.artifactDisplayName}}">{{artifact.artifactDisplayName}} (ENV)</span>
  86                                         <div class="artifact-buttons-container">
  87                                             <svg-icon *ngIf="!isViewOnly && envArtifactOf(artifact)"
  88                                                       name="edit-o" clickable="true" size="medium"
  89                                                       mode="info" class="artifact-button edit-pencil"
  90                                                       testId="edit_{{artifact.artifactDisplayName}}"
  91                                                       (click)="addOrUpdate(envArtifactOf(artifact))"></svg-icon>
  92
  93                                             <download-artifact [artifact]="envArtifactOf(artifact)"
  94                                                                class="artifact-button"
  95                                                                [componentType]="component.componentType"
  96                                                                [componentId]="component.uniqueId"
  97                                                                [isInstance]="isComponentInstanceSelected"
  98                                                                testId="download_env_{{artifact.artifactDisplayName}}"></download-artifact>
  99                                         </div>
 100                                     </div>
 101                                 </div>
 102
 103                                 <div class="i-sdc-designer-sidebar-section-content-item-artifact-details-desc">
 104                                     <span class="i-sdc-designer-sidebar-section-content-item-artifact-details-desc-label"
 105                                           *ngIf="artifact.description">Description:</span>{{artifact.description}}
 106                                 </div>
 107                             </div>
 108                         </div>
 109                     </div>
 110                 </div>
 111                 <div class="w-sdc-designer-sidebar-section-footer"
 112                      *ngIf="!isViewOnly && type!=='api' && (!isComponentInstanceSelected || isVfOrPnf() && (type !== 'deployment') || isComplex)">
 113                     <sdc-button testId="add_Artifact_Button" size="large" type="primary" text="Add Artifact"
 114                                 (click)="addOrUpdate({})"></sdc-button>
 115                 </div>
 116             </content>
 117         </ng2-expand-collapse>
 118     </div>
 119 </div>