service-planning.component.html

   1 <div [attr.id]="pageMode"  clickOutside [classElements]="['angular-tree-component']" (clickOutsideTrigger)="clickOutside();">
   2   <div class="service-planning-header" >
   3     <drawing-board-header></drawing-board-header>
   4   </div>
   5   <div class="service-planning-content">
   6     <available-models-tree class="left-side"
   7                            [ngClass]="isShowComponentInfo() ?'col-md-5':'col-md-6'"
   8                            (highlightInstances)="highlightInstancesBySelectingNode($event)"></available-models-tree>
   9     <drawing-board-tree
  10       *ngIf="isShowTree()"
  11       class="span-over"
  12       [ngClass]="isShowComponentInfo() ?'col-md-5':'col-md-6'"
  13       [pageMode]="pageMode"
  14       (highlightNode)="highlightNodeBySelectingInstance($event)"></drawing-board-tree>
  15     <component-info *ngIf="isShowComponentInfo()" class="col-md-2"></component-info>
  16   </div>
  17
  18 </div>
  19