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

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