catalog-ui/src/app/directives/graphs-v2/palette/palette.html

   1 <div class="w-sdc-designer-leftbar">
   2     <div class="w-sdc-designer-leftbar-title">Elements <span class="w-sdc-designer-leftbar-title-count">{{model.numberOfElements}}</span>
   3     </div>
   4
   5     <div class="w-sdc-designer-leftbar-search">
   6         <input type="text" class="w-sdc-designer-leftbar-search-input" placeholder="Search..."
   7                data-ng-model="searchText" data-ng-change="searchComponents(searchText)"
   8                ng-model-options="{ debounce: 500 }" data-tests-id="searchAsset"/>
   9         <span class="w-sdc-search-icon leftbar" data-ng-class="{'cancel':searchText, 'magnification':!searchText}"
  10               data-ng-click="searchText=''; searchComponents('',categories)"></span>
  11     </div>
  12     <div class="i-sdc-designer-leftbar-section"
  13          data-ng-repeat="(entityCategory, objCategory) in displaySortedCategories track by $index"
  14          data-ng-class="{'expanded': expandedSection.indexOf(entityCategory) !== -1}">
  15         <div class="i-sdc-designer-leftbar-section-title pointer" data-ng-click="sectionClick(entityCategory)"
  16              data-tests-id="leftbar-section-title-{{entityCategory}}">
  17             {{entityCategory}}
  18             <div class="i-sdc-designer-leftbar-section-title-icon"></div>
  19         </div>
  20         <div class="i-sdc-designer-leftbar-section-content"
  21              data-ng-repeat="(subCategory, components) in objCategory track by $index">
  22             <div class="i-sdc-designer-leftbar-section-content-subcat i-sdc-designer-leftbar-section-content-item">
  23                 {{subCategory}}
  24             </div>
  25             <div class="i-sdc-designer-leftbar-section-content-item"
  26                  data-ng-class="{'default-pointer': isViewOnly}"
  27                  data-ng-mouseover="!isViewOnly && onMouseOver(component, $event.currentTarget)"
  28                  data-ng-mouseleave="!isViewOnly && onMouseOut(component)"
  29                  data-drag="!isViewOnly && component.isDraggable"
  30                  data-jqyoui-options="{revert: 'invalid', helper:setElementTemplate, appendTo:'body', cursorAt: {left:38, top: 38}, cursor:'move'}"
  31                  jqyoui-draggable="{index:{{$index}},animate:true,onStart:'dragStartCallback(component)',onStop:'dragStopCallback()', onDrag:'onDragCallback()'}"
  32                  data-ng-repeat="component in components | orderBy: 'displayName' track by $index"
  33                  data-tests-id={{component.displayName}}>
  34                 <div class="i-sdc-designer-leftbar-section-content-item-icon-ph">
  35                     <div class="medium small {{component.iconClass}}"
  36                          data-tests-id="leftbar-section-content-item-{{component.displayName}}">
  37                         <div class="{{component.certifiedIconClass}}" uib-tooltip="Not certified"
  38                              tooltip-class="uib-custom-tooltip" tooltip-placement="bottom" tooltip-popup-delay="700">
  39                         </div>
  40                     </div>
  41                 </div>
  42                 <div class="i-sdc-designer-leftbar-section-content-item-info">
  43                     <span class="i-sdc-designer-leftbar-section-content-item-info-title"
  44                           uib-tooltip="{{component.displayName}}" tooltip-class="uib-custom-tooltip"
  45                           tooltip-placement="bottom" tooltip-popup-delay="700">
  46                         {{component.displayName}}</span>
  47                     <div class="i-sdc-designer-leftbar-section-content-item-info-text">
  48                         V.{{component.version}}
  49                     </div>
  50                     <div class="i-sdc-designer-leftbar-section-content-item-info-text"
  51                         uib-tooltip="{{component.type}}" tooltip-class="uib-custom-tooltip"
  52                         tooltip-placement="top" tooltip-popup-delay="700"> Type:
  53                         {{component.componentSubType}}
  54                     </div>
  55                 </div>
  56             </div>
  57         </div>
  58     </div>
  59 </div>