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

   1 <div ng-controller="OutputCtrl as yangOutput"
   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          ng-click="yangOutput.toggleExpanded()">
  11
  12         <!-- Expand Icon -->
  13         <md-icon md-font-set="material-icons" class="top-icon top-element">
  14             <md-tooltip md-direction="left">{{ 'YANGMAN_SHOW_HIDE_CON' | translate }}</md-tooltip>
  15             {{node.expanded ? 'keyboard_arrow_down':'keyboard_arrow_right'}}
  16         </md-icon>
  17
  18         <!-- Container label -->
  19         <p class="top-element" ym-info-box node="node"> {{yangForm.getNodeName(node.localeLabel, node.label)}} </p>
  20
  21         <!-- Action menu -->
  22         <yang-form-menu is-action-menu="yangOutput.isActionMenu()"
  23                         augmentations="augmentations"
  24                         node="node"></yang-form-menu>
  25
  26     </div>
  27
  28     <!-- output's children -->
  29     <div ng-if="node.expanded">
  30         <div ng-repeat="node in node.getChildren(null,null,constants.NODE_UI_DISPLAY)"
  31              ng-include="yangForm.viewPath + '/operational/' + node.type+'.tpl.html'"
  32              ng-hide="node.augmentationId && !augmentations.getAugmentation(node.parent, node.augmentationId).expanded">
  33         </div>
  34     </div>
  35 </div>