modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/config/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
   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"
  12                  class="top-icon top-element pointer"
  13                  ng-click="yangContainer.toggleExpanded()">
  14
  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"
  21            ng-click="yangContainer.toggleExpanded()" ym-info-box node="node">
  22
  23             {{yangForm.getNodeName(node.localeLabel, node.label)}}
  24         </p>
  25
  26         <!-- Action menu -->
  27         <yang-form-menu is-action-menu="yangContainer.isActionMenu()"
  28                         augmentations="augmentations"
  29                         node="node"></yang-form-menu>
  30
  31     </div>
  32
  33     <!-- container's children -->
  34     <div ng-if="node.expanded">
  35         <div ng-repeat="node in node.getChildren(null,null,constants.NODE_UI_DISPLAY) | ymOnlyConfigElem"
  36              ng-include="yangForm.viewPath + '/config/' + node.type+'.tpl.html'"
  37              ng-hide="node.augmentationId && !augmentations.getAugmentation(node.parent, node.augmentationId).expanded">
  38         </div>
  39     </div>
  40 </div>