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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
import {Injectable} from "@angular/core";
import {NgRedux} from "@angular-redux/store";
import {AppState} from "../../../../shared/store/reducers";
import {FeatureFlagsService, Features} from "../../../../shared/services/featureFlag/feature-flags.service";
@Injectable()
export class DragAndDropService {
constructor(private store: NgRedux<AppState>) {
}
isFlagOn(): boolean {
return FeatureFlagsService.getFlagState(Features.FLAG_1911_INSTANTIATION_ORDER_IN_ASYNC_ALACARTE, this.store);
}
/***********************************************************************************************
if the falg is ON and nodes have same parent
***********************************************************************************************/
isAllowDrop(from: any, to: any): boolean {
return this.isFlagOn() && this.isSameParent(from, to);
}
private isSameParent(from: any, to: any): boolean {
try {
return from.parent.data.trackById === to.parent.parent.data.trackById;
} catch (e) { //parent not found
return false;
}
}
/********************************************************************
* manage drawing-board drag and drop operation
* @param nodes - array with elements data.
* @param tree - tree instance
* @param node - element information
* @param from - element from information
* @param to - element to information
************************************************************/
drop(store, instanceId: string, nodes, {from, to}): void {
if (!this.isFlagOn()) return;
if (this.isAllowDrop(from, to)) {
let vfModules = nodes.find((parent) => {
return parent.trackById === to.parent.parent.data.trackById;
}).children;
this.array_move(vfModules, from.index, to.parent.index, instanceId, to.parent.parent.data.vnfStoreKey);
}
/* let firstLevelNames : DragAndDropModel[] = [
new DragAndDropModel('VF',true),
new DragAndDropModel('VL',true),
new DragAndDropModel('VFmodule',false)
];
const fromObject = _.find(firstLevelNames, ['type', from.data.type]);
const toObject = _.find(firstLevelNames, ['type', to.parent.data.type]);
/!***********************************************************************************************
if the type are the same and there in same level + same parent -> then change element position
***********************************************************************************************!/
if(fromObject.isFirstLevel === toObject.isFirstLevel){ // moving element in the same level and in the first level
if(fromObject.isFirstLevel){
this.array_move(nodes, from.index , to.parent.index, instanceId);
} else if(fromObject.isFirstLevel === toObject.isFirstLevel){
/!* check if they have the same parent *!/
if(from.parent.data.trackById === to.parent.parent.data.trackById){
let vfModules = nodes.find((parents)=> {
return parents.trackById === to.parent.parent.data.trackById;
}).children;
this.array_move(vfModules, from.index , to.parent.index, instanceId, to.parent.parent.data.vnfStoreKey);
}
}
}*/
}
/********************************************************************
* move element inside array with elements position
* @param arr - array with elements data.
* @param originalPosition - element original position
* @param destPosition - element dest position
* @param destPinstanceIdosition - instance id
******************************************************************/
array_move(arr, originalPosition, destPosition, instanceId: string, parentStoreKey?): Array<any> {
let moved_node = arr[originalPosition]
arr.splice(originalPosition, 1);
arr.splice(destPosition, 0, moved_node);
arr.forEach((item, index) => {
if (item.position !== index + 1) {
item.position = index + 1;
item.updatePoistionFunction(this, item, instanceId, parentStoreKey);
}
});
return arr;
};
}
|
