Ittay Stern | 6f900cc | 2018-08-29 17:01:32 +0300 | [diff] [blame] | 1 | <div class="available-models-tree" style="height: calc(100vh - 55px);"> |
| 2 | <div class="models-tree-header"> |
| 3 | <h5> |
| 4 | <span class="main" >MODEL <span class="sub-title">(from SDC)</span>:</span> |
| 5 | <span id="service-model-name">{{service | serviceInfo: _store: serviceModelId : 'name'}}</span> |
| 6 | </h5> |
| 7 | <search-component (updateNodes)="updateNodes($event)" |
| 8 | [nodes]="nodes" [tree]="tree? tree: {}" |
| 9 | [inputTestId]="'search-left-tree'" |
| 10 | *ngIf="nodes?.length > 0"></search-component> |
| 11 | </div> |
| 12 | <div class="available-models-content-wrapper" *ngIf="nodes?.length > 0" > |
| 13 | <tree-root #tree [attr.data-tests-id]="'available-models-tree'" [nodes]="nodes" [options]="options" id="available-models-tree"> |
| 14 | <ng-template #treeNodeTemplate let-node let-index="index"> |
| 15 | <div [attr.data-tests-id]="'node-'+node.data.name" (click)="selectNode(node)" [ngClass]="{'selected': index , 'isParent': node.data.type !== 'VFmodule' , 'isChild': node.data.type === 'VFmodule' }"> |
| 16 | <span class="vf-type" title="{{node.data.type}}" [attr.data-tests-id]="'node-type-indicator'" >{{node?.data?.typeName}}</span> |
| 17 | <div class="model-info"> |
| 18 | <span class="header-info"> |
| 19 | <span class="property-name"> |
| 20 | <span class="auto-name" |
| 21 | [innerHtml]="getNodeName(node, filterValue) | safe : 'html'" |
| 22 | [attr.data-tests-id]="'node-name'" |
| 23 | ></span> |
| 24 | </span> |
| 25 | </span> |
| 26 | </div> |
| 27 | <span class="actions"> |
| 28 | <span class="number-button" *ngIf="node.data.getNodeCount(node, serviceModelId) > 0"> |
| 29 | <span [attr.data-tests-id]="'numberButton'">{{node.data.getNodeCount(node, this.serviceModelId)}}</span> |
| 30 | </span> |
| 31 | <span class="icon-v" *ngIf="node?.data?.showNodeIcons(node, serviceModelId)?.vIcon"> |
| 32 | <svg-icon |
| 33 | [mode]="'secondary'" |
| 34 | [name]="'maximum'"> |
| 35 | </svg-icon> |
| 36 | </span> |
Ittay Stern | f792671 | 2019-07-07 19:23:03 +0300 | [diff] [blame] | 37 | <span class="icon-plus" *ngIf="_store.getState().service.serviceInstance[serviceModelId].action !== 'Delete' && node?.data?.showNodeIcons(node, serviceModelId)?.addIcon"> |
Ittay Stern | 6f900cc | 2018-08-29 17:01:32 +0300 | [diff] [blame] | 38 | <span tooltip="Add" [attr.data-tests-id]="'node-'+node.data.name+'-add-btn'" (click)="onClickAdd(node, serviceModelId)"> |
| 39 | <i class="fa fa-plus-circle" aria-hidden="true"></i> |
| 40 | </span> |
| 41 | </span> |
| 42 | </span> |
| 43 | </div> |
| 44 | </ng-template> |
| 45 | </tree-root> |
| 46 | </div> |
| 47 | </div> |