412 lines
10 KiB
JavaScript
412 lines
10 KiB
JavaScript
'use strict';
|
|
|
|
|
|
var assign = require('min-dash').assign,
|
|
forEach = require('min-dash').forEach,
|
|
isArray = require('min-dash').isArray,
|
|
is = require('../../util/ModelUtil').is,
|
|
isExpanded = require('../../util/DiUtil').isExpanded,
|
|
isAny = require('../modeling/util/ModelingUtil').isAny,
|
|
getChildLanes = require('../modeling/util/LaneUtil').getChildLanes,
|
|
isEventSubProcess = require('../../util/DiUtil').isEventSubProcess,
|
|
hasPrimaryModifier = require('diagram-js/lib/util/Mouse').hasPrimaryModifier;
|
|
|
|
/**
|
|
* A provider for BPMN 2.0 elements context pad
|
|
*/
|
|
function ContextPadProvider(
|
|
config, injector, eventBus, contextPad, modeling,
|
|
elementFactory, connect, create, popupMenu,
|
|
canvas, rules, translate) {
|
|
|
|
config = config || {};
|
|
|
|
contextPad.registerProvider(this);
|
|
|
|
this._contextPad = contextPad;
|
|
|
|
this._modeling = modeling;
|
|
|
|
this._elementFactory = elementFactory;
|
|
this._connect = connect;
|
|
this._create = create;
|
|
this._popupMenu = popupMenu;
|
|
this._canvas = canvas;
|
|
this._rules = rules;
|
|
this._translate = translate;
|
|
|
|
if (config.autoPlace !== false) {
|
|
this._autoPlace = injector.get('autoPlace', false);
|
|
}
|
|
|
|
eventBus.on('create.end', 250, function(event) {
|
|
var shape = event.context.shape;
|
|
|
|
if (!hasPrimaryModifier(event)) {
|
|
return;
|
|
}
|
|
|
|
var entries = contextPad.getEntries(shape);
|
|
|
|
if (entries.replace) {
|
|
entries.replace.action.click(event, shape);
|
|
}
|
|
});
|
|
}
|
|
|
|
ContextPadProvider.$inject = [
|
|
'config.contextPad',
|
|
'injector',
|
|
'eventBus',
|
|
'contextPad',
|
|
'modeling',
|
|
'elementFactory',
|
|
'connect',
|
|
'create',
|
|
'popupMenu',
|
|
'canvas',
|
|
'rules',
|
|
'translate'
|
|
];
|
|
|
|
module.exports = ContextPadProvider;
|
|
|
|
|
|
ContextPadProvider.prototype.getContextPadEntries = function(element) {
|
|
|
|
var contextPad = this._contextPad,
|
|
modeling = this._modeling,
|
|
|
|
elementFactory = this._elementFactory,
|
|
connect = this._connect,
|
|
create = this._create,
|
|
popupMenu = this._popupMenu,
|
|
canvas = this._canvas,
|
|
rules = this._rules,
|
|
autoPlace = this._autoPlace,
|
|
translate = this._translate;
|
|
|
|
var actions = {};
|
|
|
|
if (element.type === 'label') {
|
|
return actions;
|
|
}
|
|
|
|
var businessObject = element.businessObject;
|
|
|
|
function startConnect(event, element) {
|
|
connect.start(event, element);
|
|
}
|
|
|
|
function removeElement(e) {
|
|
modeling.removeElements([ element ]);
|
|
}
|
|
|
|
function getReplaceMenuPosition(element) {
|
|
|
|
var Y_OFFSET = 5;
|
|
|
|
var diagramContainer = canvas.getContainer(),
|
|
pad = contextPad.getPad(element).html;
|
|
|
|
var diagramRect = diagramContainer.getBoundingClientRect(),
|
|
padRect = pad.getBoundingClientRect();
|
|
|
|
var top = padRect.top - diagramRect.top;
|
|
var left = padRect.left - diagramRect.left;
|
|
|
|
var pos = {
|
|
x: left,
|
|
y: top + padRect.height + Y_OFFSET
|
|
};
|
|
|
|
return pos;
|
|
}
|
|
|
|
|
|
/**
|
|
* Create an append action
|
|
*
|
|
* @param {String} type
|
|
* @param {String} className
|
|
* @param {String} [title]
|
|
* @param {Object} [options]
|
|
*
|
|
* @return {Object} descriptor
|
|
*/
|
|
function appendAction(type, className, title, options) {
|
|
|
|
if (typeof title !== 'string') {
|
|
options = title;
|
|
title = translate('Append {type}', { type: type.replace(/^bpmn:/, '') });
|
|
}
|
|
|
|
function appendStart(event, element) {
|
|
|
|
var shape = elementFactory.createShape(assign({ type: type }, options));
|
|
create.start(event, shape, element);
|
|
}
|
|
|
|
|
|
var append = autoPlace ? function(event, element) {
|
|
var shape = elementFactory.createShape(assign({ type: type }, options));
|
|
|
|
autoPlace.append(element, shape);
|
|
} : appendStart;
|
|
|
|
|
|
return {
|
|
group: 'model',
|
|
className: className,
|
|
title: title,
|
|
action: {
|
|
dragstart: appendStart,
|
|
click: append
|
|
}
|
|
};
|
|
}
|
|
|
|
function splitLaneHandler(count) {
|
|
|
|
return function(event, element) {
|
|
// actual split
|
|
modeling.splitLane(element, count);
|
|
|
|
// refresh context pad after split to
|
|
// get rid of split icons
|
|
contextPad.open(element, true);
|
|
};
|
|
}
|
|
|
|
|
|
if (isAny(businessObject, [ 'bpmn:Lane', 'bpmn:Participant' ]) && isExpanded(businessObject)) {
|
|
|
|
var childLanes = getChildLanes(element);
|
|
|
|
assign(actions, {
|
|
'lane-insert-above': {
|
|
group: 'lane-insert-above',
|
|
className: 'bpmn-icon-lane-insert-above',
|
|
title: translate('Add Lane above'),
|
|
action: {
|
|
click: function(event, element) {
|
|
modeling.addLane(element, 'top');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
if (childLanes.length < 2) {
|
|
|
|
if (element.height >= 120) {
|
|
assign(actions, {
|
|
'lane-divide-two': {
|
|
group: 'lane-divide',
|
|
className: 'bpmn-icon-lane-divide-two',
|
|
title: translate('Divide into two Lanes'),
|
|
action: {
|
|
click: splitLaneHandler(2)
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
if (element.height >= 180) {
|
|
assign(actions, {
|
|
'lane-divide-three': {
|
|
group: 'lane-divide',
|
|
className: 'bpmn-icon-lane-divide-three',
|
|
title: translate('Divide into three Lanes'),
|
|
action: {
|
|
click: splitLaneHandler(3)
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
assign(actions, {
|
|
'lane-insert-below': {
|
|
group: 'lane-insert-below',
|
|
className: 'bpmn-icon-lane-insert-below',
|
|
title: translate('Add Lane below'),
|
|
action: {
|
|
click: function(event, element) {
|
|
modeling.addLane(element, 'bottom');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
if (is(businessObject, 'bpmn:FlowNode')) {
|
|
|
|
if (is(businessObject, 'bpmn:EventBasedGateway')) {
|
|
|
|
assign(actions, {
|
|
'append.receive-task': appendAction(
|
|
'bpmn:ReceiveTask',
|
|
'bpmn-icon-receive-task'
|
|
),
|
|
'append.message-intermediate-event': appendAction(
|
|
'bpmn:IntermediateCatchEvent',
|
|
'bpmn-icon-intermediate-event-catch-message',
|
|
{ eventDefinitionType: 'bpmn:MessageEventDefinition' }
|
|
),
|
|
'append.timer-intermediate-event': appendAction(
|
|
'bpmn:IntermediateCatchEvent',
|
|
'bpmn-icon-intermediate-event-catch-timer',
|
|
{ eventDefinitionType: 'bpmn:TimerEventDefinition' }
|
|
),
|
|
'append.condtion-intermediate-event': appendAction(
|
|
'bpmn:IntermediateCatchEvent',
|
|
'bpmn-icon-intermediate-event-catch-condition',
|
|
{ eventDefinitionType: 'bpmn:ConditionalEventDefinition' }
|
|
),
|
|
'append.signal-intermediate-event': appendAction(
|
|
'bpmn:IntermediateCatchEvent',
|
|
'bpmn-icon-intermediate-event-catch-signal',
|
|
{ eventDefinitionType: 'bpmn:SignalEventDefinition' }
|
|
)
|
|
});
|
|
} else
|
|
|
|
if (isEventType(businessObject, 'bpmn:BoundaryEvent', 'bpmn:CompensateEventDefinition')) {
|
|
|
|
assign(actions, {
|
|
'append.compensation-activity':
|
|
appendAction('bpmn:Task', 'bpmn-icon-task', translate('Append compensation activity'), {
|
|
isForCompensation: true
|
|
})
|
|
});
|
|
} else
|
|
|
|
if (!is(businessObject, 'bpmn:EndEvent') &&
|
|
!businessObject.isForCompensation &&
|
|
!isEventType(businessObject, 'bpmn:IntermediateThrowEvent', 'bpmn:LinkEventDefinition') &&
|
|
!isEventSubProcess(businessObject)) {
|
|
|
|
assign(actions, {
|
|
'append.end-event': appendAction(
|
|
'bpmn:EndEvent',
|
|
'bpmn-icon-end-event-none'
|
|
),
|
|
'append.gateway': appendAction(
|
|
'bpmn:ExclusiveGateway',
|
|
'bpmn-icon-gateway-xor'
|
|
),
|
|
'append.append-task': appendAction(
|
|
'bpmn:Task',
|
|
'bpmn-icon-task'
|
|
),
|
|
'append.intermediate-event': appendAction(
|
|
'bpmn:IntermediateThrowEvent',
|
|
'bpmn-icon-intermediate-event-none'
|
|
)
|
|
});
|
|
}
|
|
}
|
|
|
|
var replaceMenu;
|
|
|
|
if (popupMenu._providers['bpmn-replace']) {
|
|
replaceMenu = popupMenu.create('bpmn-replace', element);
|
|
}
|
|
|
|
if (replaceMenu && !replaceMenu.isEmpty()) {
|
|
|
|
// Replace menu entry
|
|
assign(actions, {
|
|
'replace': {
|
|
group: 'edit',
|
|
className: 'bpmn-icon-screw-wrench',
|
|
title: translate('Change type'),
|
|
action: {
|
|
click: function(event, element) {
|
|
replaceMenu.open(assign(getReplaceMenuPosition(element), {
|
|
cursor: { x: event.x, y: event.y }
|
|
}), element);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
if (isAny(businessObject, [
|
|
'bpmn:FlowNode',
|
|
'bpmn:InteractionNode',
|
|
'bpmn:DataObjectReference',
|
|
'bpmn:DataStoreReference'
|
|
])) {
|
|
|
|
assign(actions, {
|
|
'append.text-annotation': appendAction('bpmn:TextAnnotation', 'bpmn-icon-text-annotation'),
|
|
|
|
'connect': {
|
|
group: 'connect',
|
|
className: 'bpmn-icon-connection-multi',
|
|
title: translate('Connect using ' +
|
|
(businessObject.isForCompensation ? '' : 'Sequence/MessageFlow or ') +
|
|
'Association'),
|
|
action: {
|
|
click: startConnect,
|
|
dragstart: startConnect
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
if (isAny(businessObject, [ 'bpmn:DataObjectReference', 'bpmn:DataStoreReference' ])) {
|
|
assign(actions, {
|
|
'connect': {
|
|
group: 'connect',
|
|
className: 'bpmn-icon-connection-multi',
|
|
title: translate('Connect using DataInputAssociation'),
|
|
action: {
|
|
click: startConnect,
|
|
dragstart: startConnect
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// delete element entry, only show if allowed by rules
|
|
var deleteAllowed = rules.allowed('elements.delete', { elements: [ element ] });
|
|
|
|
if (isArray(deleteAllowed)) {
|
|
// was the element returned as a deletion candidate?
|
|
deleteAllowed = deleteAllowed[0] === element;
|
|
}
|
|
|
|
if (deleteAllowed) {
|
|
assign(actions, {
|
|
'delete': {
|
|
group: 'edit',
|
|
className: 'bpmn-icon-trash',
|
|
title: translate('Remove'),
|
|
action: {
|
|
click: removeElement
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
return actions;
|
|
};
|
|
|
|
function isEventType(eventBo, type, definition) {
|
|
|
|
var isType = eventBo.$instanceOf(type);
|
|
var isDefinition = false;
|
|
|
|
var definitions = eventBo.eventDefinitions || [];
|
|
forEach(definitions, function(def) {
|
|
if (def.$type === definition) {
|
|
isDefinition = true;
|
|
}
|
|
});
|
|
|
|
return isType && isDefinition;
|
|
}
|