modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/operational/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      ng-show="node.isFilled()">
   5
   6     <!-- container title -->
   7     <div layout="row"
   8          layout-align="start center"
   9          class="pointer container-label">
  10
  11         <!-- Expand Icon -->
  12         <md-icon md-font-set="material-icons" class="top-icon top-element" ng-click="yangLeafList.toggleExpanded()">
  13             <md-tooltip md-direction="left">{{ 'YANGMAN_SHOW_HIDE_CON' | translate }}</md-tooltip>
  14             {{node.expanded ? 'keyboard_arrow_down':'keyboard_arrow_right'}}
  15         </md-icon>
  16
  17         <!-- Container label -->
  18         <p class="top-element" ym-info-box node="node" ng-click="yangLeafList.toggleExpanded()">
  19             {{yangForm.getNodeName(node.localeLabel, node.label)}}
  20         </p>
  21
  22         <!-- Action menu -->
  23         <yang-form-menu is-action-menu="yangLeafList.isActionMenu()"
  24                         augmentations="augmentations"
  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-model="elem.value" aria-label="{{elem.value}}" ng-disabled="true">
  33         </md-input-container>
  34     </div>
  35 </div>