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

   1 <div class="workspace-hierarchy">
   2     <div class="dropdown-container"  clicked-outside="{onClickedOutside: 'clickOutside()', clickedOutsideEnable: 'true'}" >
   3         <input placeholder="Add Group" data-ng-click="onInputTextClicked()" class="dropdown-input-text"  data-ng-model="search.filterTerms" data-ng-disabled="isViewMode()"  data-ng-class="{'view-mode': isViewMode()}" data-ng-model-options="{debounce: 200}"/>
   4         <div data-ng-class="{'show': showDropDown}" class="dropdown-content" >
   5             <perfect-scrollbar scroll-y-margin-offset="0" include-padding="false" class="scrollbar-container">
   6                 <div ng-repeat="category in categoriesOptions track by $index">
   7                     <div ng-repeat="subcategory in category.subcategories track by $index">
   8                         <div class="dropdown-option" ng-show="!category.filteredGroup || category.filteredGroup.length > 0">
   9                             <div class="category-container">
  10                                 <div class="category">{{category.name}}</div>
  11                                 <div class="subcategory">{{subcategory.name}}</div>
  12                             </div>
  13                             <div class="groupings-container">
  14                                 <div ng-init="group.filterTerms = group.name + ' ' + category.name + ' ' + subcategory.name"
  15                                      ng-repeat="group in (category.filteredGroup = (subcategory.groupings  | filter:search )) track by $index">
  16                                     <div class="group" data-ng-disabled="group.isDisabled" data-ng-class="{'disabled-group': group.isDisabled}" ng-click="onGroupSelected(category, subcategory, group)">
  17                                         <span >{{group.name}}</span>
  18                                     </div>
  19                                 </div>
  20                             </div>
  21                         </div>
  22                     </div>
  23                 </div>
  24             </perfect-scrollbar>
  25         </div>
  26     </div>
  27     <div class="hierarchy-groups-container no-border-top" data-ng-class="{'view-mode': isViewMode()}">
  28         <perfect-scrollbar scroll-y-margin-offset="0" include-padding="true" class="scrollbar-container">
  29             <div ng-if="!product.categories.length ||  product.categories.length === 0" class="no-groups-text" translate="NEW_PRODUCT_NO_CATEGORIES_TO_DISPLAY"></div>
  30             <div ng-repeat="category in product.categories track by $index">
  31                 <div ng-repeat="subcategory in category.subcategories track by $index">
  32                     <div class="group-tag" ng-repeat="group in subcategory.groupings track by $index"
  33                          data-ng-init="tooltip = '<b>' + category.name + '</b><br />' + subcategory.name">
  34                         <sdc-tag sdc-disable="isViewMode()" data-on-delete="deleteGroup(uniqueId)" data-tag-data="{tag: group.name, tooltip: tooltip, id: group.uniqueId }"></sdc-tag>
  35                     </div>
  36                 </div>
  37             </div>
  38         </perfect-scrollbar>
  39     </div>
  40 </div>