feat(entry-field-description): translate

lib/factory/AutoSuggestTextBoxFactory.js

@@ -24,7 +24,7 @@ var SUGGESTION_LIST_BOX_THRESHOLD = 15;
 var noop = function() {};
 
 
-var autoSuggestTextBox = function(options, defaultParameters) {
+var autoSuggestTextBox = function(translate, options, defaultParameters) {
 
   var resource = defaultParameters,
       label = options.label || resource.id,

lib/factory/CheckboxEntryFactory.js

@@ -9,7 +9,7 @@ var getBusinessObject = require('bpmn-js/lib/util/ModelUtil').getBusinessObject,
 var entryFieldDescription = require('./EntryFieldDescription');
 
 
-var checkbox = function(options, defaultParameters) {
+var checkbox = function(translate, options, defaultParameters) {
   var resource = defaultParameters,
       id = resource.id,
       label = options.label || id,
@@ -31,7 +31,7 @@ var checkbox = function(options, defaultParameters) {
 
   // add description below checkbox entry field
   if (description) {
-    resource.html.appendChild(entryFieldDescription(description, { show: canBeHidden && 'isHidden' }));
+    resource.html.appendChild(entryFieldDescription(description, translate, { show: canBeHidden && 'isHidden' }));
   }
 
   resource.get = function(element) {

lib/factory/ComboEntryFactory.js

@@ -29,7 +29,7 @@ var selectEntryFactory = require('./SelectEntryFactory'),
  *
  * @return {Object}
  */
-var comboBox = function(options) {
+var comboBox = function(translate, options) {
 
   var selectOptions = options.selectOptions,
       modelProperty = options.modelProperty,
@@ -116,7 +116,7 @@ var comboBox = function(options) {
 
   // add description below combo box entry field
   if (description) {
-    comboBoxEntry.html.appendChild(entryFieldDescription(description, { show: 'showCustomInput' }));
+    comboBoxEntry.html.appendChild(entryFieldDescription(description, translate, { show: 'showCustomInput' }));
   }
 
   return comboBoxEntry;

lib/factory/EntryFactory.js

@@ -106,12 +106,12 @@ function EntryFactory() {
  * @param options
  * @returns the propertyPanel entry resource object
  */
-EntryFactory.textField = function(options) {
-  return textInputField(options, setDefaultParameters(options));
+EntryFactory.textField = function(translate, options) {
+  return textInputField(translate, options, setDefaultParameters(options));
 };
 
-EntryFactory.validationAwareTextField = function(options) {
-  return validationAwareTextInputField(options, setDefaultParameters(options));
+EntryFactory.validationAwareTextField = function(translate, options) {
+  return validationAwareTextInputField(translate, options, setDefaultParameters(options));
 };
 
 /**
@@ -134,36 +134,36 @@ EntryFactory.validationAwareTextField = function(options) {
  * @param options
  * @returns the propertyPanel entry resource object
  */
-EntryFactory.checkbox = function(options) {
-  return checkboxField(options, setDefaultParameters(options));
+EntryFactory.checkbox = function(translate, options) {
+  return checkboxField(translate, options, setDefaultParameters(options));
 };
 
-EntryFactory.textBox = function(options) {
-  return textBoxField(options, setDefaultParameters(options));
+EntryFactory.textBox = function(translate, options) {
+  return textBoxField(translate, options, setDefaultParameters(options));
 };
 
-EntryFactory.selectBox = function(options) {
-  return selectBoxField(options, setDefaultParameters(options));
+EntryFactory.selectBox = function(translate, options) {
+  return selectBoxField(translate, options, setDefaultParameters(options));
 };
 
-EntryFactory.comboBox = function(options) {
-  return comboBoxField(options);
+EntryFactory.comboBox = function(translate, options) {
+  return comboBoxField(translate, options);
 };
 
-EntryFactory.table = function(options) {
-  return tableField(options);
+EntryFactory.table = function(translate, options) {
+  return tableField(translate, options);
 };
 
 EntryFactory.label = function(options) {
   return labelEntry(options);
 };
 
-EntryFactory.link = function(options) {
-  return link(options);
+EntryFactory.link = function(translate, options) {
+  return link(translate, options);
 };
 
-EntryFactory.autoSuggest = function(options) {
-  return autoSuggestTextBoxField(options, setDefaultParameters(options));
+EntryFactory.autoSuggest = function(translate, options) {
+  return autoSuggestTextBoxField(translate, options, setDefaultParameters(options));
 };
 
 EntryFactory.collapsible = function(options) {

lib/factory/EntryFieldDescription.js

@@ -18,7 +18,7 @@ var MAX_DESCRIPTION_LENGTH = 200;
  * @param {object} [options]
  * @param {string} [options.show] - name of callback to determine whether description is shown
  */
-module.exports = function entryFieldDescription(description, options) {
+module.exports = function entryFieldDescription(description, translate, options) {
   var show = options && options.show;
 
   // we tokenize the description to extract text, HTML and markdown links
@@ -72,13 +72,13 @@ module.exports = function entryFieldDescription(description, options) {
 
       descriptionText.textContent = description + ' ';
 
-      expand.textContent = 'Less';
+      expand.textContent = translate('Less');
     } else {
       domClasses(html).remove('description--expanded');
 
       descriptionText.textContent = descriptionShortened + ' ... ';
 
-      expand.textContent = 'More';
+      expand.textContent = translate('More');
     }
   }
 

lib/factory/LinkEntryFactory.js

@@ -35,7 +35,7 @@ var bind = require('lodash/bind');
  *
  * @return {Entry} the newly created entry
  */
-function link(options) {
+function link(translate, options) {
 
   var id = options.id,
       buttonLabel = options.buttonLabel || id,
@@ -72,7 +72,7 @@ function link(options) {
 
   // add description below link entry field
   if (description) {
-    resource.html.appendChild(entryFieldDescription(description, { show: 'showLink' }));
+    resource.html.appendChild(entryFieldDescription(description, translate, { show: 'showLink' }));
   }
 
   resource.handleClick = bind(handleClick, resource);

lib/factory/SelectEntryFactory.js

@@ -35,7 +35,7 @@ var createOption = function(option) {
  *
  * @return {Object}
  */
-var selectbox = function(options, defaultParameters) {
+var selectbox = function(translate, options, defaultParameters) {
   var resource = defaultParameters,
       label = options.label || resource.id,
       selectOptions = options.selectOptions || [ { name: '', value: '' } ],
@@ -80,7 +80,7 @@ var selectbox = function(options, defaultParameters) {
 
   // add description below select box entry field
   if (description && typeof options.showCustomInput !== 'function') {
-    resource.html.appendChild(entryFieldDescription(description, { show: canBeHidden && 'isHidden' }));
+    resource.html.appendChild(entryFieldDescription(description, translate, { show: canBeHidden && 'isHidden' }));
   }
 
   /**

lib/factory/TableEntryFactory.js

@@ -127,7 +127,7 @@ function setSelection(node, selection) {
  *
  * @return {Object}
  */
-module.exports = function(options) {
+module.exports = function(translate, options) {
 
   var id = options.id,
       modelProperties = options.modelProperties,
@@ -172,7 +172,7 @@ module.exports = function(options) {
         '</div>');
 
   if (description) {
-    html.appendChild(entryFieldDescription(description, { show: 'showTable' }));
+    html.appendChild(entryFieldDescription(description, translate, { show: 'showTable' }));
   }
 
   var factory = {

lib/factory/TextBoxEntryFactory.js

@@ -7,7 +7,7 @@ var escapeHTML = require('../Utils').escapeHTML;
 var entryFieldDescription = require('./EntryFieldDescription');
 
 
-var textBox = function(options, defaultParameters) {
+var textBox = function(translate, options, defaultParameters) {
 
   var resource = defaultParameters,
       label = options.label || resource.id,
@@ -27,7 +27,7 @@ var textBox = function(options, defaultParameters) {
 
   // add description below text box entry field
   if (description) {
-    resource.html.appendChild(entryFieldDescription(description, { show: canBeShown && 'isShown' }));
+    resource.html.appendChild(entryFieldDescription(description, translate, { show: canBeShown && 'isShown' }));
   }
 
   if (canBeShown) {

lib/factory/TextInputEntryFactory.js

@@ -8,7 +8,7 @@ var domify = require('min-dom').domify,
 var entryFieldDescription = require('./EntryFieldDescription');
 
 
-var textField = function(options, defaultParameters) {
+var textField = function(translate, options, defaultParameters) {
 
   // Default action for the button next to the input-field
   var defaultButtonAction = function(element, inputNode) {
@@ -60,7 +60,7 @@ var textField = function(options, defaultParameters) {
 
   // add description below text input entry field
   if (description) {
-    resource.html.appendChild(entryFieldDescription(description, { show: canBeHidden && 'isHidden' }));
+    resource.html.appendChild(entryFieldDescription(description, translate, { show: canBeHidden && 'isHidden' }));
   }
 
   resource[actionName] = actionMethod;

lib/factory/ValidationAwareTextInput.js

@@ -7,7 +7,7 @@ var textField = require('./TextInputEntryFactory');
  * It adds functionality to cache an invalid value entered in the
  * text input, instead of setting it on the business object.
  */
-var validationAwareTextField = function(options, defaultParameters) {
+var validationAwareTextField = function(translate, options, defaultParameters) {
 
   var modelProperty = options.modelProperty;
 
@@ -50,7 +50,7 @@ var validationAwareTextField = function(options, defaultParameters) {
     return options.validate(element, property, node);
   };
 
-  return textField(options, defaultParameters);
+  return textField(translate, options, defaultParameters);
 };
 
 module.exports = validationAwareTextField;

lib/provider/bpmn/parts/DocumentationProps.js

@@ -34,7 +34,7 @@ module.exports = function(group, element, bpmnFactory, translate) {
   };
 
   // Element Documentation
-  var elementDocuEntry = entryFactory.textBox({
+  var elementDocuEntry = entryFactory.textBox(translate, {
     id: 'documentation',
     label: translate('Element Documentation'),
     modelProperty: 'documentation'
@@ -56,7 +56,7 @@ module.exports = function(group, element, bpmnFactory, translate) {
 
     // do not show for collapsed Pools/Participants
     if (processRef) {
-      var processDocuEntry = entryFactory.textBox({
+      var processDocuEntry = entryFactory.textBox(translate, {
         id: 'process-documentation',
         label: translate('Process Documentation'),
         modelProperty: 'documentation'

lib/provider/bpmn/parts/ExecutableProps.js

@@ -17,7 +17,7 @@ module.exports = function(group, element, translate) {
 
   if (is(element, 'bpmn:Process') || (is(element, 'bpmn:Participant') && bo.get('processRef'))) {
 
-    var executableEntry = entryFactory.checkbox({
+    var executableEntry = entryFactory.checkbox(translate, {
       id: 'process-is-executable',
       label: translate('Executable'),
       modelProperty: 'isExecutable'

lib/provider/bpmn/parts/IdProps.js

@@ -13,7 +13,7 @@ module.exports = function(group, element, translate, options) {
   var description = options && options.description;
 
   // Id
-  group.entries.push(entryFactory.validationAwareTextField({
+  group.entries.push(entryFactory.validationAwareTextField(translate, {
     id: options.id || 'id',
     label: translate('Id'),
     description: description && translate(description),

lib/provider/bpmn/parts/LinkProps.js

@@ -32,7 +32,7 @@ module.exports = function(group, element, translate) {
       var linkEventDefinition = getLinkEventDefinition(element);
 
       if (linkEventDefinition) {
-        var entry = entryFactory.textField({
+        var entry = entryFactory.textField(translate, {
           id: 'link-event',
           label: translate('Link Name'),
           modelProperty: 'link-name'

lib/provider/bpmn/parts/ProcessProps.js

@@ -18,7 +18,7 @@ module.exports = function(group, element, translate, options) {
      * processId
      */
     if (is(element, 'bpmn:Participant')) {
-      var idEntry = entryFactory.validationAwareTextField({
+      var idEntry = entryFactory.validationAwareTextField(translate, {
         id: 'process-id',
         label: translate('Process Id'),
         description: processIdDescription && translate(processIdDescription),

lib/provider/bpmn/parts/implementation/CompensateEventDefinition.js

@@ -87,7 +87,7 @@ function createActivityRefOptions(element) {
 
 module.exports = function(group, element, bpmnFactory, compensateEventDefinition, elementRegistry, translate) {
 
-  group.entries.push(entryFactory.checkbox({
+  group.entries.push(entryFactory.checkbox(translate, {
     id: 'wait-for-completion',
     label: translate('Wait for Completion'),
     modelProperty: 'waitForCompletion',
@@ -104,7 +104,7 @@ module.exports = function(group, element, bpmnFactory, compensateEventDefinition
     }
   }));
 
-  group.entries.push(entryFactory.selectBox({
+  group.entries.push(entryFactory.selectBox(translate, {
     id: 'activity-ref',
     label: translate('Activity Ref'),
     selectOptions: createActivityRefOptions(element),

lib/provider/bpmn/parts/implementation/ConditionalEventDefinition.js

@@ -28,7 +28,7 @@ module.exports = function(group, element, bpmnFactory, conditionalEventDefinitio
     };
   };
 
-  group.entries.push(entryFactory.textField({
+  group.entries.push(entryFactory.textField(translate, {
     id: 'variableName',
     label: translate('Variable Name'),
     modelProperty : 'variableName',
@@ -41,7 +41,7 @@ module.exports = function(group, element, bpmnFactory, conditionalEventDefinitio
     is(element, 'bpmn:StartEvent') && !isEventSubProcess(element.parent);
 
   if (!isConditionalStartEvent) {
-    group.entries.push(entryFactory.textField({
+    group.entries.push(entryFactory.textField(translate, {
       id: 'variableEvent',
       label: translate('Variable Event'),
       description: translate('Specify more than one variable change event as a comma separated list.'),

lib/provider/bpmn/parts/implementation/ElementReferenceProperty.js

@@ -20,15 +20,15 @@ var cmdHelper = require('../../../../helper/CmdHelper');
  *
  * @return {Array<Object>} return an array containing the entries
  */
-module.exports = function(element, definition, bpmnFactory, options) {
+module.exports = function(element, definition, bpmnFactory, translate, options) {
 
   var id = options.id || 'element-property';
   var label = options.label;
   var referenceProperty = options.referenceProperty;
   var modelProperty = options.modelProperty || 'name';
   var shouldValidate = options.shouldValidate || false;
 
-  var entry = entryFactory.textField({
+  var entry = entryFactory.textField(translate, {
     id: id,
     label: label,
     modelProperty: modelProperty,

lib/provider/bpmn/parts/implementation/ErrorEventDefinition.js

@@ -16,20 +16,24 @@ module.exports = function(group, element, bpmnFactory, errorEventDefinition, tra
   }));
 
 
-  group.entries = group.entries.concat(elementReferenceProperty(element, errorEventDefinition, bpmnFactory, {
-    id: 'error-element-name',
-    label: translate('Error Name'),
-    referenceProperty: 'errorRef',
-    modelProperty: 'name',
-    shouldValidate: true
-  }));
-
-
-  group.entries = group.entries.concat(elementReferenceProperty(element, errorEventDefinition, bpmnFactory, {
-    id: 'error-element-code',
-    label: translate('Error Code'),
-    referenceProperty: 'errorRef',
-    modelProperty: 'errorCode'
-  }));
+  group.entries = group.entries.concat(
+    elementReferenceProperty(element, errorEventDefinition, bpmnFactory, translate, {
+      id: 'error-element-name',
+      label: translate('Error Name'),
+      referenceProperty: 'errorRef',
+      modelProperty: 'name',
+      shouldValidate: true
+    })
+  );
+
+
+  group.entries = group.entries.concat(
+    elementReferenceProperty(element, errorEventDefinition, bpmnFactory, translate, {
+      id: 'error-element-code',
+      label: translate('Error Code'),
+      referenceProperty: 'errorRef',
+      modelProperty: 'errorCode'
+    })
+  );
 
 };