EventDefinitionReference.js
4.59 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
'use strict';
var cmdHelper = require('../../../../helper/CmdHelper');
var domQuery = require('min-dom').query,
domify = require('min-dom').domify,
domAttr = require('min-dom').attr;
var forEach = require('lodash/forEach'),
find = require('lodash/find');
var elementHelper = require('../../../../helper/ElementHelper');
var utils = require('../../../../Utils'),
escapeHTML = utils.escapeHTML;
var selector = 'select[name=selectedElement]';
/**
* Get select box containing all elements.
*
* @param {DOMElement} node
*
* @return {DOMElement} the select box
*/
function getSelectBox(node) {
return domQuery(selector, node.parentElement);
}
/**
* Find element by given id.
*
* @param {ModdleElement} eventDefinition
*
* @return {ModdleElement} an element
*/
function findElementById(eventDefinition, type, id) {
var elements = utils.findRootElementsByType(eventDefinition, type);
return find(elements, function(element) {
return element.id === id;
});
}
/**
* Create an entry to modify the reference to an element from an
* event definition.
*
* @param {djs.model.Base} element
* @param {ModdleElement} definition
* @param {BpmnFactory} bpmnFactory
* @param {Object} options
* @param {string} options.label the label of the entry
* @param {string} options.description the description of the entry
* @param {string} options.elementName the name of the element
* @param {string} options.elementType the type of the element
* @param {string} options.referenceProperty the name of referencing property
* @param {string} options.newElementIdPrefix the prefix of a new created element
*
* @return {Array<Object>} return an array containing the entries
*/
module.exports = function(element, definition, bpmnFactory, options) {
var elementName = options.elementName || '',
elementType = options.elementType,
referenceProperty = options.referenceProperty;
var newElementIdPrefix = options.newElementIdPrefix || 'elem_';
var label = options.label || '',
description = options.description || '';
var entries = [];
entries.push({
id: 'event-definitions-' + elementName,
description: description,
html: '<div class="bpp-row bpp-select">' +
'<label for="camunda-' + escapeHTML(elementName) + '">' + escapeHTML(label) + '</label>' +
'<div class="bpp-field-wrapper">' +
'<select id="camunda-' + escapeHTML(elementName) + '" name="selectedElement" data-value>' +
'</select>' +
'<button class="add" id="addElement" data-action="addElement"><span>+</span></button>' +
'</div>' +
'</div>',
get: function(element, entryNode) {
utils.updateOptionsDropDown(selector, definition, elementType, entryNode);
var reference = definition.get(referenceProperty);
return {
selectedElement: (reference && reference.id) || ''
};
},
set: function(element, values) {
var selection = values.selectedElement;
var props = {};
if (!selection || typeof selection === 'undefined') {
// remove reference to element
props[referenceProperty] = undefined;
return cmdHelper.updateBusinessObject(element, definition, props);
}
var commands = [];
var selectedElement = findElementById(definition, elementType, selection);
if (!selectedElement) {
var root = utils.getRoot(definition);
// create a new element
selectedElement = elementHelper.createElement(elementType, { name: selection }, root, bpmnFactory);
commands.push(cmdHelper.addAndRemoveElementsFromList(element, root, 'rootElements', null, [ selectedElement ]));
}
// update reference to element
props[referenceProperty] = selectedElement;
commands.push(cmdHelper.updateBusinessObject(element, definition, props));
return commands;
},
addElement: function(element, inputNode) {
// note: this generated id will be used as name
// of the element and not as id
var id = utils.nextId(newElementIdPrefix);
var optionTemplate = domify('<option value="' + escapeHTML(id) + '"> (id='+escapeHTML(id)+')' + '</option>');
// add new option
var selectBox = getSelectBox(inputNode);
selectBox.insertBefore(optionTemplate, selectBox.firstChild);
// select new element in the select box
forEach(selectBox, function(option) {
if (option.value === id) {
domAttr(option, 'selected', 'selected');
} else {
domAttr(option, 'selected', null);
}
});
return true;
}
});
return entries;
};