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

   1 <!--
   2   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
   3   ~ Modifications Copyright (C) 2019 Nokia. All rights reserved.
   4   ~
   5   ~ Licensed under the Apache License, Version 2.0 (the "License");
   6   ~ you may not use this file except in compliance with the License.
   7   ~ You may obtain a copy of the License at
   8   ~
   9   ~      http://www.apache.org/licenses/LICENSE-2.0
  10   ~
  11   ~ Unless required by applicable law or agreed to in writing, software
  12   ~ distributed under the License is distributed on an "AS IS" BASIS,
  13   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14   ~ See the License for the specific language governing permissions and
  15   ~ limitations under the License.
  16 -->
  17
  18 <div class="workspace-deployment-artifact">
  19
  20     <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>
  21
  22     <div class="table-container-flex">
  23
  24         <div class="table" data-ng-class="{'view-mode': isViewMode()}">
  25             <loader data-display="isLoading"></loader>
  26             <div class="head flex-container">
  27                 <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}}
  28                     <span data-ng-if="sortBy === header.property" class="table-header-sort-arrow" data-ng-class="{'down': reverse, 'up':!reverse}"> </span>
  29                 </div>
  30                 <div class="table-no-text-header head-row flex-item"></div>
  31             </div>
  32
  33             <form class="body" name="editForm">
  34
  35                 <perfect-scrollbar scroll-y-margin-offset="0" include-padding="true" class="scrollbar-container">
  36
  37                     <!-- Artifact row -->
  38                     <div ng-if="noArtifactsToShow()" data-ng-class="{'disabled': isDisableMode()}" class="no-row-text" translate="DEPLOYMENT_ARTIFACT_NO_ARTIFACTS_TO_DISPLAY"></div>
  39                     <div data-ng-repeat-start="artifact in artifacts | orderBy:sortBy:reverse track by $index"
  40                          class="flex-container data-row"
  41                          data-ng-class="{'selected': selectedArtifactId == artifact.uniqueId }"
  42                          data-ng-if="artifact.esId && 'HEAT_ENV' !== artifact.artifactType"
  43                          data-tests-id="artifact-item-{{artifact.artifactDisplayName}}">
  44                         <div class="table-col-general flex-item" >
  45                             <div class="heat-env-connect-container" ng-class="{'heat-env-connect-container-view-mode': isViewMode()}" data-ng-if="artifact.envArtifact">
  46                             <span  class="heat-env-connect"></span>
  47                              </div>
  48                             <span data-tests-id="artifactDisplayName_{{artifact.artifactDisplayName}}" class="artifact-name text" tooltips tooltip-content="{{artifact.artifactDisplayName}}">{{artifact.artifactDisplayName}}</span>
  49
  50                             <span class="sprite-new show-desc hand description-popover-icon"
  51                                   uib-popover-template="popoverTemplate"
  52                                   popover-class="parameter-description-popover deployment-artifact-view top"
  53                                   popover-title="Description"
  54                                   popover-placement="auto top-left"
  55                                   popover-is-open="selectedArtifactId == artifact.uniqueId && !isLoading"
  56                                   popover-trigger="'none'"
  57                                   popover-append-to-body="false"
  58                                   data-ng-click="openDescriptionPopover(artifact.uniqueId)"
  59                                   data-tests-id="descriptionIcon_{{artifact.artifactDisplayName}}"></span>
  60                         </div>
  61
  62                         <div class="table-col-general flex-item text" data-tests-id="artifactType_{{artifact.artifactDisplayName}}" tooltips tooltip-content="{{artifact.artifactType}}">
  63                             {{artifact.artifactType}}
  64                         </div>
  65                         <div class="table-col-general flex-item" data-tests-id="timeout_{{artifact.artifactDisplayName}}">
  66                             {{artifact.timeout? artifact.timeout:''}}
  67                         </div>
  68                         <div class="table-col-general flex-item" data-tests-id="artifactVersion_{{artifact.artifactDisplayName}}">
  69                             {{artifact.artifactVersion}}
  70                         </div>
  71                         <div class="table-col-general flex-item text" data-tests-id="artifactUUID_{{artifact.artifactDisplayName}}" tooltips tooltip-content="{{artifact.artifactUUID}}">
  72                             <span>{{artifact.artifactUUID}}</span>
  73                         </div>
  74
  75                         <div class="table-btn-col flex-item">
  76                             <button class="table-edit-btn" data-tests-id="edit_{{artifact.artifactDisplayName}}"
  77                                     data-ng-if="!isViewMode() && !artifact.isHEAT() && !artifact.isThirdParty() && !isLicenseArtifact(artifact)" data-ng-click="addOrUpdate(artifact)"></button>
  78                             <button class="table-delete-btn" data-tests-id="delete_{{artifact.artifactDisplayName}}"
  79                                     data-ng-if="!isViewMode() && !artifact.isHEAT() && !artifact.isThirdParty() && !isLicenseArtifact(artifact)" data-ng-click="delete(artifact)"> </button>
  80                              <button class="table-download-btn" download-artifact  data-tests-id="download_{{artifact.artifactDisplayName}}"
  81                                      data-ng-if="artifact.artifactDisplayName" component="component" artifact="artifact"></button>
  82                             <button ng-if="artifact.isGenericBrowseable()"
  83                                     class="table-magnifier-btn"
  84                                     data-ng-click="openGenericArtifactBrowserModal(artifact)" component="component" artifact="artifact"
  85                                     data-tests-id="gab-{{artifact.artifactDisplayName}}"></button>
  86                             <button ng-if="!isViewMode() && artifact.isHEAT()"
  87                                     class="sprite e-sdc-small-icon-pad edit-paramtes-button"
  88                                     data-ng-click="openEditEnvParametersModal(artifact)" type="button"
  89                                     data-tests-id="edit-parameters-of-{{artifact.artifactDisplayName}}"></button>
  90                         </div>
  91                     </div>
  92                     <div data-ng-repeat-end="" class="flex-container data-row" data-ng-if="artifact.envArtifact">
  93
  94                         <div class="table-col-general flex-item"  zzdata-ng-click="!isViewMode() && addOrUpdate(artifact.envArtifact)">
  95                             <span>{{artifact.envArtifact.artifactDisplayName}}</span>
  96                         </div>
  97
  98                         <div class="table-col-general flex-item" data-tests-id="{{artifact.envArtifact.artifactType}}">
  99                             {{artifact.envArtifact.artifactType}}
 100                         </div>
 101                         <div class="table-col-general flex-item" data-tests-id="{{artifact.envArtifact.timeout}}">
 102                             {{artifact.envArtifact.timeout? artifact.envArtifact.timeout:''}}
 103                         </div>
 104                         <div class="table-col-general flex-item" data-tests-id="artifactEnvVersion_{{artifact.artifactDisplayName}}">
 105                             {{artifact.envArtifact.artifactVersion}}
 106                         </div>
 107                         <div class="table-col-general flex-item text" data-tests-id="{{artifact.envArtifact.artifactUUID}}" tooltips tooltip-content="{{artifact.envArtifact.artifactUUID}}">
 108                             <span>{{artifact.envArtifact.artifactUUID}}</span>
 109                         </div>
 110
 111
 112                         <div class="table-btn-col flex-item" >
 113                             <button class="table-edit-btn" data-tests-id="edit_{{artifact.artifactLabel}}env"
 114                                     data-ng-if="!isViewMode()" data-ng-click="addOrUpdate(artifact.envArtifact)"></button>
 115                             <button class="table-download-btn" data-tests-id="download_env_{{artifact.artifactDisplayName}}" download-artifact
 116                                     data-ng-if="artifact.artifactName" component="component" artifact="artifact.envArtifact"></button>
 117
 118                         </div>
 119                     </div>
 120
 121                     <!--<div class="i-sdc-designer-sidebar-section-content-item-artifact-heat-env" ng-if="artifact.heatParameters.length">-->
 122                         <!--<span class="enabled" data-ng-bind="getEnvArtifactName(artifact)" data-ng-click="!isViewMode() && addOrUpdate(getEnvArtifact(artifact))"></span>-->
 123                         <!--<download-artifact class="i-sdc-designer-sidebar-section-content-item-button download-env sprite e-sdc-small-download hand" artifact="getEnvArtifact(artifact)"-->
 124                                            <!--component="currentComponent" instance="true"-->
 125                                            <!--data-tests-id="download"></download-artifact>-->
 126                     <!--</div>-->
 127
 128
 129
 130                     <!-- Add artifacts buttons -->
 131                     <!--<button class="add-button" data-ng-repeat="artifact in artifacts track by $index"-->
 132                             <!--type="button"-->
 133                             <!--data-ng-show="!artifact.esId"-->
 134                             <!--data-ng-if="!viewModeOrCsarComponent()"-->
 135                             <!--data-ng-class="{'disabled': isDisableMode() || component.isCsarComponent()}"-->
 136                             <!--data-tests-id="{{artifact.artifactDisplayName}} deployment_artifact"-->
 137                             <!--translate="DEPLOYMENT_ARTIFACT_BUTTON_ADD_HEAT"-->
 138                             <!--translate-values="{'name': '{{artifact.artifactDisplayName}}'}"-->
 139                             <!--data-ng-click="addOrUpdate(artifact)"></button>-->
 140
 141                     <!-- Top add button -->
 142                     <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>
 143                 </perfect-scrollbar>
 144             </form>
 145         </div>
 146     </div>
 147 </div>