feat(bpmnpaletteprovider): BPMN item provider for the palette
close bpmn-js#137
This commit is contained in:
parent
81ca09fe64
commit
d3dbeb1375
|
@ -67,7 +67,8 @@ Modeler.prototype._modelingModules = [
|
|||
require('diagram-js/lib/features/snapping'),
|
||||
require('diagram-js/lib/features/move'),
|
||||
require('./features/modeling'),
|
||||
require('./features/context-pad')
|
||||
require('./features/context-pad'),
|
||||
require('./features/palette')
|
||||
];
|
||||
|
||||
|
||||
|
|
|
@ -52,6 +52,10 @@ ElementFactory.prototype.createWithBpmn = function(elementType, attrs) {
|
|||
}
|
||||
}
|
||||
|
||||
if (!!attrs.isExpanded) {
|
||||
businessObject.di.isExpanded = attrs.isExpanded;
|
||||
}
|
||||
|
||||
attrs = _.extend({
|
||||
businessObject: businessObject,
|
||||
id: businessObject.id
|
||||
|
@ -89,4 +93,4 @@ ElementFactory.prototype._getDefaultSize = function(semantic) {
|
|||
if (semantic.$instanceOf('bpmn:Event')) {
|
||||
return { width: 36, height: 36 };
|
||||
}
|
||||
};
|
||||
};
|
||||
|
|
|
@ -0,0 +1,134 @@
|
|||
'use strict';
|
||||
|
||||
var _ = require('lodash'),
|
||||
$ = require('jquery');
|
||||
|
||||
/**
|
||||
* A BPMN instance of the palette.
|
||||
*/
|
||||
function BpmnPaletteProvider(eventBus, palette, modeling, elementRegistry, canvas) {
|
||||
|
||||
this._eventBus = eventBus,
|
||||
this._palette = palette,
|
||||
this._modeling = modeling,
|
||||
this._elementRegistry = elementRegistry,
|
||||
this._canvas = canvas;
|
||||
|
||||
palette.registerProvider(this);
|
||||
}
|
||||
|
||||
module.exports = BpmnPaletteProvider;
|
||||
|
||||
BpmnPaletteProvider.$inject = [ 'eventBus', 'palette', 'modeling', 'elementRegistry', 'canvas' ];
|
||||
|
||||
|
||||
BpmnPaletteProvider.prototype.getPaletteEntries = function(element) {
|
||||
|
||||
var actions = {},
|
||||
modeling = this._modeling,
|
||||
elementRegistry = this._elementRegistry,
|
||||
canvas = this._canvas;
|
||||
|
||||
var root = elementRegistry.getRoot();
|
||||
var vbox = canvas.viewbox();
|
||||
|
||||
var center = {
|
||||
x: vbox.outer.width * 1 / vbox.scale / 2,
|
||||
y: vbox.outer.height * 1 / vbox.scale / 2
|
||||
};
|
||||
|
||||
_.extend(actions, {
|
||||
'add.start-event': {
|
||||
group: 'model-event',
|
||||
img: '<circle fill="#ffffff" stroke="#000000" style="stroke-width: 1;" r="9" cy="12.5" cx="12.5"></circle>',
|
||||
alt: 'Start Event',
|
||||
action: function(event, element) {
|
||||
modeling.createShape({
|
||||
type: 'bpmn:StartEvent'
|
||||
}, center, root);
|
||||
}
|
||||
},
|
||||
'add.inter-throw-event': {
|
||||
group: 'model-event',
|
||||
img: '<circle r="9" stroke="#000000" fill="#ffffff" cx="12.5" cy="12.5" style="stroke-width: 1px;"></circle>' +
|
||||
'<circle r="7" stroke="#000000" fill="none" cx="12.5" cy="12.5" style="stroke-width: 1px;"></circle>',
|
||||
alt: 'Intermediate Throw Event',
|
||||
action: function(event, element) {
|
||||
modeling.createShape({
|
||||
type: 'bpmn:IntermediateThrowEvent'
|
||||
}, center, root);
|
||||
}
|
||||
},
|
||||
'add.end-event': {
|
||||
group: 'model-event',
|
||||
img: '<circle fill="#ffffff" stroke="#000000" style="stroke-width: 2;" r="9" cy="12.5" cx="12.5"/>',
|
||||
alt: 'End Event',
|
||||
action: function(event, element) {
|
||||
modeling.createShape({
|
||||
type: 'bpmn:EndEvent'
|
||||
}, center, root);
|
||||
}
|
||||
},
|
||||
'add.exclusive-gateway': {
|
||||
group: 'model-gateway',
|
||||
img: '<rect y="5" x="5" height="15" width="15" stroke="#000000" fill="#ffffff" ' +
|
||||
'style="stroke-width: 1px;" transform="rotate(45,12.5,12.5)" />',
|
||||
alt: 'Exclusive Gateway',
|
||||
action: function(event, element) {
|
||||
modeling.createShape({
|
||||
type: 'bpmn:ExclusiveGateway'
|
||||
}, center, root);
|
||||
}
|
||||
},
|
||||
'add.task': {
|
||||
group: 'model-activity',
|
||||
img: '<rect fill="#ffffff" stroke="#000000" style="stroke-width: 1;" ry="5" rx="5" height="15" ' +
|
||||
'width="20" y="5" x="2.5"></rect>',
|
||||
alt: 'Task',
|
||||
action: function(event, element) {
|
||||
modeling.createShape({
|
||||
type: 'bpmn:Task'
|
||||
}, center, root);
|
||||
}
|
||||
},
|
||||
'add.subProcess-collapsed': {
|
||||
group: 'model-activity',
|
||||
img: '<rect fill="#ffffff" stroke="#000000" style="stroke-width: 1;" ry="4" rx="4" height="15" ' +
|
||||
' width="15" y="5" x="5" />' +
|
||||
'<path d=" m 12.5,7.5 l 0,10 m -5,-5 l 10,0" fill="none" stroke="#000000" ' +
|
||||
' style="stroke-width: 2px;" />',
|
||||
alt: 'Subprocess collapsed',
|
||||
action: function(event, element) {
|
||||
modeling.createShape({
|
||||
type: 'bpmn:SubProcess',
|
||||
isExpanded: false
|
||||
}, center, root);
|
||||
}
|
||||
},
|
||||
'add.subProcess-expanded': {
|
||||
group: 'model-activity',
|
||||
img: '<rect fill="#ffffff" stroke="#000000" style="stroke-width: 1;" ry="4" rx="4" height="15" ' +
|
||||
' width="15" y="5" x="5"></rect>' +
|
||||
'<path d=" m 7.5,12.5 l 10,0" fill="none" stroke="#000000" ' +
|
||||
' style="stroke-width: 2px;" />',
|
||||
alt: 'Subprocess Expanded',
|
||||
action: function(event, element) {
|
||||
modeling.createShape({
|
||||
type: 'bpmn:SubProcess',
|
||||
isExpanded: true
|
||||
}, center, root);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return actions;
|
||||
};
|
||||
|
||||
BpmnPaletteProvider.prototype.open = function() {
|
||||
this._palette.open();
|
||||
};
|
||||
|
||||
|
||||
BpmnPaletteProvider.prototype.close = function() {
|
||||
this._palette.close();
|
||||
};
|
|
@ -0,0 +1,7 @@
|
|||
module.exports = {
|
||||
__depends__: [
|
||||
require('diagram-js/lib/features/palette')
|
||||
],
|
||||
__init__: [ 'bpmnPaletteProvider' ],
|
||||
bpmnPaletteProvider: [ 'type', require('./BpmnPaletteProvider') ],
|
||||
};
|
|
@ -0,0 +1,50 @@
|
|||
'use strict';
|
||||
|
||||
var Matchers = require('../../../Matchers'),
|
||||
TestHelper = require('../../../TestHelper');
|
||||
|
||||
|
||||
var fs = require('fs');
|
||||
|
||||
var Modeler = require('../../../../lib/Modeler');
|
||||
var bpmnPaletteModule = require('../../../../lib/features/palette');
|
||||
|
||||
|
||||
|
||||
describe('palette', function() {
|
||||
|
||||
|
||||
beforeEach(Matchers.addDeepEquals);
|
||||
|
||||
|
||||
var container;
|
||||
|
||||
beforeEach(function() {
|
||||
container = jasmine.getEnv().getTestContainer();
|
||||
});
|
||||
|
||||
|
||||
function createModeler(xml, done) {
|
||||
var modeler = new Modeler({ container: container });
|
||||
|
||||
modeler.importXML(xml, function(err) {
|
||||
done(err, modeler);
|
||||
});
|
||||
}
|
||||
|
||||
iit('should should draw palette', function(done) {
|
||||
|
||||
var modeler = new Modeler({ container: container });
|
||||
modeler.createDiagram(function(err) {
|
||||
|
||||
var palette = modeler.get('bpmnPaletteProvider');
|
||||
|
||||
palette.open();
|
||||
|
||||
done(err);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
Loading…
Reference in New Issue