1 <div class="drawing-board-tree">
2 <div *ngIf="nodes?.length == 0" style="text-align: center; margin-top: 50px;">
3 <no-content-message-and-icon class="span-over"
4 data-title="Please add objects (VNFs, network, modules etc.) from the left tree to design the service instance"
5 subtitle="Once done, click Deploy to start instantiation"
6 iconPath="./assets/img/UPLOAD.svg"
7 iconClass="upload-icon-service-planing"></no-content-message-and-icon>
9 <tree-root [attr.data-tests-id]="'drawing-board-tree'" #tree [nodes]="nodes" [options]="options" id="drawing-board-tree">
10 <ng-template #treeNodeTemplate let-node let-index="index">
11 <div [attr.data-tests-id]="'node-'+node.data.modelId +'-' +node.data.modelName" (click)="selectNode(node)">
12 <div class="model-info">
14 <span class="property-name">{{node.data.type}}{{node.data.name ? ': ': ''}}<span class="auto-name">{{node.data.name? node.data.name: ''}}</span></span>
17 <div class="model-actions">
18 <span class="icon-browse" [attr.data-tests-id]="'node-'+node.data.modelId +'-' +node.data.modelName+'-menu-btn'" (click)="onContextMenu($event, node)" >
20 <ng-template contextMenuItem (execute)="editItem(node)">
21 <div [attr.data-tests-id]="'context-menu-item'">
22 <span class="icon-edit"></span>
26 <ng-template contextMenuItem (execute)="deleteItem(node)">
28 <span class="icon-trash"></span>
34 <span *ngIf="isDataMissing(node)" class="icon-alert" tooltip="{{ missingDataTooltip }}" tooltipPlacement="left" [attr.data-tests-id]="'node-'+node.data.modelId +'-' +node.data.modelName+'-alert-icon'"></span>