org.jbpm.designer.public.js.Plugins.bpmn11.js Maven / Gradle / Ivy
/**
* Copyright (c) 2008-2009
* Sven Wagner-Boysen, Willi Tscheschner
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
**/
if(!ORYX.Plugins)
ORYX.Plugins = new Object();
ORYX.Plugins.BPMN11 = {
/**
* Constructor
* @param {Object} Facade: The Facade of the Editor
*/
construct: function(facade) {
this.facade = facade;
this.facade.registerOnEvent(ORYX.CONFIG.EVENT_DRAGDOCKER_DOCKED, this.handleDockerDocked.bind(this));
this.facade.registerOnEvent(ORYX.CONFIG.EVENT_PROPWINDOW_PROP_CHANGED, this.handlePropertyChanged.bind(this));
this.facade.registerOnEvent('layout.bpmn11.pool', this.handleLayoutPool.bind(this));
this.facade.registerOnEvent('layout.bpmn11.subprocess', this.handleSubProcess.bind(this));
this.facade.registerOnEvent(ORYX.CONFIG.EVENT_LOADED, this.afterLoad.bind(this));
//this.facade.registerOnEvent('layout.bpmn11.lane', this.handleLayoutLane.bind(this));
},
afterLoad : function(){
// Force to update ever pool
this.facade.getCanvas().getChildNodes().each(function(shape){
if (shape.getStencil().id().endsWith("Pool")) {
this.handleLayoutPool({shape:shape});
}
}.bind(this))
},
/**
* If a pool is selected and contains no lane,
* a lane is created automagically
*/
onSelectionChanged: function(event) {
if(event.elements && event.elements.length === 1) {
var shape = event.elements[0];
if(shape.getStencil().idWithoutNs() === "Pool") {
if(shape.getChildNodes().length === 0) {
// create a lane inside the selected pool
var option = {
type:"http://b3mn.org/stencilset/bpmn1.1#Lane",
position:{x:0,y:0},
namespace:shape.getStencil().namespace(),
parent:shape
};
this.facade.createShape(option);
this.facade.getCanvas().update();
}
}
}
},
hashedSubProcesses: {},
handleSubProcess : function(option) {
var sh = option.shape;
if (!this.hashedSubProcesses[sh.resourceId]) {
this.hashedSubProcesses[sh.resourceId] = sh.bounds.clone();
return;
}
var offset = sh.bounds.upperLeft();
offset.x -= this.hashedSubProcesses[sh.resourceId].upperLeft().x;
offset.y -= this.hashedSubProcesses[sh.resourceId].upperLeft().y;
this.hashedSubProcesses[sh.resourceId] = sh.bounds.clone();
this.moveChildDockers(sh, offset);
},
moveChildDockers: function(shape, offset){
if (!offset.x && !offset.y) {
return;
}
// Get all nodes
shape.getChildNodes(true)
// Get all incoming and outgoing edges
.map(function(node){
return [].concat(node.getIncomingShapes())
.concat(node.getOutgoingShapes())
})
// Flatten all including arrays into one
.flatten()
// Get every edge only once
.uniq()
// Get all dockers
.map(function(edge){
return edge.dockers.length > 2 ?
edge.dockers.slice(1, edge.dockers.length-1) :
[];
})
// Flatten the dockers lists
.flatten()
.each(function(docker){
if (docker.isChanged){ return }
docker.bounds.moveBy(offset);
})
},
/**
* DragDocker.Docked Handler
*
*/
handleDockerDocked: function(options) {
var edge = options.parent;
var edgeSource = options.target;
if(edge.getStencil().id() === "http://b3mn.org/stencilset/bpmn1.1#SequenceFlow") {
var isGateway = edgeSource.getStencil().groups().find(function(group) {
if(group == "Gateways")
return group;
});
if(!isGateway && (edge.properties["oryx-conditiontype"] == "Expression"))
// show diamond on edge source
edge.setProperty("oryx-showdiamondmarker", true);
else
// do not show diamond on edge source
edge.setProperty("oryx-showdiamondmarker", false);
// update edge rendering
//edge.update();
this.facade.getCanvas().update();
}
},
/**
* PropertyWindow.PropertyChanged Handler
*/
handlePropertyChanged: function(option) {
var shapes = option.elements;
var propertyKey = option.key;
var propertyValue = option.value;
var changed = false;
shapes.each(function(shape){
if((shape.getStencil().id() === "http://b3mn.org/stencilset/bpmn1.1#SequenceFlow") &&
(propertyKey === "oryx-conditiontype")) {
if(propertyValue != "Expression")
// Do not show the Diamond
shape.setProperty("oryx-showdiamondmarker", false);
else {
var incomingShapes = shape.getIncomingShapes();
if(!incomingShapes) {
shape.setProperty("oryx-showdiamondmarker", true);
}
var incomingGateway = incomingShapes.find(function(aShape) {
var foundGateway = aShape.getStencil().groups().find(function(group) {
if(group == "Gateways")
return group;
});
if(foundGateway)
return foundGateway;
});
if(!incomingGateway)
// show diamond on edge source
shape.setProperty("oryx-showdiamondmarker", true);
else
// do not show diamond
shape.setProperty("oryx-showdiamondmarker", false);
}
changed = true;
}
});
if(changed) {this.facade.getCanvas().update();}
},
hashedPoolPositions : {},
hashedLaneDepth : {},
hashedBounds : {},
handleLayoutPool: function(event){
var pool = event.shape;
var selection = this.facade.getSelection();
var currentShape = selection.first();
// Check if the current shape is one of the children of the pool
if (currentShape instanceof ORYX.Core.UIObject){
currentShape = currentShape.isParent(pool) ? currentShape : pool;
} else {
currentShape = pool;
}
// Check if it is a pool or a lane
if (!(currentShape.getStencil().id().endsWith("Pool") || currentShape.getStencil().id().endsWith("Lane"))) {
return;
}
if (!this.hashedBounds[pool.resourceId]) {
this.hashedBounds[pool.resourceId] = {};
}
this.currentPool = pool;
// Find all child lanes
var lanes = this.getLanes(pool);
if (lanes.length <= 0) {
return
}
// Show/hide caption regarding the number of lanes
if (lanes.length === 1 && this.getLanes(lanes.first()).length <= 0) {
// TRUE if there is a caption
lanes.first().setProperty("oryx-showcaption", lanes.first().properties["oryx-name"].trim().length > 0);
} else {
lanes.invoke("setProperty", "oryx-showcaption", true);
}
var allLanes = this.getLanes(pool, true);
var deletedLanes = [];
var addedLanes = [];
// Get all new lanes
var i=-1;
while (++i 0){
currentShape = addedLanes.first();
}
// Get all deleted lanes
var resourceIds = $H(this.hashedBounds[pool.resourceId]).keys();
var i=-1;
while (++i 0 || addedLanes.length > 0) {
// Set height from the pool
height = this.updateHeight(pool);
// Set width from the pool
width = this.adjustWidth(lanes, pool.bounds.width());
pool.update();
}
/**
* Set width/height depending on the pool
*/
else if (pool == currentShape) {
// Set height from the pool
height = this.adjustHeight(lanes, undefined, pool.bounds.height());
// Set width from the pool
width = this.adjustWidth(lanes, pool.bounds.width());
}
/**‚
* Set width/height depending on containing lanes
*/
else {
// Get height and adjust child heights
height = this.adjustHeight(lanes, currentShape);
// Set width from the current shape
width = this.adjustWidth(lanes, currentShape.bounds.width()+(this.getDepth(currentShape,pool)*30));
}
this.setDimensions(pool, width, height);
// Update all dockers
this.updateDockers(allLanes, pool);
this.hashedBounds[pool.resourceId] = {};
var i=-1;
while (++i < allLanes.length) {
// Cache positions
this.hashedBounds[pool.resourceId][allLanes[i].resourceId] = allLanes[i].absoluteBounds();
this.hashedLaneDepth[allLanes[i].resourceId] = this.getDepth(allLanes[i], pool);
this.forceToUpdateLane(allLanes[i]);
}
this.hashedPoolPositions[pool.resourceId] = pool.bounds.clone();
// Update selection
//this.facade.setSelection(selection);
},
forceToUpdateLane: function(lane){
if (lane.bounds.height() !== lane._svgShapes[0].height) {
lane.isChanged = true;
lane.isResized = true;
lane._update();
}
},
getDepth: function(child, parent){
var i=0;
while(child && child.parent && child !== parent){
child = child.parent;
++i
}
return i;
},
updateDepth: function(lane, fromDepth, toDepth){
var xOffset = (fromDepth - toDepth) * 30;
lane.getChildNodes().each(function(shape){
shape.bounds.moveBy(xOffset, 0);
[].concat(children[j].getIncomingShapes())
.concat(children[j].getOutgoingShapes())
})
},
setDimensions: function(shape, width, height){
var isLane = shape.getStencil().id().endsWith("Lane");
// Set the bounds
shape.bounds.set(
isLane ? 30 : shape.bounds.a.x,
shape.bounds.a.y,
width ? shape.bounds.a.x + width - (isLane?30:0) : shape.bounds.b.x,
height ? shape.bounds.a.y + height : shape.bounds.b.y
);
},
setLanePosition: function(shape, y){
shape.bounds.moveTo(30, y);
},
adjustWidth: function(lanes, width) {
// Set width to each lane
(lanes||[]).each(function(lane){
this.setDimensions(lane, width);
this.adjustWidth(this.getLanes(lane), width-30);
}.bind(this));
return width;
},
adjustHeight: function(lanes, changedLane, propagateHeight){
var oldHeight = 0;
if (!changedLane && propagateHeight){
var i=-1;
while (++i2 && edges[k].dockers[l-1].isDocked()){
var dockedLane = this.getNextLane(edges[k].dockers[l-1].getDockedShape());
if (dockedLane != lanes[i])
continue;
dockers[docker.id] = {docker: docker, offset:offset};
}
// Check if the next dockers docked shape is from this lane
else if (l == edges[k].dockers.length-2 && edges[k].dockers.length>2 && edges[k].dockers[l+1].isDocked()){
var dockedLane = this.getNextLane(edges[k].dockers[l+1].getDockedShape());
if (dockedLane != lanes[i])
continue;
dockers[docker.id] = {docker: docker, offset:offset};
}
else if (isOutSidePool) {
dockers[docker.id] = {docker: docker, offset:this.getOffset(lanes[i], true, pool)};
}*/
}
}
}
}
// Set dockers
i=-1;
var keys = $H(dockers).keys();
while (++i < keys.length) {
dockers[keys[i]].docker.bounds.moveBy(dockers[keys[i]].offset);
}
},
moveBy: function(pos, offset){
pos.x += offset.x;
pos.y += offset.y;
return pos;
},
getHashedBounds: function(shape){
return this.currentPool && this.hashedBounds[this.currentPool.resourceId][shape.resourceId] ? this.hashedBounds[this.currentPool.resourceId][shape.resourceId] : shape.bounds.clone();
},
/**
* Returns a set on all child lanes for the given Shape. If recursive is TRUE, also indirect children will be returned (default is FALSE)
* The set is sorted with first child the lowest y-coordinate and the last one the highest.
* @param {ORYX.Core.Shape} shape
* @param {boolean} recursive
*/
getLanes: function(shape, recursive){
var lanes = shape.getChildNodes(recursive||false).findAll(function(node) { return (node.getStencil().id() === "http://b3mn.org/stencilset/bpmn1.1#Lane"); });
lanes = lanes.sort(function(a, b){
// Get y coordinate
var ay = Math.round(a.bounds.upperLeft().y);
var by = Math.round(b.bounds.upperLeft().y);
// If equal, than use the old one
if (ay == by) {
ay = Math.round(this.getHashedBounds(a).upperLeft().y);
by = Math.round(this.getHashedBounds(b).upperLeft().y);
}
return ay < by ? -1 : (ay > by ? 1 : 0)
}.bind(this))
return lanes;
},
/**
* "layout.bpmn11.pool" handler
* @param {Object} event
*/
handleLayoutPool_deprecated: function(event) {
var shape = event.shape;
// Find all direct lane children
var lanes = shape.getChildNodes(false).findAll(function(node) {
return (node.getStencil().id() === "http://b3mn.org/stencilset/bpmn1.1#Lane");
});
// If there are lanes...
if(lanes.length > 0) {
// only one lane in pool
if(lanes.length == 1) {
// test whether the sole lane has child lanes
var childLanes = lanes.first().getChildNodes(false).findAll(function(node) {
return (node.getStencil().id() === "http://b3mn.org/stencilset/bpmn1.1#Lane");
});
if(childLanes.length > 0) {
lanes.first().setProperty("oryx-showcaption", true);
} else {
if(lanes.first().properties["oryx-name"].trim().length > 0) {
lanes.first().setProperty("oryx-showcaption", true);
} else {
lanes.first().setProperty("oryx-showcaption", false);
}
// adapt height and width of the lane by size of the pool
// the lowerRight bound is equal to that of the containing pool
var singleLane = lanes.first();
var laneUpperLeft = singleLane.bounds.upperLeft();
laneUpperLeft.x = 30;
laneUpperLeft.y = 0;
var laneLowerRight = singleLane.bounds.lowerRight();
laneLowerRight.x = shape.bounds.width();
laneLowerRight.y = shape.bounds.height();
return;
}
} else {
lanes.each(function(lane) {
lane.setProperty("oryx-showcaption", true);
});
}
lanes = lanes.sortBy(function(lane) {
return lane.bounds.upperLeft().y;
});
var shapeWidth = shape.bounds.width();
lanes.each(function(lane) {
if(lane.isChanged)
shapeWidth = lane.bounds.width() + 30;
});
// get deepest childs in each branch
var firstLanes = lanes.clone();
var turn = 1;
do {
var allChildLanes = new Array();
var parentLanes = lanes.findAll(function(lane) {
var childLanes = lane.getChildNodes(false).findAll(function(node) {
return (node.getStencil().id() === "http://b3mn.org/stencilset/bpmn1.1#Lane");
});
if(childLanes.length > 0) {
allChildLanes = allChildLanes.concat(childLanes);
return true;
}
});
// set bounds of deepest child lanes
var shapeUpperLeft = shape.bounds.upperLeft();
allChildLanes.each(function(lane) {
var upperLeft = lane.bounds.upperLeft();
var lowerRight = lane.bounds.lowerRight();
lowerRight.x = shapeWidth-30*turn;
lane.bounds.set(upperLeft, lowerRight);
});
lanes = allChildLanes.clone();
turn++;
} while(parentLanes.length > 0);
var shapeHeight = 0;
var topBound = 0;
var offsets = [];
firstLanes.each(function(lane) {
var ul = lane.bounds.upperLeft();
var lr = lane.bounds.lowerRight();
ul.y = shapeHeight;
lr.y = ul.y + lane.bounds.height();
shapeHeight += lane.bounds.height();
ul.x = 30;
lr.x = shapeWidth;
offsets.push({
x: ul.x - lane.bounds.upperLeft().x,
y: ul.y - lane.bounds.upperLeft().y
})
//this.handleChildNodes(lane.getChildNodes(true), offset);
lane.bounds.set(ul, lr);
}.bind(this));
this.handleDockers(firstLanes, offsets)
var upl = shape.bounds.upperLeft();
shape.bounds.set(upl.x, upl.y, upl.x + shapeWidth, upl.y + shapeHeight);
}
},
/**
* "layout.bpmn11.lane" handler
* @param {Object} event
*/
handleLayoutLane: function(event) {
var shape = event.shape;
var lanes = shape.getChildNodes(false).findAll(function(node) {
return (node.getStencil().id() === "http://b3mn.org/stencilset/bpmn1.1#Lane");
});
if(lanes.length > 0) {
lanes = lanes.sortBy(function(lane) {
return lane.bounds.upperLeft().y;
});
var shapeWidth = shape.bounds.width();
lanes.each(function(lane) {
if(lane.isChanged) {
shapeWidth = lane.bounds.width()+30;
}
});
var shapeHeight = 0;
var topBound = 0;
lanes.each(function(lane) {
var ul = lane.bounds.upperLeft();
var lr = lane.bounds.lowerRight();
ul.y = shapeHeight;
lr.y = ul.y + lane.bounds.height();
shapeHeight += lane.bounds.height();
ul.x = 30;
lr.x = shapeWidth;
var offset = {
x: ul.x - lane.bounds.upperLeft().x,
y: ul.y - lane.bounds.upperLeft().y
}
this.handleChildNodes(lane.getChildNodes(true), offset);
lane.bounds.set(ul, lr);
}.bind(this));
var upl = shape.bounds.upperLeft();
shape.bounds.set(upl.x, upl.y, upl.x + shapeWidth, upl.y + shapeHeight);
}
},
handleDockers : function(lanes, offsets){
var i=-1, j=-1, k=-1, l=-1, docker;
while (++i < lanes.length) {
var children = lanes[i].getChildNodes(true);
j=-1;
while (++j < children.length) {
var edges = [].concat(children[j].getIncomingShapes())
.concat(children[j].getOutgoingShapes())
// Remove all edges which are included in the selection from the list
.findAll(function(r){ return r instanceof ORYX.Core.Edge})
k=-1;
while (++k < edges.length) {
l=-1;
while (++l < edges[k].dockers.length) {
docker = edges[k].dockers[l];
pos = docker.bounds.center();
pos.x += offsets[i].x;
pos.y += offsets[i].y;
if (!lanes.any(function(r){ return r != lanes[i] && r.absoluteBounds().isIncluded(pos) })){
docker.bounds.moveBy({x:0, y:-offsets[i].y});
}
}
}
}
}
},
/**
* Handles the layouting for all child nodes
* @param {Object} node
*/
handleChildNodes : function(nodes, offset){
return ;
//
var i=-1, j=-1, k=-1, docker;
var allEdges = [];
while(++i © 2015 - 2025 Weber Informatics LLC | Privacy Policy