modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/operational/choice.tpl.html

   1 <div ng-controller="YMChoiceCtrl as yangChoice"
   2      class="yangmanModule__right-panel__form__element-container"
   3      ng-class="{'expanded' : node.expanded}"
   4      ng-show="node.isFilled()">
   5
   6     <!-- choice 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="yangChoice.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         <!-- Choice label -->
  18         <p class="top-element" ym-info-box node="node" ng-click="yangChoice.toggleExpanded()">
  19             {{yangForm.getNodeName(node.localeLabel, node.label)}}
  20         </p>
  21
  22         <!-- Action menu -->
  23         <yang-form-menu is-action-menu="yangChoice.isActionMenu()"
  24                         augmentations="augmentations"
  25                         node="node"></yang-form-menu>
  26
  27         <!-- Choice select -->
  28         <md-input-container>
  29             <input ng-model="node.choice.label" aria-label="{{node.choice.label}}" ng-disabled="true">
  30         </md-input-container>
  31     </div>
  32
  33     <!-- choice's children -->
  34     <div ng-repeat="case in node.getChildren(null,null,constants.NODE_UI_DISPLAY)"
  35          ng-include="yangForm.viewPath + '/operational/' + case.type +'.tpl.html'"
  36          ng-show="node.choice.id === case.id && node.expanded"
  37          ng-if="!(case.augmentationId && !augmentations.getAugmentation(case.parent, case.augmentationId).expanded)"></div>
  38 </div>