Yangman - add yang form - operational

[dlux.git] / modules / yangman-resources / src / main / resources / yangman / views / rightpanel / form / operational / container.tpl.html

diff --git a/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/operational/container.tpl.html b/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/operational/container.tpl.html
index 1b3daf6ed3b0c920a437e9ea1d825e6c1d956627..54385dfc169780d2cd28f1a0a07d820e3c99f5bd 100644 (file)
--- a/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/operational/container.tpl.html
+++ b/modules/yangman-resources/src/main/resources/yangman/views/rightpanel/form/operational/container.tpl.html
@@ -1,21 +1,36 @@
-<div ng-controller="ContainerCtrl" class="customContainer {{ node.expanded ? '' : 'withoutBorder' }}" ng-show='node.isFilled()'>
-    <div class="topContainerPart">
-        <span class="treeBullet containerBullet" ng-if="node !== selSubApi.node">&#8226;</span>
-        <button class="yangButton {{ node.expanded ? 'iconArrowDown' : 'iconArrowRight' }} inlineBlock" tooltip="{{ 'SHOW_HIDE_CON' | translate }}" ng-click='toggleExpanded()'></button>
-        <button class="btn-name btn-slim">
-            {{yangForm.getNodeName(node.localeLabel, node.label)}}
-        </button>
-        <button ng-if="node.getChildren('description', null, null, 'label').length > 0" class="yangButton iconQuestion inlineBlock" tooltip="{{node.getChildren('description', null, null, 'label')[0]}}" ></button>
+<div ng-controller="ContainerCtrl as yangContainer"
+     class="yangmanModule__right-panel__form__element-container"
+     ng-class="{'expanded' : node.expanded}"
+     ng-show="node.isFilled()">
+
+    <!-- container title -->
+    <div layout="row"
+         layout-align="start center"
+         class="pointer container-label"
+         ng-click="yangContainer.toggleExpanded()">
+
+        <!-- Expand Icon -->
+        <md-icon md-font-set="material-icons" class="top-icon top-element">
+            <md-tooltip md-direction="left">{{ 'SHOW_HIDE_CON' | translate }}</md-tooltip>
+            {{node.expanded ? 'keyboard_arrow_down':'keyboard_arrow_right'}}
+        </md-icon>
+
+        <!-- Container label -->
+        <p class="top-element"> {{yangForm.getNodeName(node.localeLabel, node.label)}} </p>
+
+        <!-- Action menu -->
+        <yang-form-menu is-action-menu="yangContainer.isActionMenu()"
+                        augmentations="augmentations"
+                        is-node-info="yangContainer.isNodeInfo()"
+                        node="node"></yang-form-menu>
 
-        <!-- Augmentation control -->
-        <div class="modalWrapper" ng-if="node.augmentionGroups.length" ng-include src="currentPath + 'modal/augmentation-modal.tpl.html'"></div>
-        <span ng-if="node.augmentationId" class="augmentIcon reversed" tooltip="{{ 'YANGUI_IS_AUGMENT' | translate }} {{ node.augmentationId }}">A</span>
-        <!-- Augmentation control end -->
     </div>
 
+    <!-- container's children -->
     <div ng-if="node.expanded">
-        <div ng-repeat="node in node.getChildren(null,null,constants.NODE_UI_DISPLAY) | filter:filterNodes" ng-include="currentPath+'/operational/'+node.type+'.tpl.html'" ng-hide="node.augmentationId && !augmentations.getAugmentation(node.parent, node.augmentationId).expanded"></div>
+        <div ng-repeat="node in node.getChildren(null,null,constants.NODE_UI_DISPLAY)"
+             ng-include="yangForm.viewPath + '/operational/' + node.type+'.tpl.html'"
+             ng-hide="node.augmentationId && !augmentations.getAugmentation(node.parent, node.augmentationId).expanded">
+        </div>
     </div>
-
-    <i class="icon-caret-down borderArrow" ng-show="node.expanded"></i>
 </div>
\ No newline at end of file