modules/loader-resources/src/main/resources/assets/views/yangui/filter/list.tpl.html

   1 <div ng-controller="listCtrl" class="customContainer listContainer {{ node.expanded ? '' : 'withoutBorder' }}">
   2     <div class="topContainerPart">
   3         <span class="treeBullet containerBullet" ng-show="node !== selSubApi.node && (node.parent !== null)">&#8226;</span>
   4         <button class="yangButton {{ node.expanded ? 'iconArrowDown' : 'iconArrowRight' }} inlineBlock" tooltip="{{ 'SHOW_HIDE_LIST' | translate }}" ng-click='toggleExpanded()'></button>
   5         <button class="btn-slim btn-name inlineBlock">
   6             {{ node.localeLabel | translate}}&nbsp;{{ 'YANGUI_LIST_LABEL' | translate }}
   7         </button>
   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>
   9         <button class="yangButton iconPlus inlineBlock" ng-click='addListElem()' tooltip="{{ 'LIST_ADD_ELEM' | translate }}"></button>
  10
  11         <div class="modalWrapper">
  12             <button ng-click="showModalWin()" ng-show="node.listData.length > 0 && !showModal" tooltip="{{ 'LIST_SHOW_ALL' | translate }}" class="yangButton iconList"></button>
  13             <div class="listModal simpleContainer listFilterWindow" ng-show="showModal && node.listData.length > 0">
  14                 <button class="yangButton iconListBck inlineBlock iconFilterOver" ng-click="showModalWin()"></button>
  15                 <div class="leaf ng-scope">
  16                     <span class="leaf-label list-title">List of nodes</span>
  17                     <button class="close" ng-click="showModalWin()">&times;</button>
  18                 </div>
  19                 <div class="listWrapper">
  20                     <ul>
  21                         <li ng-repeat="_ in node.listData" class="pr50 pl30">
  22                             <button class="yangButton iconView" ng-if="[currentDisplayIndex, currentDisplayIndex + 1, currentDisplayIndex - 1].indexOf($index) !== -1"></button>
  23                             <button class="btn btn-gray {{ (node.actElemIndex === $index ? 'btn-selected':'') }} add-row ng-scope btn-slim" style="margin-right: 5px" ng-click="node.changeActElementData($index)">
  24                                 {{node.localeLabel | translate}}&nbsp;{{node.createListName($index) || '[' + $index + ']'}}
  25                             </button>
  26                             <button class="yangButton iconClose btn-remove" tooltip="{{ 'LIST_DELETE_ITEM' | translate }}" ng-click='removeListElem($index)'></button>
  27                             <button class="yangButton iconDanger btn-double-index" tooltip="{{ 'LIST_INDEX_DUPLICATE' | translate }}" ng-show="node.doubleKeyIndexes.indexOf($index)>-1"></button>
  28                         </li>
  29                     </ul>
  30                 </div>
  31             </div>
  32         </div>
  33
  34         <button class="yangButton iconFilterEmpty inlineBlock" ng-if="node.filters.length === 0" ng-click='showListFilterWin()' tooltip="Show filter" ng-show="node.listData.length && !(showListFilter) && !showModal"></button>
  35         <button class="yangButton iconFilterFull inlineBlock" ng-if="node.filters.length > 0" ng-click='showListFilterWin()' tooltip="Show filter" ng-show="node.listData.length  && !(showListFilter) && !showModal"></button>
  36
  37         <div class="modalWrapper">
  38             <div ng-controller="filter" class="listModal simpleContainer ng-hide listFilterWindow" ng-show="showListFilter">
  39                 <button class="yangButton iconFilterFullBck inlineBlock iconFilterOver" ng-click="showListFilterWin()"></button>
  40                 <div class="leaf ng-scope">
  41                     <button class="close" ng-click="showListFilterWin()">&times;</button>
  42                     <button class="btn-slim btn-name inlineBlock">
  43                         {{ node.localeLabel | translate}}&nbsp;{{ 'YANGUI_LIST_LABEL' | translate }}
  44                     </button>
  45                     <button class="yangButton iconPlus ng-scope" tooltip="Create new filter" ng-click="createNewFilter()"></button>
  46                 </div>
  47
  48                 <div class="leaf ng-scope" ng-repeat="filter in node.filters">
  49                     <div ng-if="$index != node.currentFilter">
  50                         <button class="btn add-row btn-gray ng-scope btn-slim btn-filter" ng-if="$index != node.currentFilter" ng-click="switchFilter($index)" tooltip="Switch filter">{{ filter.name }} </button>
  51                         <button class="yangButton iconClose ng-scope" tooltip="Delete filter" ng-click="clearFilterData(false,($index+1))"></button>
  52                     </div>
  53                 </div>
  54
  55                 <div class="leaf ng-scope" ng-repeat="filter in node.filters">
  56                     <div ng-if="$index == node.currentFilter">
  57                         <input type="text" class="leaf-input form-control input-small ng-scope ng-pristine ng-valid" ng-model="node.filters[node.currentFilter].name">
  58                         <button class="yangButton iconClose ng-scope btn-filter-high" tooltip="Delete filter" ng-click="clearFilterData(false,($index+1))"></button>
  59                     </div>
  60                 </div>
  61
  62                 <div ng-if="node" class="ng-scope filterContainer">
  63                     <div ng-repeat="node in node.filters[node.currentFilter].filterNodes" ng-include="currentPath+'/filter/'+node.type+'.tpl.html'">
  64                     </div>
  65                 </div>
  66
  67                 <div class="leaf ng-scope">
  68                     <button class="btn add-row btn-gray ng-scope btn-slim btn-filter-right" ng-click="applyFilter()">Ok</button>
  69                     <button class="btn add-row btn-gray ng-scope btn-slim btn-filter-right" ng-click="clearFilterData(true)">Clear all</button>
  70                 </div>
  71             </div>
  72         </div>
  73
  74         <div class="listItemWrapper" ng-include="currentPath+'/list-data-top.tpl.html'" ng-if="!(node.filteredListData && node.filteredListData.length)"></div>
  75         <div class="listItemWrapper" ng-include="currentPath+'/list-filtered-data-top.tpl.html'" ng-if="(node.filteredListData && node.filteredListData.length)"></div>
  76     </div>
  77
  78     <!-- <button ng-repeat="_ in node.listData track by $index" class="btn btn-orange {{ (node.actElemIndex === $index ? 'btn-selected':'') }}
  79         {{ ((node.doubleKeyIndexes.indexOf($index)>-1) ? 'btn-red':'') }} add-row ng-scope btn-slim" style="margin-right: 5px" ng-click="node.changeActElementData($index)">
  80         {{node.localeLabel | translate}}{{node.createListName($index)}}
  81     </button> -->
  82
  83     <div ng-if="node.actElemStructure" ng-show="node.expanded">
  84         <div ng-repeat="node in node.actElemStructure.getChildren(null,null,constants.NODE_UI_DISPLAY)" ng-include="currentPath+'/filter/'+node.type+'.tpl.html'">
  85             <div class="clear"></div>
  86         </div>
  87     </div>
  88
  89     <i class="icon-caret-down borderArrow" ng-show="node.expanded"></i>
  90
  91 </div>