2cf52c9d697c58edaf79360ce6c68391a127aa74
[dlux.git] / modules / yangman-resources / src / main / resources / yangman / views / rightpanel / form / 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">{{yangList.showPrevButton() ? 'arrow_back' : ''}}</md-icon>
5     <md-tooltip md-direction="top">{{ 'YANGMAN_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              ng-if="selectedDatastore.label === yangList.constants.DATA_STORE_CONFIG && !yangList.disableAddingListElement">
33         <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_DELETE_ITEM' | translate }}</md-tooltip>
34         remove_circle_outline
35     </md-icon>
36
37     <!-- duplicated key -->
38     <md-icon md-font-set="material-icons"
39              ng-show="node.doubleKeyIndexes.indexOf(yangList.currentDisplayIndex + offset) > -1"
40              ng-if="selectedDatastore.label === yangList.constants.DATA_STORE_CONFIG">
41         <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_INDEX_DUPLICATE' | translate }}</md-tooltip>
42         error_outline
43     </md-icon>
44 </section>
45
46 <!-- Next button -->
47 <button ng-click="yangList.shiftDisplayNext('listData')"
48         ng-show="yangList.showNextButton('listData')">
49     <md-icon class="material-icons">arrow_forward</md-icon>
50     <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_NEXT_ITEM' | translate }}</md-tooltip>
51 </button>