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 ||
  33                     selectedDatastore.label === yangList.constants.DATA_STORE_OPERATIONS) && !yangList.disableAddingListElement">
  34         <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_DELETE_ITEM' | translate }}</md-tooltip>
  35         remove_circle_outline
  36     </md-icon>
  37
  38     <!-- duplicated key -->
  39     <md-icon md-font-set="material-icons"
  40              ng-show="node.doubleKeyIndexes.indexOf(yangList.currentDisplayIndex + offset) > -1"
  41              ng-if="selectedDatastore.label === yangList.constants.DATA_STORE_CONFIG">
  42         <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_INDEX_DUPLICATE' | translate }}</md-tooltip>
  43         error_outline
  44     </md-icon>
  45 </section>
  46
  47 <!-- Next button -->
  48 <button ng-click="yangList.shiftDisplayNext('listData')"
  49         ng-show="yangList.showNextButton('listData')">
  50     <md-icon class="material-icons">arrow_forward</md-icon>
  51     <md-tooltip md-direction="top">{{ 'YANGMAN_LIST_NEXT_ITEM' | translate }}</md-tooltip>
  52 </button>