mida/lib/features/color-picker/ColorPicker.js

Muiltiple Instance and Data Animator for BPMN models.

'use strict';

function UpdateColorHandler() {

  this.execute = function(context) {
    context.oldColor = context.element.color;
    context.element.color = context.color;

    return context.element;
  };

  this.revert = function(context) {
    context.element.color = context.oldColor;

    return context.element;
  };
}

var is = require('bpmn-js/lib/util/ModelUtil').is;


function ColorPicker(eventBus, contextPad, commandStack) {

  contextPad.registerProvider(this);

  commandStack.registerHandler('shape.updateColor', UpdateColorHandler);

  function changeColor(event, element) {

    var color = window.prompt('type a color code');

    commandStack.execute('shape.updateColor', { element: element, color: color });
  }


  this.getContextPadEntries = function(element) {

    if (is(element, 'bpmn:Event')) {
      return {
        'changeColor': {
          group: 'edit',
          className: 'icon-red',
          title: 'Change element color',
          action: {
            click: changeColor
          }
        }
      };
    }
  };
}

module.exports = ColorPicker;