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

   1 <div class="workspace-icons">
   2
   3     <form novalidate class="w-sdc-form" name="iconForm">
   4         <label class="i-sdc-form-label icons-label required">Icons</label>
   5         <div class="selected-icon-container" data-ng-class="{'view-mode': isViewMode()}">
   6             <div class="i-sdc-form-item-suggested-icon large selected-icon {{iconSprite}} {{component.icon}}"
   7                  data-ng-class="{ 'disable': isViewMode() }"
   8                  ng-model="component.icon"
   9                  tooltips tooltip-content='{{component.icon | translate}}'
  10                 >
  11             </div>
  12         </div>
  13         <div data-ng-class="{'view-mode': isViewMode()}" class="icons-text">Select one of the icons below for the asset</div>
  14         <div class="i-sdc-form-item suggested-icons-container" data-ng-class="{'view-mode no-pointer-events' : isViewMode()}">
  15             <div class ="suggested-icon-wrapper" ng-class="component.icon==='{{iconSrc}}' ? 'selected' : '' "  data-ng-repeat="iconSrc in icons track by $index">
  16                 <div class="i-sdc-form-item-suggested-icon large {{iconSprite}} {{iconSrc}}" data-ng-class="component.isAlreadyCertified() ||  isViewMode() ? 'disable':'hand'"
  17                      ng-model="component.icon"
  18                      data-tests-id="{{iconSrc}} iconBox"
  19                      data-ng-click="!component.isAlreadyCertified() && setComponentIcon(iconSrc)"
  20                      tooltips tooltip-content='{{iconSrc | translate}}'
  21                     >
  22                 </div>
  23             </div>
  24         </div>
  25     </form>
  26 </div>