catalog-ui/src/app/view-models/workspace/tabs/composition/tabs/artifacts/artifacts-view.html

   1 <perfect-scrollbar class="w-sdc-designer-sidebar-tab-content artifacts">
   2     <div class="w-sdc-designer-sidebar-section">
   3         <expand-collapse
   4             expanded-selector=".w-sdc-designer-sidebar-section-content" class="w-sdc-designer-sidebar-section-title">
   5             <span class="w-sdc-designer-sidebar-section-title-text" data-ng-bind="getTitle()" tooltips tooltip-content="{{getTitle()}}"></span>
   6             <div class="w-sdc-designer-sidebar-section-title-icon"></div>
   7         </expand-collapse>
   8
   9         <div class="w-sdc-designer-sidebar-section-content">
  10             <div class="i-sdc-designer-sidebar-section-content-item">
  11                 <div class="i-sdc-designer-sidebar-section-content-item-artifact"
  12                      data-ng-repeat="artifact in artifacts | orderBy: ['-mandatory', 'artifactDisplayName'] track by $index"
  13                      data-ng-if="(!isComponentInstanceSelected() || isVFiArtifact(artifact)|| artifact.esId) && 'HEAT_ENV' !== artifact.artifactType"
  14                      data-tests-id="artifact-item-{{artifact.artifactDisplayName}}">
  15                     <span data-ng-if="artifact.heatParameters.length" class="i-sdc-designer-sidebar-section-content-item-file-link"></span>
  16                     <div class="i-sdc-designer-sidebar-section-content-item-artifact-details" data-ng-class="{'heat':artifact.isHEAT() && artifact.heatParameters.length}">
  17                         <div class="i-sdc-designer-sidebar-section-content-item-artifact-filename" data-tests-id="artifactName-{{artifact.artifactDisplayName}}"
  18                              data-ng-bind="artifact.artifactName" tooltips tooltip-content="{{artifact.artifactName}}"
  19                               data-ng-if="artifact.artifactName"></div>
  20                         <div>
  21                             <span class="i-sdc-designer-sidebar-section-content-item-artifact-details-name" data-tests-id="artifact_Display_Name-{{artifact.artifactDisplayName}}"
  22                                   data-ng-class="{'hand enabled': (isVFiArtifact(artifact)) && !isViewMode() && !artifact.isHEAT() && !artifact.isThirdParty() && !isLicenseArtifact(artifact)}"
  23                                   data-ng-bind="artifact.artifactDisplayName" data-ng-click="!isViewMode() && !isLoading && (!isComponentInstanceSelected()||isVFiArtifact(artifact)) && !artifact.isHEAT() && !artifact.isThirdParty() && !isLicenseArtifact(artifact) && addOrUpdate(artifact)"
  24                                   tooltips tooltip-content="{{artifact.artifactDisplayName}}"></span>
  25                             <div class="i-sdc-designer-sidebar-section-content-item-artifact-heat-env" ng-if="artifact.heatParameters.length">
  26                                 <span data-ng-bind="getEnvArtifactName(artifact)"data-tests-id="heat_env_{{artifact.artifactDisplayName}}"></span>
  27                                 <button class="i-sdc-designer-sidebar-section-content-item-button update-env sprite e-sdc-small-icon-pencil" data-tests-id="edit_{{artifact.artifactDisplayName}}"
  28                                         data-ng-if="!isViewMode()" data-ng-click="addOrUpdate(getEnvArtifact(artifact))"></button>
  29                                 <download-artifact  class="i-sdc-designer-sidebar-section-content-item-button download-env sprite e-sdc-small-download hand"  artifact="getEnvArtifact(artifact)"
  30                                                    component="currentComponent" instance="isComponentInstanceSelected()"
  31                                                    data-tests-id="download_env_{{artifact.artifactDisplayName}}"></download-artifact>
  32                             </div>
  33                         </div>
  34
  35                         <div class="i-sdc-designer-sidebar-section-content-item-artifact-details-desc">
  36                             <span class="i-sdc-designer-sidebar-section-content-item-artifact-details-desc-label" data-ng-show="artifact.description">Description:</span>{{artifact.description}}
  37                         </div>
  38                     </div>
  39                     <button ng-if="!isViewMode() && artifact.esId && (!isComponentInstanceSelected()||isVFiArtifact(artifact)) && !artifact.isHEAT() && !artifact.isThirdParty() && !isLicenseArtifact(artifact)" class="i-sdc-designer-sidebar-section-content-item-button delete sprite e-sdc-small-icon-delete"
  40                             data-tests-id="delete_{{artifact.artifactDisplayName}}" data-ng-click="delete(artifact)" type="button"></button>
  41                     <button ng-if="!isViewMode()  && artifact.isHEAT() && isComponentInstanceSelected() && artifact.heatParameters.length"
  42                             class="i-sdc-designer-sidebar-section-content-item-button attach sprite e-sdc-small-icon-pad"
  43                             data-ng-click="openEditEnvParametersModal(getEnvArtifact(artifact))" type="button"
  44                             data-tests-id="edit-parameters-of-{{artifact.artifactDisplayName}}"></button>
  45                     <!--need to remove this button -->
  46                     <button ng-if="!isViewMode()  && artifact.isHEAT() && !isComponentInstanceSelected()  && artifact.heatParameters.length"
  47                             class="i-sdc-designer-sidebar-section-content-item-button attach sprite e-sdc-small-icon-pad"
  48                             data-ng-click="openEditEnvParametersModal(artifact)" type="button"
  49                             data-tests-id="edit-parameters-of-{{artifact.artifactDisplayName}}"></button>
  50
  51                     <download-artifact ng-if="artifact.esId && 'deployment' != artifactType" class="i-sdc-designer-sidebar-section-content-item-button download sprite e-sdc-small-download hand"
  52                                        artifact="artifact" component="currentComponent" data-tests-id="download_{{artifact.artifactDisplayName}}" instance="isComponentInstanceSelected()"></download-artifact>
  53                     <download-artifact ng-if="artifact.esId && 'deployment' == artifactType" class="i-sdc-designer-sidebar-section-content-item-button download sprite e-sdc-small-download hand"
  54                                        artifact="artifact" component="currentComponent" instance="isComponentInstanceSelected()" data-tests-id="download_{{artifact.artifactDisplayName}}"
  55                                        show-loader="artifact.isHEAT()"
  56                                        download-icon-class="i-sdc-designer-sidebar-section-content-item-button download sprite e-sdc-small-download hand"></download-artifact>
  57                     <button ng-if="!isViewMode() && !artifact.esId && artifactType==='deployment' && !isComponentInstanceSelected() && !artifact.isThirdParty()" class="i-sdc-designer-sidebar-section-content-item-button attach sprite e-sdc-small-icon-upload"
  58                             data-ng-click="addOrUpdate(artifact)" type="button" data-tests-id="add_Artifact"></button>
  59                 </div>
  60             </div>
  61
  62         </div>
  63         <div class="w-sdc-designer-sidebar-section-footer" data-ng-if="!isViewMode() && artifactType!=='api' && (!isComponentInstanceSelected()||selectedComponent.resourceType=='VF') && !currentComponent.isProduct() && ('deployment' != artifactType || selectedComponent.isComplex())">
  64             <button class="w-sdc-designer-sidebar-section-footer-action tlv-btn blue" data-tests-id="add_Artifact_Button" data-ng-click="addOrUpdate({})" type="button">Add Artifact</button>
  65         </div>
  66     </div>
  67 </perfect-scrollbar>