modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/config/leaf-list.tpl.html

   1 <div ng-controller="YMLeafListCtrl as yangLeafList"
   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="pointer container-label">
   9
  10         <!-- Expand Icon -->
  11         <md-icon md-font-set="material-icons" class="top-icon top-element" ng-click="yangLeafList.toggleExpanded()">
  12             <md-tooltip md-direction="left">{{ 'YANGMAN_SHOW_HIDE_CON' | translate }}</md-tooltip>
  13             {{node.expanded ? 'keyboard_arrow_down':'keyboard_arrow_right'}}
  14         </md-icon>
  15
  16         <!-- Container label -->
  17         <p class="top-element" ng-click="yangLeafList.toggleExpanded()" ym-info-box node="node">
  18             {{yangForm.getNodeName(node.localeLabel, node.label)}}
  19         </p>
  20
  21         <!-- Action menu -->
  22         <yang-form-menu is-action-menu="yangLeafList.isActionMenu()"
  23                         augmentations="augmentations"
  24                         add-list-item-func="yangLeafList.addListElem()"
  25                         add-list-item="true"
  26                         node="node"></yang-form-menu>
  27     </div>
  28
  29     <div ng-repeat="elem in node.value" ng-show="node.expanded">
  30         <!-- Leaf list values -->
  31         <md-input-container md-no-float  class="input-icon-container">
  32             <!-- input -->
  33             <input  ng-change="yangLeafList.changed()" ng-model="elem.value" aria-label="{{elem.value}}">
  34
  35             <!-- remove Icon -->
  36             <md-icon md-font-set="material-icons" class="top-icon top-element pointer" ng-click="yangLeafList.removeListElem(elem)">
  37                 <md-tooltip md-direction="right">{{ 'REMOVE_ELEM' | translate }}</md-tooltip>
  38                 remove_circle_outline
  39             </md-icon>
  40         </md-input-container>
  41     </div>
  42 </div>