@@ -229,17 +229,12 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
229
229
if ( this . __currentModel . isContainer ( ) ) {
230
230
parent = this . __currentModel ;
231
231
}
232
- let node = this . getWorkbench ( ) . createNode ( service . getKey ( ) , service . getVersion ( ) , null , parent , true ) ;
233
-
234
- const metaData = node . getMetaData ( ) ;
235
- if ( metaData && Object . prototype . hasOwnProperty . call ( metaData , "innerNodes" ) ) {
236
- const innerNodeMetaDatas = Object . values ( metaData [ "innerNodes" ] ) ;
237
- for ( const innerNodeMetaData of innerNodeMetaDatas ) {
238
- this . getWorkbench ( ) . createNode ( innerNodeMetaData . key , innerNodeMetaData . version , null , node , true ) ;
239
- }
232
+ const node = this . getWorkbench ( ) . createNode ( service . getKey ( ) , service . getVersion ( ) , null , parent , true ) ;
233
+ if ( ! node ) {
234
+ return ;
240
235
}
241
236
242
- let nodeUI = this . __createNodeUI ( node . getNodeId ( ) ) ;
237
+ const nodeUI = this . __createNodeUI ( node . getNodeId ( ) ) ;
243
238
this . __addNodeToWorkbench ( nodeUI , pos ) ;
244
239
245
240
if ( nodeAId !== null && portA !== null ) {
@@ -308,9 +303,12 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
308
303
return nodeUI ;
309
304
} ,
310
305
311
- __createEdgeUI : function ( node1Id , node2Id , linkId ) {
312
- let link = this . getWorkbench ( ) . createEdge ( linkId , node1Id , node2Id ) ;
313
- if ( this . __linkRepresetationExists ( link ) ) {
306
+ __createEdgeUI : function ( node1Id , node2Id , edgeId ) {
307
+ const edge = this . getWorkbench ( ) . createEdge ( edgeId , node1Id , node2Id ) ;
308
+ if ( ! edge ) {
309
+ return null ;
310
+ }
311
+ if ( this . __edgeRepresetationExists ( edge ) ) {
314
312
return null ;
315
313
}
316
314
@@ -330,27 +328,27 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
330
328
const y1 = pointList [ 0 ] ? pointList [ 0 ] [ 1 ] : 0 ;
331
329
const x2 = pointList [ 1 ] ? pointList [ 1 ] [ 0 ] : 0 ;
332
330
const y2 = pointList [ 1 ] ? pointList [ 1 ] [ 1 ] : 0 ;
333
- let linkRepresentation = this . __svgWidget . drawCurve ( x1 , y1 , x2 , y2 ) ;
331
+ const edgeRepresentation = this . __svgWidget . drawCurve ( x1 , y1 , x2 , y2 ) ;
334
332
335
- let linkUI = new qxapp . component . workbench . EdgeUI ( link , linkRepresentation ) ;
336
- this . __edgesUI . push ( linkUI ) ;
333
+ const edgeUI = new qxapp . component . workbench . EdgeUI ( edge , edgeRepresentation ) ;
334
+ this . __edgesUI . push ( edgeUI ) ;
337
335
338
- linkUI . getRepresentation ( ) . node . addEventListener ( "click" , e => {
336
+ edgeUI . getRepresentation ( ) . node . addEventListener ( "click" , e => {
339
337
// this is needed to get out of the context of svg
340
- linkUI . fireDataEvent ( "linkSelected " , linkUI . getEdgeId ( ) ) ;
338
+ edgeUI . fireDataEvent ( "edgeSelected " , edgeUI . getEdgeId ( ) ) ;
341
339
e . stopPropagation ( ) ;
342
340
} , this ) ;
343
341
344
- linkUI . addListener ( "linkSelected " , e => {
345
- this . __selectedItemChanged ( linkUI . getEdgeId ( ) ) ;
342
+ edgeUI . addListener ( "edgeSelected " , e => {
343
+ this . __selectedItemChanged ( edgeUI . getEdgeId ( ) ) ;
346
344
} , this ) ;
347
345
348
- return linkUI ;
346
+ return edgeUI ;
349
347
}
350
348
return null ;
351
349
} ,
352
350
353
- __linkRepresetationExists : function ( edge ) {
351
+ __edgeRepresetationExists : function ( edge ) {
354
352
for ( let i = 0 ; i < this . __edgesUI . length ; i ++ ) {
355
353
const edgeUI = this . __edgesUI [ i ] ;
356
354
if ( edgeUI . getEdge ( ) . getEdgeId ( ) === edge . getEdgeId ( ) ) {
@@ -362,7 +360,7 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
362
360
363
361
__createDragDropMechanism : function ( nodeUI ) {
364
362
const evType = "pointermove" ;
365
- nodeUI . addListener ( "linkDragStart " , e => {
363
+ nodeUI . addListener ( "edgeDragStart " , e => {
366
364
let data = e . getData ( ) ;
367
365
let event = data . event ;
368
366
let dragNodeId = data . nodeId ;
@@ -389,7 +387,7 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
389
387
) ;
390
388
} , this ) ;
391
389
392
- nodeUI . addListener ( "linkDragOver " , e => {
390
+ nodeUI . addListener ( "edgeDragOver " , e => {
393
391
let data = e . getData ( ) ;
394
392
let event = data . event ;
395
393
let dropNodeId = data . nodeId ;
@@ -411,7 +409,7 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
411
409
}
412
410
} , this ) ;
413
411
414
- nodeUI . addListener ( "linkDrop " , e => {
412
+ nodeUI . addListener ( "edgeDrop " , e => {
415
413
let data = e . getData ( ) ;
416
414
let event = data . event ;
417
415
let dropNodeId = data . nodeId ;
@@ -439,7 +437,7 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
439
437
}
440
438
} , this ) ;
441
439
442
- nodeUI . addListener ( "linkDragEnd " , e => {
440
+ nodeUI . addListener ( "edgeDragEnd " , e => {
443
441
let data = e . getData ( ) ;
444
442
let dragNodeId = data . nodeId ;
445
443
@@ -542,34 +540,28 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
542
540
return null ;
543
541
} ,
544
542
545
- __createEdgeBetweenNodes : function ( from , to , linkId ) {
546
- let node1Id = from . nodeUuid ;
547
- let node2Id = to . nodeUuid ;
548
- this . __createEdgeUI ( node1Id , node2Id , linkId ) ;
543
+ __createEdgeBetweenNodes : function ( from , to , edgeId ) {
544
+ const node1Id = from . nodeUuid ;
545
+ const node2Id = to . nodeUuid ;
546
+ this . __createEdgeUI ( node1Id , node2Id , edgeId ) ;
549
547
} ,
550
548
551
- __createEdgeBetweenNodesAndInputNodes : function ( from , to , linkId ) {
549
+ __createEdgeBetweenNodesAndInputNodes : function ( from , to , edgeId ) {
552
550
const inputNodes = this . __inputNodesLayout . getChildren ( ) ;
553
551
// Children[0] is the title
554
552
for ( let i = 1 ; i < inputNodes . length ; i ++ ) {
555
553
const inputNodeId = inputNodes [ i ] . getNodeId ( ) ;
556
554
if ( inputNodeId === from . nodeUuid ) {
557
555
let node1Id = from . nodeUuid ;
558
556
let node2Id = to . nodeUuid ;
559
- this . __createEdgeUI ( node1Id , node2Id , linkId ) ;
557
+ this . __createEdgeUI ( node1Id , node2Id , edgeId ) ;
560
558
}
561
559
}
562
560
} ,
563
561
564
- __createEdgeToExposedOutputs : function ( from , to , linkId ) {
565
- let node1Id = from . nodeUuid ;
566
- let node2Id = to . nodeUuid ;
567
- this . __createEdgeUI ( node1Id , node2Id , linkId ) ;
568
- } ,
569
-
570
562
__updatePosition : function ( nodeUI ) {
571
563
const cBounds = nodeUI . getCurrentBounds ( ) ;
572
- let node = this . getWorkbench ( ) . getNode ( nodeUI . getNodeId ( ) ) ;
564
+ const node = this . getWorkbench ( ) . getNode ( nodeUI . getNodeId ( ) ) ;
573
565
node . setPosition ( cBounds . left , cBounds . top ) ;
574
566
} ,
575
567
@@ -676,9 +668,9 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
676
668
return null ;
677
669
} ,
678
670
679
- __getEdgeUI : function ( linkId ) {
671
+ __getEdgeUI : function ( edgeId ) {
680
672
for ( let i = 0 ; i < this . __edgesUI . length ; i ++ ) {
681
- if ( this . __edgesUI [ i ] . getEdgeId ( ) === linkId ) {
673
+ if ( this . __edgesUI [ i ] . getEdgeId ( ) === edgeId ) {
682
674
return this . __edgesUI [ i ] ;
683
675
}
684
676
}
@@ -699,12 +691,12 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
699
691
}
700
692
} ,
701
693
702
- clearEdge : function ( linkId ) {
703
- this . __clearEdge ( this . __getEdgeUI ( linkId ) ) ;
694
+ clearEdge : function ( edgeId ) {
695
+ this . __clearEdge ( this . __getEdgeUI ( edgeId ) ) ;
704
696
} ,
705
697
706
- __removeEdge : function ( link ) {
707
- this . fireDataEvent ( "removeEdge" , link . getEdgeId ( ) ) ;
698
+ __removeEdge : function ( edge ) {
699
+ this . fireDataEvent ( "removeEdge" , edge . getEdgeId ( ) ) ;
708
700
} ,
709
701
710
702
__removeAllEdges : function ( ) {
@@ -735,9 +727,9 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
735
727
}
736
728
} ,
737
729
738
- __clearEdge : function ( link ) {
739
- this . __svgWidget . removeCurve ( link . getRepresentation ( ) ) ;
740
- let index = this . __edgesUI . indexOf ( link ) ;
730
+ __clearEdge : function ( edge ) {
731
+ this . __svgWidget . removeCurve ( edge . getRepresentation ( ) ) ;
732
+ let index = this . __edgesUI . indexOf ( edge ) ;
741
733
if ( index > - 1 ) {
742
734
this . __edgesUI . splice ( index , 1 ) ;
743
735
}
@@ -805,7 +797,7 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
805
797
for ( const innerNodeId in innerNodes ) {
806
798
const innerNode = innerNodes [ innerNodeId ] ;
807
799
if ( innerNode . getIsOutputNode ( ) ) {
808
- this . __createEdgeToExposedOutputs ( {
800
+ this . __createEdgeBetweenNodes ( {
809
801
nodeUuid : innerNode . getNodeId ( )
810
802
} , {
811
803
nodeUuid : model . getNodeId ( )
@@ -829,15 +821,15 @@ qx.Class.define("qxapp.component.workbench.WorkbenchUI", {
829
821
if ( oldId ) {
830
822
if ( this . __isSelectedItemAnEdge ( oldId ) ) {
831
823
const unselectedEdge = this . __getEdgeUI ( oldId ) ;
832
- const unselectedColor = qxapp . theme . Color . colors [ "workbench-link -comp-active" ] ;
824
+ const unselectedColor = qxapp . theme . Color . colors [ "workbench-edge -comp-active" ] ;
833
825
this . __svgWidget . updateColor ( unselectedEdge . getRepresentation ( ) , unselectedColor ) ;
834
826
}
835
827
}
836
828
837
829
this . __selectedItemId = newID ;
838
830
if ( this . __isSelectedItemAnEdge ( newID ) ) {
839
831
const selectedEdge = this . __getEdgeUI ( newID ) ;
840
- const selectedColor = qxapp . theme . Color . colors [ "workbench-link -selected" ] ;
832
+ const selectedColor = qxapp . theme . Color . colors [ "workbench-edge -selected" ] ;
841
833
this . __svgWidget . updateColor ( selectedEdge . getRepresentation ( ) , selectedColor ) ;
842
834
} else if ( newID ) {
843
835
this . fireDataEvent ( "changeSelectedNode" , newID ) ;
0 commit comments