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