Yangman - add yang form
[dlux.git] / modules / yangman-resources / src / main / resources / yangman / views / rightpanel / form / config / list-data-top.tpl.html
1 <!-- Previous button -->
2 <button ng-click="yangList.shiftDisplayPrev()"
3         ng-show="yangList.showPrevButton()">
4     <md-icon class="material-icons">arrow_back</md-icon>
5     <md-tooltip md-direction="top">{{ 'LIST_PREV_ITEM' | translate }}</md-tooltip>
6 </button>
7
8 <section ng-repeat="offset in yangList.displayOffsets" class="yangmanModule__right-panel__form__list-item"
9          layout="row" layout-align="start center"
10          ng-if="yangList.currentDisplayIndex + offset > -1 && node.listData.length > yangList.currentDisplayIndex + offset">
11
12     <!-- label -->
13     <md-tab-item class="md-tab pointer" ng-click="node.changeActElementData(yangList.currentDisplayIndex + offset)"
14                  ng-class="{'': yangList.currentDisplayIndex + offset === node.actElemIndex}">
15         <div layout="row">
16             <span flex="grow">
17                 {{yangForm.getNodeName(node.localeLabel, node.label)}}&nbsp;{{ yangList.getListName(offset, true).name }}
18             </span>
19         </div>
20
21         <md-tooltip md-direction="top" ng-if="yangList.getListName(offset, false).tooltip.length">
22             {{yangList.getListName(offset, false).tooltip}}
23         </md-tooltip>
24
25         <md-ink-bar class="custom" ng-if="yangList.currentDisplayIndex + offset === node.actElemIndex"></md-ink-bar>
26     </md-tab-item>
27
28     <!-- remove button -->
29     <md-icon md-font-set="material-icons"
30              class="pointer"
31              ng-click="yangList.removeListElem(yangList.currentDisplayIndex + offset,false)">
32         <md-tooltip md-direction="top">{{ 'LIST_DELETE_ITEM' | translate }}</md-tooltip>
33         remove_circle_outline
34     </md-icon>
35
36     <!-- duplicated key -->
37     <md-icon md-font-set="material-icons" ng-show="node.doubleKeyIndexes.indexOf(yangList.currentDisplayIndex + offset) > -1">
38         <md-tooltip md-direction="top">{{ 'LIST_INDEX_DUPLICATE' | translate }}</md-tooltip>
39         error_outline
40     </md-icon>
41 </section>
42
43 <!-- Next button -->
44 <button ng-click="yangList.shiftDisplayNext('listData')"
45         ng-show="yangList.showNextButton('listData')">
46     <md-icon class="material-icons">arrow_forward</md-icon>
47     <md-tooltip md-direction="top">{{ 'LIST_NEXT_ITEM' | translate }}</md-tooltip>
48 </button>