Merge "Yangman - add yang form"
[dlux.git] / modules / yangman-resources / src / main / resources / yangman / views / rightpanel / form / config / list.tpl.html
1 <div ng-controller="ListCtrl as yangList"
2      class="yangmanModule__right-panel__form__element-container"
3      ng-class="{'expanded' : node.expanded}">
4
5     <!-- container title -->
6     <div layout="row"
7          layout-align="start center"
8          class="container-label">
9
10         <!-- Expand Icon -->
11         <md-icon md-font-set="material-icons" class="top-icon top-element pointer" ng-click="yangList.toggleExpanded()">
12             <md-tooltip md-direction="left">{{ 'SHOW_HIDE_CON' | translate }}</md-tooltip>
13             {{node.expanded ? 'keyboard_arrow_down':'keyboard_arrow_right'}}
14         </md-icon>
15
16         <!-- list label -->
17         <p class="top-element pointer list-label" ng-click="yangList.toggleExpanded()">
18             {{yangForm.getNodeName(node.localeLabel, node.label)}}
19         </p>
20
21         <!-- Action menu -->
22         <yang-form-menu is-action-menu="yangList.isActionMenu()"
23                         augmentations="augmentations"
24                         is-node-info="yangList.isNodeInfo()"
25                         add-list-item="yangList.addListElem()"
26                         yang-form="yangForm"
27                         yang-list="yangList"
28                         node="node"></yang-form-menu>
29
30         <!--<ng-include src="currentPath+'/filter.tpl.html'"></ng-include>-->
31
32         <section layout="row"
33                  layout-align="start center"
34                  class="yangmanModule__right-panel__form__list__paginator"
35                  ng-include="yangForm.viewPath + '/config/list-data-top.tpl.html'"
36                  ng-if="!(node.filteredListData && node.filteredListData.length)"></section>
37
38         <div class="listItemWrapper"
39              ng-include="yangForm.viewPath + '/config/list-filtered-data-top.tpl.html'"
40              ng-if="(node.filteredListData && node.filteredListData.length)"></div>
41
42     </div>
43
44     <!-- list's children -->
45     <div ng-if="node.actElemStructure" ng-show="node.expanded">
46         <div ng-repeat="node in node.actElemStructure.getChildren(null,null,constants.NODE_UI_DISPLAY) | ymOnlyConfigElem"
47              ng-include="yangForm.viewPath + '/config/' + node.type+'.tpl.html'"
48              ng-hide="node.augmentationId && !augmentations.getAugmentation(node.parent, node.augmentationId).expanded">
49         </div>
50     </div>
51 </div>