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

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