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>
5 <div class="service-planning-content">
6 <available-models-tree class="left-side" [ngClass]="isShowComponentInfo() ?'col-md-5':'col-md-6'"
7 (highlightInstances)="highlightInstancesBySelectingNode($event)"></available-models-tree>
8 <drawing-board-tree *ngIf="isShowTree()" class="span-over" [ngClass]="isShowComponentInfo() ?'col-md-5':'col-md-6'" (highlightNode)="highlightNodeBySelectingInstance($event)"></drawing-board-tree>
9 <component-info *ngIf="isShowComponentInfo()" class="col-md-2"></component-info>