Design changes
[dlux.git] / modules / yangui-resources / src / main / resources / yangui / views / list.tpl.html
1 <div ng-controller="listCtrl" class="customContainer listContainer {{ node.expanded ? '' : 'withoutBorder' }}">\r
2     <div class="topContainerPart">\r
3         <span class="treeBullet containerBullet" ng-show="node !== selSubApi.node">&#8226;</span>\r
4         <button class="yangButton {{ node.expanded ? 'iconArrowDown' : 'iconArrowRight' }} inlineBlock" tooltip="{{ 'SHOW_HIDE_LIST' | translate }}" ng-click='toggleExpanded()'></button>\r
5         <button class="btn-slim btn-name inlineBlock">\r
6             {{getNodeName(node.localeLabel, node.label)}}&nbsp;{{ 'YANGUI_LIST_LABEL' | translate }} \r
7         </button>\r
8         <button ng-if="node.getChildren('description', null, null, 'label').length > 0" class="yangButton iconQuestion inlineBlock" tooltip="{{node.getChildren('description', null, null, 'label')[0]}}" ></button>\r
9         <button class="yangButton iconPlus inlineBlock" ng-click='addListElem()' tooltip="{{ 'LIST_ADD_ELEM' | translate }}"></button>\r
10 \r
11         <div class="modalWrapper">\r
12             <button ng-click="showModalWin()" ng-show="node.listData.length > 0 && !showModal" tooltip="{{ 'LIST_SHOW_ALL' | translate }}" class="yangButton iconList"></button>\r
13             <div class="listModal simpleContainer listFilterWindow" ng-show="showModal && node.listData.length > 0">\r
14                 <button class="yangButton iconListBck inlineBlock iconFilterOver" ng-click="showModalWin()"></button>\r
15                 <div class="leaf ng-scope">\r
16                     <span class="leaf-label list-title">{{ 'YANGUI_LIST_OF_NODES' | translate }}</span>\r
17                     <button class="yangButton icon-remove close" ng-click="showModalWin()"></button>\r
18                 </div>\r
19                 <div class="listWrapper">\r
20                     <ul>\r
21                         <li ng-repeat="_ in node.listData" class="pr50 pl30">\r
22                             <button class="yangButton iconView" ng-if="[currentDisplayIndex, currentDisplayIndex + 1, currentDisplayIndex - 1].indexOf($index) !== -1"></button>\r
23                             <button class="btn btn-like-tab {{ (node.actElemIndex === $index ? 'btn-selected':'') }}" style="margin-right: 5px" ng-click="node.changeActElementData($index)">\r
24                                 {{getNodeName(node.localeLabel, node.label)}}&nbsp;{{node.createListName($index) || '[' + $index + ']'}}\r
25                             </button>\r
26                             <button class="yangButton iconClose btn-remove" tooltip="{{ 'LIST_DELETE_ITEM' | translate }}" ng-click='removeListElem($index)'></button>\r
27                             <button class="yangButton iconDanger btn-double-index" tooltip="{{ 'LIST_INDEX_DUPLICATE' | translate }}" ng-show="node.doubleKeyIndexes.indexOf($index)>-1"></button>\r
28                         </li>\r
29                     </ul>\r
30                 </div>\r
31             </div>\r
32         </div>\r
33 \r
34         <ng-include src="currentPath+'/filter.tpl.html'"></ng-include>\r
35 \r
36         <div class="listItemWrapper" ng-include="currentPath+'/list-data-top.tpl.html'" ng-if="!(node.filteredListData && node.filteredListData.length)"></div>\r
37         <div class="listItemWrapper" ng-include="currentPath+'/list-filtered-data-top.tpl.html'" ng-if="(node.filteredListData && node.filteredListData.length)"></div>\r
38     </div>\r
39 \r
40     <!-- <button ng-repeat="_ in node.listData track by $index" class="btn btn-orange {{ (node.actElemIndex === $index ? 'btn-selected':'') }} \r
41         {{ ((node.doubleKeyIndexes.indexOf($index)>-1) ? 'btn-red':'') }} add-row ng-scope btn-slim" style="margin-right: 5px" ng-click="node.changeActElementData($index)">\r
42         {{node.localeLabel | translate}}{{node.createListName($index)}}\r
43     </button> -->\r
44 \r
45     <div ng-if="node.actElemStructure" ng-show="node.expanded">\r
46         <div ng-repeat="node in node.actElemStructure.getChildren(null,null,constants.NODE_UI_DISPLAY)" ng-include="currentPath+'/'+node.type+'.tpl.html'">\r
47             <div class="clear"></div>\r
48         </div>\r
49     </div>\r
50 \r
51     <i class="icon-caret-down borderArrow" ng-show="node.expanded"></i>\r
52 \r
53 </div>\r