bpmn-js/lib/features/modeling/ElementFactory.js

'use strict';

var _ = require('lodash');

var BaseElementFactory = require('diagram-js/lib/core/ElementFactory');


/**
 * A bpmn-aware factory for diagram-js shapes
 */
function ElementFactory(bpmnFactory) {
  BaseElementFactory.call(this);

  this._bpmnFactory = bpmnFactory;
}

ElementFactory.prototype = Object.create(BaseElementFactory.prototype);

module.exports = ElementFactory;


ElementFactory.prototype.createWithBpmn = function(elementType, attrs) {

  attrs = attrs || {};

  var businessObject = attrs.businessObject,
      size;

  if (!businessObject) {
    if (!attrs.type) {
      throw new Error('no shape type specified');
    }

    businessObject = this._bpmnFactory.create(attrs.type);
  }

  size = this._getDefaultSize(businessObject);

  if (!businessObject.di) {
    if (elementType === 'connection') {
      businessObject.di = this._bpmnFactory.createDiEdge(businessObject, [], {
        id: businessObject.id + '_di'
      });
    } else {
      businessObject.di = this._bpmnFactory.createDiShape(businessObject, {}, {
        id: businessObject.id + '_di'
      });
    }
  }

  attrs = _.extend({
    businessObject: businessObject,
    id: businessObject.id
  }, size, attrs);

  return this.create(elementType, attrs);
};

ElementFactory.prototype.createRoot = function(attrs) {
  return this.createWithBpmn('root', attrs);
};

ElementFactory.prototype.createLabel = function(attrs) {
  return this.create('label', _.extend({ type: 'label' }, attrs));
};

ElementFactory.prototype.createShape = function(attrs) {
  return this.createWithBpmn('shape', attrs);
};

ElementFactory.prototype.createConnection = function(attrs) {
  return this.createWithBpmn('connection', attrs);
};

ElementFactory.prototype._getDefaultSize = function(semantic) {

  if (semantic.$instanceOf('bpmn:Task')) {
    return { width: 100, height: 80 };
  }

  if (semantic.$instanceOf('bpmn:Gateway')) {
    return { width: 50, height: 50 };
  }

  if (semantic.$instanceOf('bpmn:Event')) {
    return { width: 36, height: 36 };
  }
};