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

   1 <div class="workspace-deployment-artifact">
   2
   3     <div data-tests-id="add-deployment-artifact-button" ng-if="!isViewMode()" data-ng-class="{'disabled': isDisableMode()}" data-tests-id="add-property-button" class="add-btn" data-ng-click="addOrUpdate({})">Add</div>
   4
   5     <div class="table-container-flex">
   6
   7         <div class="table" data-ng-class="{'view-mode': isViewMode()}">
   8             <loader data-display="isLoading"></loader>
   9             <div class="head flex-container">
  10                 <div class="table-header head-row hand flex-item" data-ng-repeat="header in tableHeadersList track by $index" data-ng-click="sort(header.property)">{{header.title}}
  11                     <span data-ng-if="sortBy === header.property" class="table-header-sort-arrow" data-ng-class="{'down': reverse, 'up':!reverse}"> </span>
  12                 </div>
  13                 <div class="table-no-text-header head-row flex-item"></div>
  14             </div>
  15
  16             <form class="body" name="editForm">
  17
  18                 <perfect-scrollbar scroll-y-margin-offset="0" include-padding="true" class="scrollbar-container">
  19
  20                     <!-- Artifact row -->
  21                     <div ng-if="noArtifactsToShow()" data-ng-class="{'disabled': isDisableMode()}" class="no-row-text" translate="DEPLOYMENT_ARTIFACT_NO_ARTIFACTS_TO_DISPLAY"></div>
  22                     <div data-ng-repeat-start="artifact in artifacts | orderBy:sortBy:reverse track by $index"
  23                          class="flex-container data-row"
  24                          data-ng-class="{'selected': selectedArtifactId == artifact.uniqueId }"
  25                          data-ng-if="artifact.esId && 'HEAT_ENV' !== artifact.artifactType"
  26                          data-tests-id="artifact-item-{{artifact.artifactDisplayName}}">
  27                         <div class="table-col-general flex-item" >
  28                             <div class="heat-env-connect-container" ng-class="{'heat-env-connect-container-view-mode': isViewMode()}" data-ng-if="artifact.envArtifact">
  29                             <span  class="heat-env-connect"></span>
  30                              </div>
  31                             <span data-tests-id="artifactDisplayName_{{artifact.artifactDisplayName}}" class="artifact-name text" tooltips tooltip-content="{{artifact.artifactDisplayName}}">{{artifact.artifactDisplayName}}</span>
  32
  33                             <span class="sprite-new show-desc hand description-popover-icon"
  34                                   uib-popover-template="popoverTemplate"
  35                                   popover-class="parameter-description-popover deployment-artifact-view top"
  36                                   popover-title="Description"
  37                                   popover-placement="top-left"
  38                                   popover-is-open="selectedArtifactId == artifact.uniqueId && !isLoading"
  39                                   popover-trigger="'none'"
  40                                   popover-append-to-body="true"
  41                                   data-ng-click="openDescriptionPopover(artifact.uniqueId)"
  42                                   data-tests-id="descriptionIcon_{{artifact.artifactDisplayName}}"></span>
  43                         </div>
  44
  45                         <div class="table-col-general flex-item text" data-tests-id="artifactType_{{artifact.artifactDisplayName}}" tooltips tooltip-content="{{artifact.artifactType}}">
  46                             {{artifact.artifactType}}
  47                         </div>
  48                         <div class="table-col-general flex-item" data-tests-id="timeout_{{artifact.artifactDisplayName}}">
  49                             {{artifact.timeout? artifact.timeout:''}}
  50                         </div>
  51                         <div class="table-col-general flex-item" data-tests-id="artifactVersion_{{artifact.artifactDisplayName}}">
  52                             {{artifact.artifactVersion}}
  53                         </div>
  54                         <div class="table-col-general flex-item text" data-tests-id="artifactUUID_{{artifact.artifactDisplayName}}" tooltips tooltip-content="{{artifact.artifactUUID}}">
  55                             <span>{{artifact.artifactUUID}}</span>
  56                         </div>
  57
  58                         <div class="table-btn-col flex-item">
  59                             <button class="table-edit-btn" data-tests-id="edit_{{artifact.artifactDisplayName}}"
  60                                     data-ng-if="!isViewMode() && !artifact.isHEAT() && !artifact.isThirdParty() && !isLicenseArtifact(artifact)" data-ng-click="addOrUpdate(artifact)"></button>
  61                             <button class="table-delete-btn" data-tests-id="delete_{{artifact.artifactDisplayName}}"
  62                                     data-ng-if="!isViewMode() && !artifact.isHEAT() && !artifact.isThirdParty() && !isLicenseArtifact(artifact)" data-ng-click="delete(artifact)"> </button>
  63                              <button class="table-download-btn" download-artifact  data-tests-id="download_{{artifact.artifactDisplayName}}"
  64                                      data-ng-if="artifact.artifactDisplayName" component="component" artifact="artifact"></button>
  65                             <button ng-if="!isViewMode() && artifact.isHEAT()"
  66                                     class="sprite e-sdc-small-icon-pad edit-paramtes-button"
  67                                     data-ng-click="openEditEnvParametersModal(artifact)" type="button"
  68                                     data-tests-id="edit-parameters-of-{{artifact.artifactDisplayName}}"></button>
  69                         </div>
  70                     </div>
  71                     <div data-ng-repeat-end="" class="flex-container data-row" data-ng-if="artifact.envArtifact">
  72
  73                         <div class="table-col-general flex-item"  zzdata-ng-click="!isViewMode() && addOrUpdate(artifact.envArtifact)">
  74                             <span>{{artifact.envArtifact.artifactDisplayName}}</span>
  75                         </div>
  76
  77                         <div class="table-col-general flex-item" data-tests-id="{{artifact.envArtifact.artifactType}}">
  78                             {{artifact.envArtifact.artifactType}}
  79                         </div>
  80                         <div class="table-col-general flex-item" data-tests-id="{{artifact.envArtifact.timeout}}">
  81                             {{artifact.envArtifact.timeout? artifact.envArtifact.timeout:''}}
  82                         </div>
  83                         <div class="table-col-general flex-item" data-tests-id="artifactEnvVersion_{{artifact.artifactDisplayName}}">
  84                             {{artifact.envArtifact.artifactVersion}}
  85                         </div>
  86                         <div class="table-col-general flex-item text" data-tests-id="{{artifact.envArtifact.artifactUUID}}" tooltips tooltip-content="{{artifact.envArtifact.artifactUUID}}">
  87                             <span>{{artifact.envArtifact.artifactUUID}}</span>
  88                         </div>
  89
  90
  91                         <div class="table-btn-col flex-item" >
  92                             <button class="table-edit-btn" data-tests-id="edit_{{artifact.artifactLabel}}env"
  93                                     data-ng-if="!isViewMode()" data-ng-click="addOrUpdate(artifact.envArtifact)"></button>
  94                             <button class="table-download-btn" data-tests-id="download_env_{{artifact.artifactDisplayName}}" download-artifact
  95                                     data-ng-if="artifact.artifactName" component="component" artifact="artifact.envArtifact"></button>
  96
  97                         </div>
  98                     </div>
  99
 100                     <!--<div class="i-sdc-designer-sidebar-section-content-item-artifact-heat-env" ng-if="artifact.heatParameters.length">-->
 101                         <!--<span class="enabled" data-ng-bind="getEnvArtifactName(artifact)" data-ng-click="!isViewMode() && addOrUpdate(getEnvArtifact(artifact))"></span>-->
 102                         <!--<download-artifact class="i-sdc-designer-sidebar-section-content-item-button download-env sprite e-sdc-small-download hand" artifact="getEnvArtifact(artifact)"-->
 103                                            <!--component="currentComponent" instance="true"-->
 104                                            <!--data-tests-id="download"></download-artifact>-->
 105                     <!--</div>-->
 106
 107
 108
 109                     <!-- Add artifacts buttons -->
 110                     <!--<button class="add-button" data-ng-repeat="artifact in artifacts track by $index"-->
 111                             <!--type="button"-->
 112                             <!--data-ng-show="!artifact.esId"-->
 113                             <!--data-ng-if="!viewModeOrCsarComponent()"-->
 114                             <!--data-ng-class="{'disabled': isDisableMode() || component.isCsarComponent()}"-->
 115                             <!--data-tests-id="{{artifact.artifactDisplayName}} deployment_artifact"-->
 116                             <!--translate="DEPLOYMENT_ARTIFACT_BUTTON_ADD_HEAT"-->
 117                             <!--translate-values="{'name': '{{artifact.artifactDisplayName}}'}"-->
 118                             <!--data-ng-click="addOrUpdate(artifact)"></button>-->
 119
 120                     <!-- Top add button -->
 121                     <button class="add-button" type="button" data-ng-if="!isViewMode()" data-ng-class="{'disabled': isDisableMode()}" translate="DEPLOYMENT_ARTIFACT_BUTTON_ADD_OTHER" data-ng-click="addOrUpdate({})"></button>
 122                 </perfect-scrollbar>
 123             </form>
 124         </div>
 125     </div>
 126 </div>