blob: 7864808fcbb46c3bc0cce17c5e0133b7cd33c4d8 [file] [log] [blame]
Ittay Stern6f900cc2018-08-29 17:01:32 +03001<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 Sternf7926712019-07-07 19:23:03 +030037 <span class="icon-plus" *ngIf="_store.getState().service.serviceInstance[serviceModelId].action !== 'Delete' && node?.data?.showNodeIcons(node, serviceModelId)?.addIcon">
Ittay Stern6f900cc2018-08-29 17:01:32 +030038 <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>