aboutsummaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html
diff options
context:
space:
mode:
authorIttay Stern <ittay.stern@att.com>2018-08-29 17:01:32 +0300
committerIttay Stern <ittay.stern@att.com>2019-02-18 18:35:30 +0200
commit6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch)
tree936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html
parent67d99f816cc583643c35193197594cf78d8ce60a (diff)
merge from ecomp a88f0072 - Modern UI
Issue-ID: VID-378 Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6 Signed-off-by: Ittay Stern <ittay.stern@att.com>
Diffstat (limited to 'vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html')
-rw-r--r--vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html22
1 files changed, 11 insertions, 11 deletions
diff --git a/vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html b/vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html
index 5b2f22d5f..059937f6d 100644
--- a/vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html
+++ b/vid-webpack-master/src/app/drawingBoard/service-planning/service-planning.component.html
@@ -1,13 +1,13 @@
-<div class="service-planning-header">
- <drawing-board-header></drawing-board-header>
-</div>
-<div class="service-planning-content row">
- <available-models-tree class="left-side col-md-6" (highlightInstances)="highlightInstancesBySelectingNode($event)"></available-models-tree>
- <!--<no-content-message-and-icon *ngIf="!isShowTree()" class="span-over"-->
- <!--data-title="Please add objects (VNFs, network, modules etc.) from the left tree to design the service instance"-->
- <!--subtitle="Once done, click Deploy to start instantiation"-->
- <!--iconPath="./img/UPLOAD.svg"-->
- <!--iconClass="upload-icon-service-planing"></no-content-message-and-icon>-->
- <drawing-board-tree *ngIf="isShowTree()" class="span-over col-md-6" (highlightNode)="highlightNodeBySelectingInstance($event)"></drawing-board-tree>
+<div [attr.id]="pageMode" clickOutside [classElements]="['angular-tree-component']" (clickOutsideTrigger)="clickOutside();">
+ <div class="service-planning-header" >
+ <drawing-board-header></drawing-board-header>
+ </div>
+ <div class="service-planning-content">
+ <available-models-tree class="left-side" [ngClass]="isShowComponentInfo() ?'col-md-5':'col-md-6'"
+ (highlightInstances)="highlightInstancesBySelectingNode($event)"></available-models-tree>
+ <drawing-board-tree *ngIf="isShowTree()" class="span-over" [ngClass]="isShowComponentInfo() ?'col-md-5':'col-md-6'" (highlightNode)="highlightNodeBySelectingInstance($event)"></drawing-board-tree>
+ <component-info *ngIf="isShowComponentInfo()" class="col-md-2"></component-info>
+ </div>
+
</div>