gerrit.onap Code Review - sdc.git/blob

   1 <div class="workspace-information-artifact">
   2     <div data-tests-id="add-information-artifact-button"  ng-if="!isViewMode()"
   3          data-ng-class="{'disabled': isDisableMode()}"
   4          data-tests-id="addGrey" class="add-btn" data-ng-click="addOrUpdate({})" type="button">Add </div>
   5     <div class="table-container-flex">
   6         <div class="table" data-ng-class="{'view-mode': isViewMode()}">
   7             <div class="head flex-container">
   8                 <div class="table-header head-row hand flex-item" ng-repeat="header in tableHeadersList track by $index" data-ng-click="sort(header.property)">{{header.title}}
   9                     <span data-ng-show="sortBy === header.property" class="table-header-sort-arrow" data-ng-class="{'down': reverse, 'up':!reverse}"> </span>
  10                 </div>
  11                 <div class="table-no-text-header head-row flex-item"></div>
  12             </div>
  13             <div class="body">
  14                 <perfect-scrollbar suppress-scroll-x="true" scroll-y-margin-offset="0" include-padding="true" class="scrollbar-container">
  15                     <div data-ng-if="showNoArtifactMessage()" class="no-row-text" data-ng-class="{'disabled': isDisableMode()}">
  16                         There are no information artifacts to display
  17                     </div>
  18                     <div data-ng-repeat-start="artifact in artifacts| orderBy:sortBy:reverse track by $index" data-tests-id="InformationalArtifactRow"
  19                          class="flex-container data-row"
  20                          data-ng-class="{'selected': artifact.selected}"
  21                          data-ng-if="artifact.esId">
  22
  23                         <div class="table-col-general flex-item"  data-ng-click="artifact.selected = !artifact.selected">
  24                             <span class="sprite table-arrow" data-ng-class="{'opened': artifact.selected}" data-tests-id="{{artifact.artifactDisplayName}}"></span>
  25                             {{artifact.artifactDisplayName}}
  26                         </div>
  27
  28                         <div class="table-col-general flex-item"  data-ng-click="artifact.selected = !artifact.selected" data-tests-id="{{artifact.artifactType}}">
  29                             {{artifact.artifactType}}
  30                         </div>
  31
  32                         <div class="table-btn-col flex-item">
  33                             <button class="table-edit-btn" data-tests-id="edit_{{artifact.artifactDisplayName}}"  data-ng-if="!isViewMode() && !artifact.isThirdParty()"  data-ng-click="addOrUpdate(artifact)" data-ng-class="{'disabled': isDisableMode()}"></button>
  34                             <button class="table-delete-btn" data-tests-id="delete_{{artifact.artifactDisplayName}}" data-ng-if="!isViewMode() && !artifact.isThirdParty()"  data-ng-click="delete(artifact)" data-ng-class="{'disabled': isDisableMode()}"> </button>
  35                             <button class="table-download-btn" download-artifact  data-tests-id="download_{{artifact.artifactDisplayName}}"
  36                                     data-ng-if="artifact.artifactName" component="component" artifact="artifact"></button>
  37                         </div>
  38                     </div>
  39                     <div data-ng-repeat-end="" data-ng-if="artifact.selected" class="item-opened" data-tests-id="{{artifact.artifactDisplayName}}Description" data-ng-bind="artifact.description"></div>
  40                     <button class="add-button" data-ng-repeat="artifact in artifacts track by $index"
  41                             data-ng-show="!artifact.esId"
  42                             data-tests-id="{{artifact.artifactDisplayName}}"
  43                             ng-if="!isViewMode()"
  44                             data-ng-class="{'disabled': isDisableMode()}"
  45                             translate="DEPLOYMENT_ARTIFACT_BUTTON_ADD_HEAT"
  46                             translate-values="{'name': '{{artifact.artifactDisplayName}}'}"
  47                             data-ng-click="addOrUpdate(artifact)"></button>
  48                     <button class="add-button"
  49                             ng-if="!isViewMode()"
  50                             data-ng-class="{'disabled': isDisableMode()}"
  51                             translate="DEPLOYMENT_ARTIFACT_BUTTON_ADD_OTHER"
  52                             data-ng-click="addOrUpdate({})"></button>
  53                 </perfect-scrollbar>
  54             </div>
  55         </div>
  56     </div>
  57 </div>