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