1 import {AfterViewInit, Component, EventEmitter, Input, OnInit, Output, ViewChild,} from '@angular/core';
2 import {ContextMenuComponent, ContextMenuService} from 'ngx-contextmenu';
3 import {Constants} from '../../../shared/utils/constants';
4 import {IDType, ITreeNode} from "angular-tree-component/dist/defs/api";
5 import {TreeComponent, TreeModel, TreeNode} from "angular-tree-component";
6 import {DialogService} from "ng2-bootstrap-modal";
7 import {ActivatedRoute} from "@angular/router";
8 import {NgRedux} from "@angular-redux/store";
9 import {AppState} from "../../../shared/store/reducers";
10 import {IframeService} from "../../../shared/utils/iframe.service";
11 import {DuplicateService} from '../duplicate/duplicate.service';
12 import {DrawingBoardTreeService, TreeNodeContextMenuModel} from "./drawing-board-tree.service";
13 import {NetworkPopupService} from "../../../shared/components/genericFormPopup/genericFormServices/network/network.popup.service";
14 import {VfModulePopupService} from "../../../shared/components/genericFormPopup/genericFormServices/vfModule/vfModule.popup.service";
15 import {VnfPopupService} from "../../../shared/components/genericFormPopup/genericFormServices/vnf/vnf.popup.service";
16 import {HighlightPipe} from "../../../shared/pipes/highlight/highlight-filter.pipe";
17 import {VnfGroupPopupService} from "../../../shared/components/genericFormPopup/genericFormServices/vnfGroup/vnfGroup.popup.service";
18 import {ObjectToInstanceTreeService} from "../objectsToTree/objectToInstanceTree/objectToInstanceTree.service";
19 import {SharedTreeService} from "../objectsToTree/shared.tree.service";
20 import {Subject} from "rxjs/Subject";
21 import {changeServiceIsDirty} from "../../../shared/storeUtil/utils/service/service.actions";
22 import * as _ from 'lodash';
23 import {ErrorMsgService} from "../../../shared/components/error-msg/error-msg.service";
24 import {DragAndDropService} from "./dragAndDrop/dragAndDrop.service";
25 import {FeatureFlagsService, Features} from "../../../shared/services/featureFlag/feature-flags.service";
26 import {ComponentInfoService} from "../component-info/component-info.service";
27 import {ComponentInfoModel} from "../component-info/component-info-model";
28 import {ObjectToModelTreeService} from "../objectsToTree/objectToModelTree/objectToModelTree.service";
29 import {DrawingBoardModes} from "../drawing-board.modes";
30 import {ServiceInstanceActions} from "../../../shared/models/serviceInstanceActions";
31 import {ModalService} from "../../../shared/components/customModal/services/modal.service";
34 selector: 'drawing-board-tree',
35 templateUrl: './drawing-board-tree.html',
36 styleUrls: ['./drawing-board-tree.scss'],
37 providers: [HighlightPipe]
40 export class DrawingBoardTreeComponent implements OnInit, AfterViewInit {
41 _store: NgRedux<AppState>;
42 duplicateService: DuplicateService;
43 drawingBoardTreeService: DrawingBoardTreeService;
44 objectToModelTreeService : ObjectToModelTreeService;
45 objectToInstanceTreeService : ObjectToInstanceTreeService;
46 errorMsgService: ErrorMsgService;
47 isFilterEnabled: boolean = false;
48 filterValue: string = '';
49 contextMenuOptions: TreeNodeContextMenuModel[];
51 @Input() pageMode : DrawingBoardModes;
52 static triggerDeleteActionService: Subject<string> = new Subject<string>();
53 static triggerUndoDeleteActionService: Subject<string> = new Subject<string>();
54 @ViewChild(ContextMenuComponent, {static: false}) public contextMenu: ContextMenuComponent;
56 constructor(private _contextMenuService: ContextMenuService,
57 private _iframeService: IframeService,
58 private dialogService: DialogService,
59 private store: NgRedux<AppState>,
60 private route: ActivatedRoute,
61 private _duplicateService: DuplicateService,
62 private modalService: ModalService,
63 private _drawingBoardTreeService: DrawingBoardTreeService,
64 private _networkPopupService: NetworkPopupService,
65 private _vfModulePopuopService: VfModulePopupService,
66 private _vnfPopupService: VnfPopupService,
67 private _vnfGroupPopupService: VnfGroupPopupService,
68 private _errorMsgService: ErrorMsgService,
69 private _highlightPipe: HighlightPipe,
70 private _objectToInstanceTreeService: ObjectToInstanceTreeService,
71 private _sharedTreeService: SharedTreeService,
72 private _dragAndDropService : DragAndDropService,
73 private _objectToModelTreeService : ObjectToModelTreeService,
74 private _componentInfoService: ComponentInfoService) {
76 this.errorMsgService = _errorMsgService;
77 this.duplicateService = _duplicateService;
78 this.drawingBoardTreeService = _drawingBoardTreeService;
79 this.contextMenuOptions = _drawingBoardTreeService.generateContextMenuOptions();
80 this.objectToModelTreeService = _objectToModelTreeService;
81 this.objectToInstanceTreeService = _objectToInstanceTreeService;
82 DrawingBoardTreeComponent.triggerDeleteActionService.subscribe((serviceModelId) => {
83 this._sharedTreeService.shouldShowDeleteInstanceWithChildrenModal(this.nodes, serviceModelId, (node, serviceModelId)=>{
84 this.drawingBoardTreeService.deleteActionService(this.nodes, serviceModelId);
85 this.store.dispatch(changeServiceIsDirty(this.nodes, serviceModelId));
89 DrawingBoardTreeService.triggerCheckIsDirty.subscribe((serviceModelId)=>{
90 this.store.dispatch(changeServiceIsDirty(this.nodes, serviceModelId));
93 DrawingBoardTreeComponent.triggerUndoDeleteActionService.subscribe((serviceModelId) => {
94 this.drawingBoardTreeService.undoDeleteActionService(this.nodes, serviceModelId);
95 this.store.dispatch(changeServiceIsDirty(this.nodes, serviceModelId));
101 .subscribe(params => {
102 this.serviceModelId = params['serviceModelId'];
106 getNodeId(node: ITreeNode): string {
107 return (node.data.parentType !== "" ? (node.data.parentType + "_") : "") + node.data.typeName;
110 updateNodes(updateData: { nodes: any, filterValue: string }): void {
111 this.nodes = updateData.nodes;
112 this.filterValue = updateData.filterValue;
115 isLinkedInstance = (node) : boolean => {
116 return !_.isNil(node) && node.parentType === "VRF" || node.parentType === "VnfGroup";
120 highlightNode: EventEmitter<number> = new EventEmitter<number>();
122 @ViewChild('tree', {static: false}) tree: TreeComponent;
123 missingDataTooltip: string = Constants.Error.MISSING_VNF_DETAILS;
124 currentNode: ITreeNode = null;
127 serviceModelId: string;
129 allowDrag: this._dragAndDropService.isFlagOn(),
132 drop: (tree:TreeModel, node:TreeNode, $event:any, {from, to}) => {
133 this._dragAndDropService.drop(this.store, this.serviceModelId, this.nodes, {from, to});
140 parentElementClassName = 'content';
143 this.store.subscribe(() => {
149 getNodeName(node: ITreeNode, filter: string) {
150 return this._highlightPipe.transform(node.data.name, filter ? filter : '');
154 const serviceInstance = this.store.getState().service.serviceInstance[this.serviceModelId];
155 this.nodes = this._objectToInstanceTreeService.convertServiceInstanceToTreeData(serviceInstance, this.store.getState().service.serviceHierarchy[this.serviceModelId]).filter((item) => item !== null);
156 console.log('right nodes', this.nodes);
161 ngAfterViewInit(): void {
162 this.tree.treeModel.expandAll();
165 public onContextMenu($event: MouseEvent, node: ITreeNode): void {
166 this.flags = this.store.getState().global.flags;
168 this.currentNode = node;
170 node.setActiveAndVisible(false);
171 this.selectNode(node);
173 this._contextMenuService.show.next({
174 contextMenu: this.contextMenu,
178 $event.preventDefault();
179 $event.stopPropagation();
185 executeMenuAction(methodName: string): void {
186 if (!_.isNil(this.currentNode.data.menuActions) && !_.isNil(this.currentNode.data.menuActions[methodName])) {
187 this.currentNode.data.menuActions[methodName]['method'](this.currentNode, this.serviceModelId);
188 this.store.dispatch(changeServiceIsDirty(this.nodes, this.serviceModelId));
192 isEnabled(node: ITreeNode, serviceModelId: string, methodName: string): boolean {
193 if (!_.isNil(this.currentNode) && !_.isNil(this.currentNode.data.menuActions) && !_.isNil(this.currentNode.data.menuActions[methodName])) {
194 return this.currentNode.data.menuActions[methodName]['enable'](this.currentNode, this.serviceModelId);
199 isVisible(node: ITreeNode, methodName: string): boolean {
200 if (!_.isNil(this.currentNode) && !_.isNil(this.currentNode.data.menuActions) && !_.isNil(this.currentNode.data.menuActions[methodName])) {
201 return this.currentNode.data.menuActions[methodName]['visible'](this.currentNode, this.serviceModelId);
208 isUpgraded(node: ITreeNode): boolean {
209 return this.isLabeledAsAction(node, "Upgrade");
212 isDeleted(node: ITreeNode): boolean {
213 return this.isLabeledAsAction(node, "Delete");
216 private isLabeledAsAction(node: ITreeNode, action) {
217 let nodeAction = node.data.action.split('_').pop();
218 if (!_.isNil(nodeAction)) {
219 return nodeAction === action;
224 public selectNode(node: ITreeNode): void {
226 this._sharedTreeService.setSelectedVNF(node);
227 this.highlightNode.emit(node.data.modelUniqueId);
228 if (FeatureFlagsService.getFlagState(Features.FLAG_1906_COMPONENT_INFO, this.store)) {
229 const serviceHierarchy = this._store.getState().service.serviceHierarchy[this.serviceModelId];
231 const instanceModel = this._sharedTreeService.modelByIdentifiers(
232 serviceHierarchy, node.data.modelTypeName,
233 this._sharedTreeService.modelUniqueNameOrId(node.data), node.data.modelName
236 const model = node.data.getModel(instanceModel);
237 const modelInfoItems = node.data.getInfo(model, node.data);
238 const componentInfoModel: ComponentInfoModel = this._sharedTreeService.addGeneralInfoItems(modelInfoItems, node.data.componentInfoType, model, node.data);
239 ComponentInfoService.triggerComponentInfoChange.next(componentInfoModel);
243 expandParentByNodeId(id: IDType): void {
244 this.tree.treeModel.getNodeById(id).parent.expand();
247 getcontextMenuOptionLabel(contextMenuOption: TreeNodeContextMenuModel): string{
248 let optionLabel = contextMenuOption.label;
249 if(contextMenuOption.label === ServiceInstanceActions.Upgrade) {
250 return optionLabel.concat(" to V" + this._store.getState().service.serviceInstance[this.serviceModelId].latestAvailableVersion);