feat(bpmnpaletteprovider): BPMN item provider for the palette

close bpmn-js#137
This commit is contained in:
jdotzki 2014-10-06 12:23:22 +02:00
parent 81ca09fe64
commit d3dbeb1375
5 changed files with 198 additions and 2 deletions

View File

@ -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')
];

View File

@ -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 };
}
};
};

View File

@ -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();
};

View File

@ -0,0 +1,7 @@
module.exports = {
__depends__: [
require('diagram-js/lib/features/palette')
],
__init__: [ 'bpmnPaletteProvider' ],
bpmnPaletteProvider: [ 'type', require('./BpmnPaletteProvider') ],
};

View File

@ -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);
});
});
});