63 lines
1.5 KiB
JavaScript
63 lines
1.5 KiB
JavaScript
|
import { assign } from 'min-dash';
|
||
|
|
import translate from 'diagram-js/lib/i18n/translate/translate';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Add data inputs and data outputs to the panel.
|
||
|
|
*/
|
||
|
|
export default function IoPalette(palette, create, elementFactory,) {
|
||
|
|
this._create = create;
|
||
|
|
this._elementFactory = elementFactory;
|
||
|
|
palette.registerProvider(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
IoPalette.$inject = [
|
||
|
|
'palette',
|
||
|
|
'create',
|
||
|
|
'elementFactory'
|
||
|
|
];
|
||
|
|
|
||
|
|
IoPalette.prototype.getPaletteEntries = function() {
|
||
|
|
|
||
|
|
let input_type = 'bpmn:DataInput';
|
||
|
|
let output_type = 'bpmn:DataOutput';
|
||
|
|
let elementFactory = this._elementFactory, create = this._create;
|
||
|
|
|
||
|
|
function createListener(event, type) {
|
||
|
|
let shape = elementFactory.createShape(assign({ type: type }, {}));
|
||
|
|
shape.width = 36; // Fix up the shape dimensions from the defaults.
|
||
|
|
shape.height = 50;
|
||
|
|
create.start(event, shape);
|
||
|
|
}
|
||
|
|
|
||
|
|
function createInputListener(event) {
|
||
|
|
createListener(event, input_type);
|
||
|
|
}
|
||
|
|
|
||
|
|
function createOutputListener(event) {
|
||
|
|
createListener(event, output_type);
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
'create.data-input': {
|
||
|
|
group: 'data-object',
|
||
|
|
className: 'bpmn-icon-data-input',
|
||
|
|
title: translate('Create DataInput'),
|
||
|
|
action: {
|
||
|
|
dragstart: createInputListener,
|
||
|
|
click: createInputListener
|
||
|
|
}
|
||
|
|
},
|
||
|
|
'create.data-output': {
|
||
|
|
group: 'data-object',
|
||
|
|
className: 'bpmn-icon-data-output',
|
||
|
|
title: translate('Create DataOutput'),
|
||
|
|
action: {
|
||
|
|
dragstart: createOutputListener,
|
||
|
|
click: createOutputListener
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|