org.jbpm.designer.public.js.Plugins.propertywindow.js Maven / Gradle / Ivy
/**
* Copyright (c) 2006
* Martin Czuchra, Nicolas Peters, Daniel Polak, Willi Tscheschner
*
* Permission is hereby granted, free of charge, to any person obtaining a
* copy of this software and associated documentation files (the "Software"),
* to deal in the Software without restriction, including without limitation
* the rights to use, copy, modify, merge, publish, distribute, sublicense,
* and/or sell copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
* DEALINGS IN THE SOFTWARE.
**/
if(!ORYX.Plugins) {
ORYX.Plugins = new Object();
}
if (!ORYX.FieldEditors) {
ORYX.FieldEditors = {};
}
if (!ORYX.AssociationEditors) {
ORYX.AssociationEditors = {};
}
if (!ORYX.LabelProviders) {
ORYX.LabelProviders = {};
}
Ext.override(Ext.form.ComboBox, {
anyMatch: false,
caseSensitive: false,
doQuery: function(q, forceAll){
if(q === undefined || q === null){
q = '';
}
var qe = {
query: q,
forceAll: forceAll,
combo: this,
cancel:false
};
if(this.fireEvent('beforequery', qe)===false || qe.cancel){
return false;
}
q = qe.query;
forceAll = qe.forceAll;
if(forceAll === true || (q.length >= this.minChars)){
if(this.lastQuery !== q){
this.lastQuery = q;
if(this.mode == 'local'){
this.selectedIndex = -1;
if(forceAll){
this.store.clearFilter();
}else{
this.store.filter(this.displayField, q, this.anyMatch, this.caseSensitive);
}
this.onLoad();
}else{
this.store.baseParams[this.queryParam] = q;
this.store.load({
params: this.getParams(q)
});
this.expand();
}
}else{
this.selectedIndex = -1;
this.onLoad();
}
}
}
});
ORYX.Plugins.PropertyWindow = {
facade: undefined,
construct: function(facade) {
// Reference to the Editor-Interface
this.facade = facade;
this.facade.registerOnEvent(ORYX.CONFIG.EVENT_SHOW_PROPERTYWINDOW, this.init.bind(this));
this.facade.registerOnEvent(ORYX.CONFIG.EVENT_LOADED, this.onSelectionChanged.bind(this));
this.init();
},
init: function(){
// The parent div-node of the grid
this.node = ORYX.Editor.graft("http://www.w3.org/1999/xhtml",
null,
['div']);
// If the current property in focus is of type 'Date', the date format
// is stored here.
this.currentDateFormat;
// the properties array
this.popularProperties = [];
this.simulationProperties = [];
this.displayProperties = [];
this.customAssignmentsProperties = [];
this.properties = [];
/* The currently selected shapes whos properties will shown */
this.shapeSelection = new Hash();
this.shapeSelection.shapes = new Array();
this.shapeSelection.commonProperties = new Array();
this.shapeSelection.commonPropertiesValues = new Hash();
this.updaterFlag = false;
// creating the column model of the grid.
this.columnModel = new Ext.grid.ColumnModel([
{
//id: 'name',
header: ORYX.I18N.PropertyWindow.name,
dataIndex: 'name',
width: 90,
sortable: true,
renderer: this.tooltipRenderer.bind(this),
css: 'font-weight: bold;'
}, {
//id: 'value',
header: ORYX.I18N.PropertyWindow.value,
dataIndex: 'value',
id: 'propertywindow_column_value',
width: 110,
editor: new Ext.form.TextField({
allowBlank: true
}),
renderer: this.renderer.bind(this)
},
{
header: ORYX.I18N.PropertyWindow.desk,
dataIndex: 'groupname',
hidden: true,
sortable: true
}
]);
// creating the store for the model.
this.dataSource = new Ext.data.GroupingStore({
proxy: new Ext.data.MemoryProxy(this.properties),
reader: new Ext.data.ArrayReader({}, [
{name: 'groupname'},
{name: 'name'},
{name: 'value'},
{name: 'icons'},
{name: 'gridProperties'}
]),
sortInfo: {field: 'name', direction: "ASC"},
groupField: 'groupname'
});
this.dataSource.load();
this.grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
clicksToEdit: 1,
stripeRows: true,
autoExpandColumn: "propertywindow_column_value",
width:'auto',
// the column model
colModel: this.columnModel,
enableHdMenu: false,
view: new Ext.grid.GroupingView({
forceFit: false,
groupTextTpl: '{[values.rs.first().data.groupname]}'
}),
// the data store
store: this.dataSource
});
region = this.facade.addToRegion('east', new Ext.Panel({
width: 400,
layout: "anchor",
autoScroll: true,
autoHeight: true,
border: false,
//title: 'Properties',
items: [
this.grid
],
anchors: '0, -30'
}), ORYX.I18N.PropertyWindow.title);
// Register on Events
this.grid.on('beforeedit', this.beforeEdit, this, true);
this.grid.on('afteredit', this.afterEdit, this, true);
this.grid.view.on('refresh', this.hideMoreAttrs, this, true);
//this.grid.on(ORYX.CONFIG.EVENT_KEYDOWN, this.keyDown, this, true);
// Renderer the Grid
this.grid.enableColumnMove = false;
//this.grid.render();
// Sort as Default the first column
//this.dataSource.sort('name');
},
// Select the Canvas when the editor is ready
selectDiagram: function() {
this.shapeSelection.shapes = [this.facade.getCanvas()];
this.setPropertyWindowTitle();
this.identifyCommonProperties();
this.createProperties();
},
specialKeyDown: function(field, event) {
// If there is a TextArea and the Key is an Enter
if(field instanceof Ext.form.TextArea && event.button == ORYX.CONFIG.KEY_Code_enter) {
// Abort the Event
return false
}
},
tooltipRenderer: function(value, p, record) {
/* Prepare tooltip */
p.cellAttr = 'title="' + record.data.gridProperties.tooltip + '"';
return value;
},
renderer: function(value, p, record) {
this.tooltipRenderer(value, p, record);
if (record.data.gridProperties.labelProvider) {
// there is a label provider to render the value.
// we pass it the value
return record.data.gridProperties.labelProvider(value);
}
if(value instanceof Date) {
// TODO: Date-Schema is not generic
value = value.dateFormat(ORYX.I18N.PropertyWindow.dateFormat);
} else if(String(value).search("";
}
record.data.icons.each(function(each) {
if(each.name == value) {
if(each.icon) {
value = "![](" + each.icon + ")
" + value;
}
}
});
}
return value;
},
beforeEdit: function(option) {
var editorGrid = this.dataSource.getAt(option.row).data.gridProperties.editor;
var editorRenderer = this.dataSource.getAt(option.row).data.gridProperties.renderer;
if(editorGrid) {
// Disable KeyDown
this.facade.disableEvent(ORYX.CONFIG.EVENT_KEYDOWN);
option.grid.getColumnModel().setEditor(1, editorGrid);
editorGrid.field.row = option.row;
// Render the editor to the grid, therefore the editor is also available
// for the first and last row
editorGrid.render(this.grid);
//option.grid.getColumnModel().setRenderer(1, editorRenderer);
editorGrid.setSize(option.grid.getColumnModel().getColumnWidth(1), editorGrid.height);
} else {
return false;
}
var key = this.dataSource.getAt(option.row).data.gridProperties.propId;
this.oldValues = new Hash();
this.shapeSelection.shapes.each(function(shape){
this.oldValues[shape.getId()] = shape.properties[key];
}.bind(this));
},
afterEdit: function(option) {
//Ext1.0: option.grid.getDataSource().commitChanges();
option.grid.getStore().commitChanges();
var key = option.record.data.gridProperties.propId;
var selectedElements = this.shapeSelection.shapes;
var oldValues = this.oldValues;
var newValue = option.value;
var facade = this.facade;
// Implement the specific command for property change
var commandClass = ORYX.Core.Command.extend({
construct: function(){
this.key = key;
this.selectedElements = selectedElements;
this.oldValues = oldValues;
this.newValue = newValue;
this.facade = facade;
},
execute: function(){
this.selectedElements.each(function(shape){
if(!shape.getStencil().property(this.key).readonly()) {
shape.setProperty(this.key, this.newValue);
}
}.bind(this));
this.facade.setSelection(this.selectedElements);
this.facade.getCanvas().update();
this.facade.updateSelection();
},
rollback: function(){
this.selectedElements.each(function(shape){
shape.setProperty(this.key, this.oldValues[shape.getId()]);
}.bind(this));
this.facade.setSelection(this.selectedElements);
this.facade.getCanvas().update();
this.facade.updateSelection();
}
})
// Instanciated the class
var command = new commandClass();
// Execute the command
this.facade.executeCommands([command]);
this.facade.raiseEvent({
type: ORYX.CONFIG.EVENT_PROPWINDOW_PROP_CHANGED,
elements: selectedElements,
key: key,
value: option.value
});
},
// Changes made in the property window will be shown directly
editDirectly:function(key, value){
this.shapeSelection.shapes.each(function(shape){
if(!shape.getStencil().property(key).readonly()) {
shape.setProperty(key, value);
//shape.update();
}
}.bind(this));
/* Propagate changed properties */
var selectedElements = this.shapeSelection.shapes;
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_PROPWINDOW_PROP_CHANGED,
elements : selectedElements,
key : key,
value : value
});
this.facade.getCanvas().update();
},
// if a field becomes invalid after editing the shape must be restored to the old value
updateAfterInvalid : function(key) {
this.shapeSelection.shapes.each(function(shape) {
if(!shape.getStencil().property(key).readonly()) {
shape.setProperty(key, this.oldValues[shape.getId()]);
shape.update();
}
}.bind(this));
this.facade.getCanvas().update();
},
// extended by Kerstin (start)
dialogClosed: function(data) {
var row = this.field ? this.field.row : this.row
this.scope.afterEdit({
grid:this.scope.grid,
record:this.scope.grid.getStore().getAt(row),
//value:this.scope.grid.getStore().getAt(this.row).get("value")
value: data
});
// reopen the text field of the complex list field again
this.scope.grid.startEditing(row, this.col);
},
// extended by Kerstin (end)
/**
* Changes the title of the property window panel according to the selected shapes.
*/
setPropertyWindowTitle: function() {
if(this.shapeSelection.shapes.length == 1) {
// add the name of the stencil of the selected shape to the title
var nodeTitle = this.shapeSelection.shapes.first().getStencil().title();
if(this.shapeSelection.shapes.first() && this.shapeSelection.shapes.first().properties && this.shapeSelection.shapes.first().properties['oryx-tasktype'] &&
this.shapeSelection.shapes.first().properties['oryx-tasktype'].length > 0) {
nodeTitle = this.shapeSelection.shapes.first().properties['oryx-tasktype'];
}
region.setTitle(ORYX.I18N.PropertyWindow.title +' ('+ nodeTitle +')' );
} else {
region.setTitle(ORYX.I18N.PropertyWindow.title +' ('
+ this.shapeSelection.shapes.length
+ ' '
+ ORYX.I18N.PropertyWindow.selected
+')');
}
},
/**
* Sets this.shapeSelection.commonPropertiesValues.
* If the value for a common property is not equal for each shape the value
* is left empty in the property window.
*/
setCommonPropertiesValues: function() {
this.shapeSelection.commonPropertiesValues = new Hash();
this.shapeSelection.commonProperties.each(function(property){
var key = property.prefix() + "-" + property.id();
var emptyValue = false;
var firstShape = this.shapeSelection.shapes.first();
this.shapeSelection.shapes.each(function(shape){
if(firstShape.properties[key] != shape.properties[key]) {
emptyValue = true;
}
}.bind(this));
/* Set property value */
if(!emptyValue) {
this.shapeSelection.commonPropertiesValues[key]
= firstShape.properties[key];
}
}.bind(this));
},
/**
* Returns the set of stencils used by the passed shapes.
*/
getStencilSetOfSelection: function() {
var stencils = new Hash();
this.shapeSelection.shapes.each(function(shape) {
stencils[shape.getStencil().id()] = shape.getStencil();
})
return stencils;
},
/**
* Identifies the common Properties of the selected shapes.
*/
identifyCommonProperties: function() {
this.shapeSelection.commonProperties.clear();
/*
* A common property is a property, that is part of
* the stencil definition of the first and all other stencils.
*/
var stencils = this.getStencilSetOfSelection();
var firstStencil = stencils.values().first();
var comparingStencils = stencils.values().without(firstStencil);
if(comparingStencils.length == 0) {
this.shapeSelection.commonProperties = firstStencil.properties();
} else {
var properties = new Hash();
/* put all properties of on stencil in a Hash */
firstStencil.properties().each(function(property){
properties[property.namespace() + '-' + property.id()
+ '-' + property.type()] = property;
});
/* Calculate intersection of properties. */
comparingStencils.each(function(stencil){
var intersection = new Hash();
stencil.properties().each(function(property){
if(properties[property.namespace() + '-' + property.id()
+ '-' + property.type()]){
intersection[property.namespace() + '-' + property.id()
+ '-' + property.type()] = property;
}
});
properties = intersection;
});
this.shapeSelection.commonProperties = properties.values();
}
},
onSelectionChanged: function(event) {
/* Event to call afterEdit method */
this.grid.stopEditing();
/* Selected shapes */
this.shapeSelection.shapes = event.elements;
/* Case: nothing selected */
if(event.elements) {
if(event.elements.length == 0) {
this.shapeSelection.shapes = [this.facade.getCanvas()];
}
// else {
// var elength = this.shapeSelection.shapes.length;
// while(elength--) {
// var nextNode = this.shapeSelection.shapes[elength];
// if(nextNode && (nextNode instanceof ORYX.Core.Node || nextNode instanceof ORYX.Core.Edge) && nextNode.properties["oryx-isselectable"] == "false") {
// this.shapeSelection.shapes.splice(elength);
// }
// }
// if(this.shapeSelection.shapes.length == 0) {
// this.shapeSelection.shapes = [this.facade.getCanvas()];
// }
// }
} else {
this.shapeSelection.shapes = [this.facade.getCanvas()];
}
/* subselection available */
if(event.subSelection){
this.shapeSelection.shapes = [event.subSelection];
}
if (this.shapeSelection.shapes.length == 1){
if (ORYX.USEOLDDATAASSIGNMENTS == false) {
var element = this.shapeSelection.shapes[0];
if (ORYX.DataIOEditorUtils.hasDataIOProperty(element)) {
ORYX.DataIOEditorUtils.setAssignmentsViewProperty(element);
}
}
}
this.setPropertyWindowTitle();
this.identifyCommonProperties();
this.setCommonPropertiesValues();
// Create the Properties
this.createProperties();
},
/**
* Creates the properties for the ExtJS-Grid from the properties of the
* selected shapes.
*/
createProperties: function() {
this.properties = [];
this.popularProperties = [];
this.simulationProperties = [];
this.customAssignmentsProperties = [];
this.displayProperties = [];
if(this.shapeSelection.commonProperties) {
// add new property lines
this.shapeSelection.commonProperties.each((function(pair, index) {
var key = pair.prefix() + "-" + pair.id();
// Get the property pair
var name = pair.title();
var icons = [];
var attribute = this.shapeSelection.commonPropertiesValues[key];
var editorGrid = undefined;
var editorRenderer = null;
var refToViewFlag = false;
var editorClass = ORYX.FieldEditors[pair.type()];
if (editorClass !== undefined) {
editorGrid = editorClass.init.bind(this, key, pair, icons, index)();
if (editorGrid == null) {
return; // don't insist, the editor won't be created this time around.
}
// Register Event to enable KeyDown
editorGrid.on('beforehide', this.facade.enableEvent.bind(this, ORYX.CONFIG.EVENT_KEYDOWN));
editorGrid.on('specialkey', this.specialKeyDown.bind(this));
} else {
if(!pair.readonly()){
switch(pair.type()) {
case ORYX.CONFIG.TYPE_STRING:
// If the Text is MultiLine
if(pair.wrapLines()) {
// Set the Editor as TextArea
var editorTextArea = new Ext.form.TextArea({alignment: "tl-tl", allowBlank: pair.optional(), msgTarget:'title', maxLength:pair.length()});
editorTextArea.on('keyup', function(textArea, event) {
this.editDirectly(key, textArea.getValue().replace(/\\n/g,"\n"));
}.bind(this));
editorGrid = new Ext.Editor(editorTextArea);
} else {
// If not, set the Editor as InputField
var editorInput = new Ext.form.TextField({allowBlank: pair.optional(), msgTarget:'title', maxLength:pair.length()});
editorInput.on('keyup', function(input, event) {
this.editDirectly(key, input.getValue());
}.bind(this));
// reverts the shape if the editor field is invalid
editorInput.on('blur', function(input) {
if(!input.isValid(false))
this.updateAfterInvalid(key);
}.bind(this));
editorInput.on("specialkey", function(input, e) {
if(!input.isValid(false))
this.updateAfterInvalid(key);
}.bind(this));
editorGrid = new Ext.Editor(editorInput);
}
break;
case ORYX.CONFIG.TYPE_BOOLEAN:
// Set the Editor as a CheckBox
var editorCheckbox = new Ext.form.Checkbox();
editorCheckbox.on('check', function(c,checked) {
this.editDirectly(key, checked);
}.bind(this));
editorGrid = new Ext.Editor(editorCheckbox);
break;
case ORYX.CONFIG.TYPE_INTEGER:
// Set as an Editor for Integers
var numberField = new Ext.form.NumberField({allowBlank: pair.optional(), allowDecimals:false, msgTarget:'title', minValue: pair.min(), maxValue: pair.max()});
numberField.on('keyup', function(input, event) {
this.editDirectly(key, input.getValue());
}.bind(this));
editorGrid = new Ext.Editor(numberField);
break;
case ORYX.CONFIG.TYPE_FLOAT:
// Set as an Editor for Float
var numberField = new Ext.form.NumberField({ allowBlank: pair.optional(), allowDecimals:true, msgTarget:'title', minValue: pair.min(), maxValue: pair.max()});
numberField.on('keyup', function(input, event) {
this.editDirectly(key, input.getValue());
}.bind(this));
editorGrid = new Ext.Editor(numberField);
break;
case ORYX.CONFIG.TYPE_COLOR:
// Set as a ColorPicker
// Ext1.0 editorGrid = new gEdit(new form.ColorField({ allowBlank: pair.optional(), msgTarget:'title' }));
var editorPicker = new Ext.ux.ColorField({ allowBlank: pair.optional(), msgTarget:'title', facade: this.facade });
/*this.facade.registerOnEvent(ORYX.CONFIG.EVENT_COLOR_CHANGE, function(option) {
this.editDirectly(key, option.value);
}.bind(this));*/
editorGrid = new Ext.Editor(editorPicker);
break;
case ORYX.CONFIG.TYPE_CHOICE:
var items = pair.items();
var options = [];
if (pair.id() == "tasktype" && ORYX.CALCULATE_CURRENT_PERSPECTIVE() == ORYX.RULEFLOW_PERSPECTIVE) {
items.each(function(value) {
if(value.value() == attribute)
attribute = value.title();
if(value.refToView()[0])
refToViewFlag = true;
if (value.value() == "Business Rule" || value.value() == "Script" || value.value() == "None") {
if(ORYX.I18N.propertyNamesTaskType && ORYX.I18N.propertyNamesTaskType[value.title()] && ORYX.I18N.propertyNamesTaskType[value.title()].length > 0) {
options.push([value.icon(), ORYX.I18N.propertyNamesTaskType[value.title()], value.value()]);
} else {
options.push([value.icon(), value.title(), value.value()]);
}
if(ORYX.I18N.propertyNamesTaskType && ORYX.I18N.propertyNamesTaskType[value.title()] && ORYX.I18N.propertyNamesTaskType[value.title()].length > 0) {
icons.push({
name: ORYX.I18N.propertyNamesTaskType[value.title()],
icon: value.icon()
});
} else {
icons.push({
name: value.title(),
icon: value.icon()
});
}
}
});
} else {
items.each(function(value) {
if(value.value() == attribute)
attribute = value.title();
if(value.refToView()[0])
refToViewFlag = true;
var name = "";
if(ORYX.I18N.propertyNamesValue[value.title()] && ORYX.I18N.propertyNamesValue[value.title()].length > 0) {
name = ORYX.I18N.propertyNamesValue[value.title()];
} else {
name = value.title();
}
if(!name) name=value.title();
options.push([value.icon(), name, value.value()]);
icons.push({
name: name,
icon: value.icon()
});
});
}
var store = new Ext.data.SimpleStore({
fields: [{name: 'icon'},
{name: 'title'},
{name: 'value'} ],
data : options
});
// Set the grid Editor
var editorCombo = new Ext.form.ComboBox({
editable: false,
tpl: '{[(values.icon) ? "![](\'")
" : ""]} {title} ',
store: store,
displayField:'title',
valueField: 'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true
});
if (pair.id() == "tasktype") {
editorCombo.on('select', function(combo, record, index) {
this.editDirectly(key, combo.getValue());
var currentSelection = this.facade.getSelection();
var currentSelectionFirst = currentSelection.first();
this.facade.setSelection([]);
this.facade.getCanvas().update();
this.facade.updateSelection();
this.facade.setSelection([currentSelectionFirst]);
this.facade.getCanvas().update();
this.facade.updateSelection();
this.facade.raiseEvent({
type: ORYX.CONFIG.EVENT_LOADED,
elements: [currentSelectionFirst]
});
}.bind(this));
} else {
editorCombo.on('select', function(combo, record, index) {
this.editDirectly(key, combo.getValue());
}.bind(this));
}
editorGrid = new Ext.Editor(editorCombo);
break;
case ORYX.CONFIG.TYPE_DYNAMICCHOICE:
var items = pair.items();
var options = [];
var doAlert = false;
var doAlertOnProp = "";
items.each(function(value) {
if(value.value() == attribute)
attribute = value.title();
if(value.refToView()[0])
refToViewFlag = true;
if(value.needsprop().length > 0) {
doAlert = true;
doAlertOnProp = value.needsprop();
}
// evaluate each value expression
var processJSON = ORYX.EDITOR.getSerializedJSON();
var expressionresults = jsonPath(processJSON.evalJSON(), value.value());
if(expressionresults) {
if(expressionresults.toString().length > 0) {
for(var i=0; i< expressionresults.length; i++) {
var expressionparts = expressionresults[i].split(",");
for (var j = 0; j < expressionparts.length; j++) {
if(expressionparts[j].indexOf(":") > 0) {
var valueParts = expressionparts[j].split(":");
options.push([value.icon(), valueParts[0], valueParts[0]]);
} else {
if(expressionparts[j].trim().length > 0) {
options.push([value.icon(), expressionparts[j], expressionparts[j]]);
}
}
}
}
}
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'info',
msg : ORYX.I18N.PropertyWindow.noDataAvailableForProp,
title : ''
});
}
icons.push({
name: value.title(),
icon: value.icon()
});
});
var store = new Ext.data.SimpleStore({
fields: [{name: 'icon'},
{name: 'title'},
{name: 'value'} ],
data : options
});
// Set the grid Editor
var editorCombo = new Ext.form.ComboBox({
editable: false,
tpl: '{[(values.icon) ? "" : ""]} {title} ',
store: store,
displayField:'title',
valueField: 'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true
});
editorCombo.on('select', function(combo, record, index) {
if(doAlert == true && doAlertOnProp.length > 0) {
var selection = ORYX.EDITOR._pluginFacade.getSelection();
if(selection) {
var shape = selection.first();
var alertPropName = "oryx-" + doAlertOnProp;
var alertPropVal = shape.properties[alertPropName];
if(alertPropVal != undefined && alertPropVal.length < 1) {
ORYX.EDITOR._pluginFacade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'warning',
msg : "This property needs the associated property '"+ doAlertOnProp + "' to be set.",
title : ''
});
}
}
}
this.editDirectly(key, combo.getValue());
}.bind(this));
editorGrid = new Ext.Editor(editorCombo);
break;
case ORYX.CONFIG.TYPE_DYNAMICDATAINPUT:
var options = [];
var selection = ORYX.EDITOR._pluginFacade.getSelection();
if(selection && selection.length == 1) {
var shape = selection.first();
var shapeid = shape.resourceId;
var processJSON = ORYX.EDITOR.getSerializedJSON();
var childshapes = jsonPath(processJSON.evalJSON(), "$.childShapes.*");
for(var i=0;i 0) {
var innerParts = nextPart.split(":");
options.push(["", innerParts[0], innerParts[0]]);
} else {
options.push(["", nextPart, nextPart]);
}
}
}
}
}
}
var store = new Ext.data.SimpleStore({
fields: [{name: 'icon'},
{name: 'title'},
{name: 'value'} ],
data : options
});
// Set the grid Editor
var editorCombo = new Ext.form.ComboBox({
editable: false,
tpl: '{[(values.icon) ? "" : ""]} {title} ',
store: store,
displayField:'title',
valueField: 'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true
});
editorCombo.on('select', function(combo, record, index) {
this.editDirectly(key, combo.getValue());
}.bind(this))
editorGrid = new Ext.Editor(editorCombo);
break;
case ORYX.CONFIG.TYPE_DYNAMICDATAOUTPUT:
var options = [];
var selection = ORYX.EDITOR._pluginFacade.getSelection();
if(selection && selection.length == 1) {
var shape = selection.first();
var shapeid = shape.resourceId;
var processJSON = ORYX.EDITOR.getSerializedJSON();
var childshapes = jsonPath(processJSON.evalJSON(), "$.childShapes.*");
for(var i=0;i 0) {
var innerParts = nextPart.split(":");
options.push(["", innerParts[0], innerParts[0]]);
} else {
if(nextPart.length > 0) {
options.push(["", nextPart, nextPart]);
}
}
}
}
}
}
}
var store = new Ext.data.SimpleStore({
fields: [{name: 'icon'},
{name: 'title'},
{name: 'value'} ],
data : options
});
// Set the grid Editor
var editorCombo = new Ext.form.ComboBox({
editable: false,
tpl: '{[(values.icon) ? "" : ""]} {title} ',
store: store,
displayField:'title',
valueField: 'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true
});
editorCombo.on('select', function(combo, record, index) {
this.editDirectly(key, combo.getValue());
}.bind(this))
editorGrid = new Ext.Editor(editorCombo);
break;
case ORYX.CONFIG.TYPE_DYNAMICGATEWAYCONNECTIONS:
var currentShapes = ORYX.Config.FACADE.getSelection();
var options = [];
if(currentShapes && currentShapes.length == 1) {
var shape = currentShapes.first();
var shapeid = shape.resourceId;
var processJSON = ORYX.EDITOR.getSerializedJSON();
var ajaxObj = new XMLHttpRequest;
var url = ORYX.PATH + "processinfo";
var params = "uuid=" + window.btoa(encodeURI(ORYX.UUID)) + "&ppdata=" + ORYX.PREPROCESSING + "&profile=" + ORYX.PROFILE + "&gatewayid=" + shapeid + "&json=" + encodeURIComponent(processJSON);
ajaxObj.open("POST",url,false);
ajaxObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajaxObj.send(params);
if (ajaxObj.status == 200) {
var gatewayconnectionsJson = ajaxObj.responseText.evalJSON();
for(var i=0;i{[(values.icon) ? "" : ""]} {title}',
store: store,
displayField:'title',
valueField: 'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true
});
editorCombo.on('select', function(combo, record, index) {
this.editDirectly(key, combo.getValue());
}.bind(this))
editorGrid = new Ext.Editor(editorCombo);
break;
case ORYX.CONFIG.TYPE_DATE:
var currFormat = ORYX.I18N.PropertyWindow.dateFormat
if(!(attribute instanceof Date))
attribute = Date.parseDate(attribute, currFormat)
editorGrid = new Ext.Editor(new Ext.form.DateField({ allowBlank: pair.optional(), format:currFormat, msgTarget:'title'}));
break;
case ORYX.CONFIG.TYPE_TEXT:
var cf = new Ext.form.ComplexTextField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_ENCODED_TEXT:
var cf = new Ext.form.ComplexEncodedTextField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_VARDEF:
var cf = new Ext.form.ComplexVardefField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_EXPRESSION:
var cf = new Ext.form.ConditionExpressionEditorField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_CALLEDELEMENT:
var cf = new Ext.form.ComplexCalledElementField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_RULEFLOW_GROUP:
var cf = new Ext.form.ComplexRuleflowGroupElementField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_CUSTOM:
var cf = new Ext.form.ComplexCustomField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade,
title: (ORYX.I18N.propertyNames[pair.id()] && ORYX.I18N.propertyNames[pair.id()].length > 0) ? ORYX.I18N.propertyNames[pair.id()] : pair.title(),
attr:attribute
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_ACTION:
var cf = new Ext.form.ComplexActionsField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_GLOBAL:
var cf = new Ext.form.ComplexGlobalsField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_IMPORT:
var cf = new Ext.form.ComplexImportsField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_REASSIGNMENT:
var cf = new Ext.form.ComplexReassignmentField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_NOTIFICATIONS:
var cf = new Ext.form.ComplexNotificationsField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_DATAINPUT:
var cf = new Ext.form.ComplexDataInputField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_DATAINPUT_SINGLE:
var cf = new Ext.form.ComplexDataInputFieldSingle({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_DATAOUTPUT:
var cf = new Ext.form.ComplexDataOutputField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_DATAOUTPUT_SINGLE:
var cf = new Ext.form.ComplexDataOutputFieldSingle({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_DATAASSIGNMENT:
var cf = new Ext.form.ComplexDataAssignmenField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade,
shapes:this.shapeSelection.shapes
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
case ORYX.CONFIG.TYPE_VISUALDATAASSIGNMENTS:
var cf = new Ext.form.ComplexVisualDataAssignmentField({
allowBlank: pair.optional(),
dataSource:this.dataSource,
grid:this.grid,
row:index,
facade:this.facade,
shapes:this.shapeSelection.shapes
});
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
// extended by Kerstin (start)
case ORYX.CONFIG.TYPE_COMPLEX:
var cf = new Ext.form.ComplexListField({ allowBlank: pair.optional()}, pair.complexItems(), key, this.facade);
cf.on('dialogClosed', this.dialogClosed, {scope:this, row:index, col:1,field:cf});
editorGrid = new Ext.Editor(cf);
break;
// extended by Kerstin (end)
// extended by Gerardo (Start)
case "CPNString":
var editorInput = new Ext.form.TextField(
{
allowBlank: pair.optional(),
msgTarget:'title',
maxLength:pair.length(),
enableKeyEvents: true
});
editorInput.on('keyup', function(input, event) {
this.editDirectly(key, input.getValue());
}.bind(this));
editorGrid = new Ext.Editor(editorInput);
break;
// extended by Gerardo (End)
default:
var editorInput = new Ext.form.TextField({ allowBlank: pair.optional(), msgTarget:'title', maxLength:pair.length(), enableKeyEvents: true});
editorInput.on('keyup', function(input, event) {
this.editDirectly(key, input.getValue());
}.bind(this));
editorGrid = new Ext.Editor(editorInput);
}
// Register Event to enable KeyDown
editorGrid.on('beforehide', this.facade.enableEvent.bind(this, ORYX.CONFIG.EVENT_KEYDOWN));
editorGrid.on('specialkey', this.specialKeyDown.bind(this));
} else if(pair.type() === ORYX.CONFIG.TYPE_URL || pair.type() === ORYX.CONFIG.TYPE_DIAGRAM_LINK){
attribute = String(attribute).search("http") !== 0 ? ("http://" + attribute) : attribute;
attribute = "" + attribute.split("://")[1] + ""
}
}
// Push to the properties-array
if((pair.visible() && pair.visible() == true) && pair.hidden() != true && (pair.id() != "origbordercolor" && pair.id() != "origbgcolor" && pair.id() != "isselectable")) {
var proceed = true;
if(this.shapeSelection.shapes.length == 1) {
if(pair.fortasktypes() && pair.fortasktypes().length > 0) {
var foundtasktype = false;
var tts = pair.fortasktypes().split("|");
for(var i = 0; i < tts.size(); i++) {
if(tts[i] == this.shapeSelection.shapes.first().properties["oryx-tasktype"]) {
foundtasktype = true;
}
}
if(!foundtasktype) {
proceed = false;
}
}
if(pair.ifproptrue() && pair.ifproptrue().length > 0) {
var foundifproptrue = false;
var itp = pair.ifproptrue();
if(this.shapeSelection.shapes.first().properties["oryx-"+itp] && this.shapeSelection.shapes.first().properties["oryx-"+itp] == "true") {
foundifproptrue = true;
}
if(!foundifproptrue) {
proceed = false;
}
}
if(pair.fordistribution() && pair.fordistribution().length > 0) {
var founddistribution = false;
var tts = pair.fordistribution().split("|");
for(var j = 0; j < tts.size(); j++) {
if(tts[j] == this.shapeSelection.shapes.first().properties["oryx-distributiontype"]) {
founddistribution = true;
}
}
if(!founddistribution) {
proceed = false;
}
}
}
if(proceed) {
if (pair.popular()) {
pair.setPopular();
}
if (pair.simulation()) {
pair.setSimulation();
}
if(pair.customassignment()) {
pair.setCustomassignment();
}
if(pair.display()) {
pair.setDisplay();
}
if(pair.extra()) {
pair.setExtra();
}
if(pair.customassignment()) {
var propid = (ORYX.I18N.propertyNames[pair.id()] && ORYX.I18N.propertyNames[pair.id()].length > 0) ? ORYX.I18N.propertyNames[pair.id()] : name;
this.properties.push(["Assignments", propid, attribute, icons, {
editor: editorGrid,
propId: key,
type: pair.type(),
tooltip: (ORYX.I18N.propertyNames[pair.id()+"_desc"] && ORYX.I18N.propertyNames[pair.id()+"_desc"].length > 0) ? ORYX.I18N.propertyNames[pair.id()+"_desc"] : pair.description(),
renderer: editorRenderer,
labelProvider: this.getLabelProvider(pair)
}]);
} else if(pair.extra()) {
var propid = (ORYX.I18N.propertyNames[pair.id()] && ORYX.I18N.propertyNames[pair.id()].length > 0) ? ORYX.I18N.propertyNames[pair.id()] : name;
this.properties.push([ORYX.I18N.PropertyWindow.moreProps, propid, attribute, icons, {
editor: editorGrid,
propId: key,
type: pair.type(),
tooltip: (ORYX.I18N.propertyNames[pair.id()+"_desc"] && ORYX.I18N.propertyNames[pair.id()+"_desc"].length > 0) ? ORYX.I18N.propertyNames[pair.id()+"_desc"] : pair.description(),
renderer: editorRenderer,
labelProvider: this.getLabelProvider(pair)
}]);
} else if(pair.simulation()) {
var propid = (ORYX.I18N.propertyNames[pair.id()] && ORYX.I18N.propertyNames[pair.id()].length > 0) ? ORYX.I18N.propertyNames[pair.id()] : name;
this.simulationProperties.push([ORYX.I18N.PropertyWindow.simulationProps, propid, attribute, icons, {
editor: editorGrid,
propId: key,
type: pair.type(),
tooltip: (ORYX.I18N.propertyNames[pair.id()+"_desc"] && ORYX.I18N.propertyNames[pair.id()+"_desc"].length > 0) ? ORYX.I18N.propertyNames[pair.id()+"_desc"] : pair.description(),
renderer: editorRenderer,
labelProvider: this.getLabelProvider(pair)
}]);
} else if(pair.display()) {
var propid = (ORYX.I18N.propertyNames[pair.id()] && ORYX.I18N.propertyNames[pair.id()].length > 0) ? ORYX.I18N.propertyNames[pair.id()] : name;
this.displayProperties.push([ORYX.I18N.PropertyWindow.displayProps, propid, attribute, icons, {
editor: editorGrid,
propId: key,
type: pair.type(),
tooltip: (ORYX.I18N.propertyNames[pair.id()+"_desc"] && ORYX.I18N.propertyNames[pair.id()+"_desc"].length > 0) ? ORYX.I18N.propertyNames[pair.id()+"_desc"] : pair.description(),
renderer: editorRenderer,
labelProvider: this.getLabelProvider(pair)
}]);
} else {
var propid = (ORYX.I18N.propertyNames[pair.id()] && ORYX.I18N.propertyNames[pair.id()].length > 0) ? ORYX.I18N.propertyNames[pair.id()] : name;
this.popularProperties.push([ORYX.I18N.PropertyWindow.oftenUsed, propid, attribute, icons, {
editor: editorGrid,
propId: key,
type: pair.type(),
tooltip: (ORYX.I18N.propertyNames[pair.id()+"_desc"] && ORYX.I18N.propertyNames[pair.id()+"_desc"].length > 0) ? ORYX.I18N.propertyNames[pair.id()+"_desc"] : pair.description(),
renderer: editorRenderer,
labelProvider: this.getLabelProvider(pair)
}]);
}
}
}
}).bind(this));
}
this.setProperties();
},
/**
* Gets a label provider from the registered label providers
* according to the id of the label provider registered on the stencil.
*/
getLabelProvider: function(stencil) {
lp = ORYX.LabelProviders[stencil.labelProvider()];
if (lp) {
return lp(stencil);
}
return null;
},
hideMoreAttrs: function(panel) {
// TODO: Implement the case that the canvas has no attributes
if (this.properties.length <= 0){ return }
// collapse the "more attr" group
//this.grid.view.toggleGroup(this.grid.view.getGroupId(this.properties[0][0]), false);
// prevent the more attributes pane from closing after a attribute has been edited
this.grid.view.un("refresh", this.hideMoreAttrs, this);
},
setProperties: function() {
var partProps = this.popularProperties.concat(this.properties);
var partPropsOther = partProps.concat(this.simulationProperties);
var partPropThird = partPropsOther.concat(this.customAssignmentsProperties);
var props = partPropThird.concat(this.displayProperties);
this.dataSource.loadData(props);
}
}
ORYX.Plugins.PropertyWindow = Clazz.extend(ORYX.Plugins.PropertyWindow);
/**
* Editor for complex type
*
* When starting to edit the editor, it creates a new dialog where new attributes
* can be specified which generates json out of this and put this
* back to the input field.
*
* This is implemented from Kerstin Pfitzner
*
* @param {Object} config
* @param {Object} items
* @param {Object} key
* @param {Object} facade
*/
Ext.form.ComplexListField = function(config, items, key, facade){
Ext.form.ComplexListField.superclass.constructor.call(this, config);
this.items = items;
this.key = key;
this.facade = facade;
};
/**
* This is a special trigger field used for complex properties.
* The trigger field opens a dialog that shows a list of properties.
* The entered values will be stored as trigger field value in the JSON format.
*/
Ext.extend(Ext.form.ComplexListField, Ext.form.TriggerField, {
/**
* @cfg {String} triggerClass
* An additional CSS class used to style the trigger button. The trigger will always get the
* class 'x-form-trigger' and triggerClass will be appended if specified.
*/
triggerClass: 'x-form-complex-trigger',
readOnly: true,
emptyText: ORYX.I18N.PropertyWindow.clickIcon,
editable: false,
readOnly: true,
/**
* Builds the JSON value from the data source of the grid in the dialog.
*/
buildValue: function() {
var ds = this.grid.getStore();
ds.commitChanges();
if (ds.getCount() == 0) {
return "";
}
var jsonString = "[";
for (var i = 0; i < ds.getCount(); i++) {
var data = ds.getAt(i);
jsonString += "{";
for (var j = 0; j < this.items.length; j++) {
var key = this.items[j].id();
jsonString += key + ':' + ("" + data.get(key)).toJSON();
if (j < (this.items.length - 1)) {
jsonString += ", ";
}
}
jsonString += "}";
if (i < (ds.getCount() - 1)) {
jsonString += ", ";
}
}
jsonString += "]";
jsonString = "{'totalCount':" + ds.getCount().toJSON() +
", 'items':" + jsonString + "}";
return Object.toJSON(jsonString.evalJSON());
},
/**
* Returns the field key.
*/
getFieldKey: function() {
return this.key;
},
/**
* Returns the actual value of the trigger field.
* If the table does not contain any values the empty
* string will be returned.
*/
getValue : function(){
// return actual value if grid is active
if (this.grid) {
return this.buildValue();
} else if (this.data == undefined) {
return "";
} else {
return this.data;
}
},
/**
* Sets the value of the trigger field.
* In this case this sets the data that will be shown in
* the grid of the dialog.
*
* @param {Object} value The value to be set (JSON format or empty string)
*/
setValue: function(value) {
if (value.length > 0) {
// set only if this.data not set yet
// only to initialize the grid
if (this.data == undefined) {
this.data = value;
}
}
},
/**
* Returns false. In this way key events will not be propagated
* to other elements.
*
* @param {Object} event The keydown event.
*/
keydownHandler: function(event) {
return false;
},
/**
* The listeners of the dialog.
*
* If the dialog is hidded, a dialogClosed event will be fired.
* This has to be used by the parent element of the trigger field
* to reenable the trigger field (focus gets lost when entering values
* in the dialog).
*/
dialogListeners : {
show : function(){ // retain focus styling
this.onFocus();
this.facade.registerOnEvent(ORYX.CONFIG.EVENT_KEYDOWN, this.keydownHandler.bind(this));
this.facade.disableEvent(ORYX.CONFIG.EVENT_KEYDOWN);
return;
},
hide : function(){
var dl = this.dialogListeners;
this.dialog.un("show", dl.show, this);
this.dialog.un("hide", dl.hide, this);
this.dialog.destroy(true);
this.grid.destroy(true);
delete this.grid;
delete this.dialog;
this.facade.unregisterOnEvent(ORYX.CONFIG.EVENT_KEYDOWN, this.keydownHandler.bind(this));
this.facade.enableEvent(ORYX.CONFIG.EVENT_KEYDOWN);
// store data and notify parent about the closed dialog
// parent has to handel this event and start editing the text field again
this.fireEvent('dialogClosed', this.data);
Ext.form.ComplexListField.superclass.setValue.call(this, this.data);
}
},
/**
* Builds up the initial values of the grid.
*
* @param {Object} recordType The record type of the grid.
* @param {Object} items The initial items of the grid (columns)
*/
buildInitial: function(recordType, items) {
var initial = new Hash();
for (var i = 0; i < items.length; i++) {
var id = items[i].id();
initial[id] = items[i].value();
}
var RecordTemplate = Ext.data.Record.create(recordType);
return new RecordTemplate(initial);
},
/**
* Builds up the column model of the grid. The parent element of the
* grid.
*
* Sets up the editors for the grid columns depending on the
* type of the items.
*
* @param {Object} parent The
*/
buildColumnModel: function(parent) {
var cols = [];
for (var i = 0; i < this.items.length; i++) {
var id = this.items[i].id();
var header = this.items[i].name();
var width = this.items[i].width();
var type = this.items[i].type();
var editor;
if (type == ORYX.CONFIG.TYPE_STRING) {
editor = new Ext.form.TextField({ allowBlank : this.items[i].optional(), width : width});
} else if (type == ORYX.CONFIG.TYPE_CHOICE) {
var items = this.items[i].items();
var select = ORYX.Editor.graft("http://www.w3.org/1999/xhtml", parent, ['select', {style:'display:none'}]);
var optionTmpl = new Ext.Template('');
items.each(function(value){
optionTmpl.append(select, {value:value.value()});
});
editor = new Ext.form.ComboBox(
{ editable: false, typeAhead: true, triggerAction: 'all', transform:select, lazyRender:true, msgTarget:'title', width : width});
} else if(type == ORYX.CONFIG.TYPE_DYNAMICCHOICE) {
var items = this.items[i].items();
var select = ORYX.Editor.graft("http://www.w3.org/1999/xhtml", parent, ['select', {style:'display:none'}]);
var optionTmpl = new Ext.Template('');
var doAlert = false;
var doAlertOnProp = "";
items.each(function(value){
// evaluate each value expression
if(value.needsprop() && value.needsprop().length > 0) {
doAlert = true;
doAlertOnProp = value.needsprop();
}
var processJSON = ORYX.EDITOR.getSerializedJSON();
var expressionresults = jsonPath(processJSON.evalJSON(), value.value());
if(expressionresults) {
if(expressionresults.toString().length > 0) {
for(var i=0; i< expressionresults.length; i++) {
var expressionparts = expressionresults[i].split(",");
for (var j = 0; j < expressionparts.length; j++) {
if(expressionparts[j].indexOf(":") > 0) {
var valueParts = expressionparts[j].split(":");
optionTmpl.append(select, {value:valueParts[0]});
} else {
optionTmpl.append(select, {value:expressionparts[j]});
}
}
}
}
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'info',
msg : ORYX.I18N.PropertyWindow.noDataAvailableForProp,
title : ''
});
}
});
editor = new Ext.form.ComboBox(
{
editable: false,
typeAhead: true,
triggerAction: 'all',
transform:select,
lazyRender:true,
msgTarget:'title',
width : width
});
editor.on('select', function(combo, record, index) {
if(doAlert == true && doAlertOnProp.length > 0) {
var selection = ORYX.EDITOR._pluginFacade.getSelection();
if(selection && selection.length == 1) {
var shape = selection.first();
var alertPropName = "oryx-" + doAlertOnProp;
var alertPropVal = shape.properties[alertPropName];
if(alertPropVal && alertPropVal.length < 1) {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'warning',
msg : "This property needs the associated property '"+ doAlertOnProp + "' to be set.",
title : ''
});
}
}
}
}.bind(this));
} else if (type == ORYX.CONFIG.TYPE_BOOLEAN) {
editor = new Ext.form.Checkbox( { width : width } );
} else if (type == "xpath") {
//TODO set the xpath type as string, same editor as string.
editor = new Ext.form.TextField({ allowBlank : this.items[i].optional(), width : width});
}
cols.push({
id: id,
header: header,
dataIndex: id,
resizable: true,
editor: editor,
width: width
});
}
return new Ext.grid.ColumnModel(cols);
},
/**
* After a cell was edited the changes will be commited.
*
* @param {Object} option The option that was edited.
*/
afterEdit: function(option) {
option.grid.getStore().commitChanges();
},
/**
* Before a cell is edited it has to be checked if this
* cell is disabled by another cell value. If so, the cell editor will
* be disabled.
*
* @param {Object} option The option to be edited.
*/
beforeEdit: function(option) {
var state = this.grid.getView().getScrollState();
var col = option.column;
var row = option.row;
var editId = this.grid.getColumnModel().config[col].id;
// check if there is an item in the row, that disables this cell
for (var i = 0; i < this.items.length; i++) {
// check each item that defines a "disable" property
var item = this.items[i];
var disables = item.disable();
if (disables != undefined) {
// check if the value of the column of this item in this row is equal to a disabling value
var value = this.grid.getStore().getAt(row).get(item.id());
for (var j = 0; j < disables.length; j++) {
var disable = disables[j];
if (disable.value == value) {
for (var k = 0; k < disable.items.length; k++) {
// check if this value disables the cell to select
// (id is equals to the id of the column to edit)
var disItem = disable.items[k];
if (disItem == editId) {
this.grid.getColumnModel().getCellEditor(col, row).disable();
return;
}
}
}
}
}
}
this.grid.getColumnModel().getCellEditor(col, row).enable();
//this.grid.getView().restoreScroll(state);
},
/**
* If the trigger was clicked a dialog has to be opened
* to enter the values for the complex property.
*/
onTriggerClick : function(){
if(this.disabled){
return;
}
//if(!this.dialog) {
var dialogWidth = 0;
var recordType = [];
for (var i = 0; i < this.items.length; i++) {
var id = this.items[i].id();
var width = this.items[i].width();
var type = this.items[i].type();
if ( (type == ORYX.CONFIG.TYPE_CHOICE) || (type == ORYX.CONFIG.TYPE_DYNAMICCHOICE) ) {
type = ORYX.CONFIG.TYPE_STRING;
}
dialogWidth += width;
recordType[i] = {name:id, type:type};
}
if (dialogWidth > 800) {
dialogWidth = 800;
}
dialogWidth += 22;
var data = this.data;
if (data == "") {
// empty string can not be parsed
data = "{}";
}
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(eval("(" + data + ")")),
reader: new Ext.data.JsonReader({
root: 'items',
totalProperty: 'totalCount'
}, recordType)
});
ds.load();
var cm = this.buildColumnModel();
this.grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
store: ds,
cm: cm,
stripeRows: true,
clicksToEdit : 1,
selModel: new Ext.grid.CellSelectionModel()
});
//var gridHead = this.grid.getView().getHeaderPanel(true);
var toolbar = new Ext.Toolbar(
[{
text: ORYX.I18N.PropertyWindow.add,
handler: function(){
var ds = this.grid.getStore();
var index = ds.getCount();
this.grid.stopEditing();
var p = this.buildInitial(recordType, this.items);
ds.insert(index, p);
ds.commitChanges();
this.grid.startEditing(index, 0);
}.bind(this)
},{
text: ORYX.I18N.PropertyWindow.rem,
handler : function(){
var ds = this.grid.getStore();
var selection = this.grid.getSelectionModel().getSelectedCell();
if (selection == undefined) {
return;
}
this.grid.getSelectionModel().clearSelections();
this.grid.stopEditing();
var record = ds.getAt(selection[0]);
ds.remove(record);
ds.commitChanges();
}.bind(this)
}]);
// Basic Dialog
this.dialog = new Ext.Window({
autoScroll: true,
autoCreate: true,
title: ORYX.I18N.PropertyWindow.complex,
height: 350,
width: dialogWidth,
modal:true,
collapsible:false,
fixedcenter: true,
shadow:true,
proxyDrag: true,
keys:[{
key: 27,
fn: function(){
this.dialog.hide
}.bind(this)
}],
items:[toolbar, this.grid],
bodyStyle:"background-color:#FFFFFF",
buttons: [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
this.grid.getView().refresh();
this.grid.stopEditing();
// store dialog input
this.data = this.buildValue();
this.dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
this.dialog.destroy();
}.bind(this)
}]
});
this.dialog.on(Ext.apply({}, this.dialogListeners, {
scope:this
}));
this.dialog.show();
this.grid.on('beforeedit', this.beforeEdit, this, true);
this.grid.on('afteredit', this.afterEdit, this, true);
this.grid.render();
/*} else {
this.dialog.show();
}*/
}
});
Ext.form.ComplexTextField = Ext.extend(Ext.form.TriggerField, {
//defaultAutoCreate : {tag: "textarea", rows:1, style:"height:16px;overflow:hidden;" },
editable: false,
readOnly: true,
/**
* If the trigger was clicked a dialog has to be opened
* to enter the values for the complex property.
*/
onTriggerClick : function(){
if(this.disabled){
return;
}
var grid = new Ext.form.TextArea({
anchor : '100% 100%',
value : this.value,
listeners : {
focus: function(){
this.facade.disableEvent(ORYX.CONFIG.EVENT_KEYDOWN);
}.bind(this)
}
})
// Basic Dialog
var dialogSize = ORYX.Utils.getDialogSize(500, 500);
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.text,
width : dialogSize.width,
height : dialogSize.height,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
proxyDrag : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
//this.focus.defer(10, this);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
// store dialog input
var value = grid.getValue();
this.setValue(value);
this.dataSource.getAt(this.row).set('value', value)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
}
});
Ext.form.ComplexEncodedTextField = Ext.extend(Ext.form.TriggerField, {
//defaultAutoCreate : {tag: "textarea", rows:1, style:"height:16px;overflow:hidden;" },
editable: false,
readOnly: true,
/**
* If the trigger was clicked a dialog has to be opened
* to enter the values for the complex property.
*/
onTriggerClick : function(){
if(this.disabled){
return;
}
var grid = new Ext.form.TextArea({
anchor : '100% 100%',
value : Ext.util.Format.htmlDecode(this.value),
listeners : {
focus: function(){
this.facade.disableEvent(ORYX.CONFIG.EVENT_KEYDOWN);
}.bind(this)
}
})
// Basic Dialog
var dialogSize = ORYX.Utils.getDialogSize(500, 500);
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.text,
width : dialogSize.width,
height : dialogSize.height,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
proxyDrag : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
//this.focus.defer(10, this);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
// store dialog input
var value = Ext.util.Format.htmlEncode(grid.getValue());
this.setValue(value);
this.dataSource.getAt(this.row).set('value', value)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
}
});
Ext.form.ComplexCustomField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
onTriggerClick : function() {
if(this.disabled){
return;
}
Ext.Ajax.request({
url: ORYX.PATH + 'customeditors',
method: 'POST',
success: function(response) {
try {
if(response.responseText && response.responseText.length > 0) {
var customEditorsJSON = response.responseText.evalJSON();
var customEditorsObj = customEditorsJSON["editors"];
if(customEditorsObj[this.title]) {
var dialogSize = ORYX.Utils.getDialogSize(300, 450);
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.customEditorFor+' ' + this.title,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items : [{
xtype : "component",
id : 'customeditorswindow',
autoEl : {
tag : "iframe",
src : customEditorsObj[this.title],
width: "100%",
height: "100%"
}
}],
listeners : {
hide: function(){
this.fireEvent('dialogClosed', this.value);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = document.getElementById('customeditorswindow').contentWindow.getEditorValue();
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
this.grid.stopEditing();
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.unableFindCustomEditor + ' ' + this.title,
title : ''
});
}
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.invalidCustomEditorData,
title : ''
});
}
} catch(e) {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.errorApplyingCustomEditor+':\n' + e,
title : ''
});
}
}.bind(this),
failure: function(){
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.errorApplyingCustomEditor+'.',
title : ''
});
},
params: {
profile: ORYX.PROFILE,
uuid: ORYX.UUID
}
});
}
});
Ext.form.ComplexNotificationsField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
onTriggerClick : function() {
if(this.disabled){
return;
}
var NotificationsDef = Ext.data.Record.create([{
name: 'type'
}, {
name: 'expires'
}, {
name: 'from'
}, {
name: 'tousers'
}, {
name: 'togroups'
}, {
name: 'replyto'
}, {
name: 'subject'
}, {
name: 'body'
}]);
var notificationsProxy = new Ext.data.MemoryProxy({
root: []
});
var notifications = new Ext.data.Store({
autoDestroy: true,
reader: new Ext.data.JsonReader({
root: "root"
}, NotificationsDef),
proxy: notificationsProxy,
sorters: [{
property: 'subject',
direction:'ASC'
}, {
property: 'from',
direction:'ASC'
}, {
property: 'tousers',
direction:'ASC'
}, {
property: 'togroups',
direction:'ASC'
}]
});
notifications.load();
if(this.value.length > 0) {
//[from:fromStr|tousers:someusers|togroups:groupStr|replyTo:replyStr|subject:subject|body:this
is
test]@[expStr]@not-started^[from:from2|togroups:group2|replyTo:reply2|subject:subject2|body:this is some
other body text]@[ext2]@not-completed
this.value = this.value.replace(/\[/g , "");
this.value = this.value.replace(/\]/g , "");
var valueParts = this.value.split("^");
for(var i=0; i < valueParts.length; i++) {
var nextPart = valueParts[i];
if(nextPart.indexOf("@") > 0) {
var innerParts = nextPart.split("@");
var usergroupsstr = innerParts[0];
var expiresstr = innerParts[1];
var typestr = innerParts[2];
var fromstr = "";
var tousersstr = "";
var togroupsstr = "";
var replytostr = "";
var subjectstr = "";
var bodystr = "";
if(usergroupsstr.indexOf("|") > 0) {
var tparts = usergroupsstr.split("|");
for(var j=0; j< tparts.length; j++) {
var epartsone = tparts[j].split(/:(.+)?/)[0];
var epartstwo = tparts[j].split(/:(.+)?/)[1];
if(epartsone == "from") {
fromstr = epartstwo;
} else if(epartsone == "tousers") {
tousersstr = epartstwo;
} else if(epartsone == "togroups") {
togroupsstr = epartstwo;
} else if(epartsone == "replyTo") {
replytostr = epartstwo;
} else if(epartsone == "subject") {
subjectstr = epartstwo;
} else if(epartsone == "body") {
bodystr = epartstwo.replace(//g,"\n");
}
}
} else {
var epartsone = usergroupsstr.split(/:(.+)?/)[0];
var epartstwo = usergroupsstr.split(/:(.+)?/)[1];
if(epartsone == "from") {
fromstr = epartstwo;
} else if(epartsone == "tousers") {
tousersstr = epartstwo;
} else if(epartsone == "togroups") {
togroupsstr = epartstwo;
} else if(epartsone == "replyTo") {
replytostr = epartstwo;
} else if(epartsone == "subject") {
subjectstr = epartstwo;
} else if(epartsone == "body") {
bodystr = epartstwo.replace(//g,"\n");
}
}
notifications.add(new NotificationsDef({
type: typestr == undefined ? "" : typestr,
expires: expiresstr == undefined ? "" : expiresstr,
from: fromstr == undefined ? "" : fromstr,
tousers: tousersstr == undefined ? "" : tousersstr,
togroups: togroupsstr == undefined ? "" : togroupsstr,
replyto: replytostr == undefined ? "" : replytostr,
subject: subjectstr == undefined ? "" : subjectstr,
body: bodystr == undefined ? "" : bodystr
}));
}
}
}
var typeData = new Array();
var notStartedType = new Array();
notStartedType.push("not-started");
notStartedType.push("not-started");
typeData.push(notStartedType);
var notCompletedTYpe = new Array();
notCompletedTYpe.push("not-completed");
notCompletedTYpe.push("not-completed");
typeData.push(notCompletedTYpe);
var dialogSize = ORYX.Utils.getDialogSize(350, 900);
var colWidth = (dialogSize.width - 80) / 8;
var gridId = Ext.id();
var itemDeleter = new Extensive.grid.ItemDeleter();
var grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
store: notifications,
id: gridId,
stripeRows: true,
cm: new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),
{
id: 'type',
header: ORYX.I18N.PropertyWindow.type,
width: colWidth,
dataIndex: 'type',
editor: new Ext.form.ComboBox({
id: 'typeCombo',
valueField:'name',
displayField:'value',
labelStyle:'display:none',
submitValue : true,
typeAhead: false,
queryMode: 'local',
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
hideTrigger: false,
forceSelection: false,
selectOnFocus:true,
autoSelect:false,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: typeData
})
})
},
{
id: 'expires',
header: ORYX.I18N.PropertyWindow.expiresAt,
width: colWidth,
dataIndex: 'expires',
editor: new Ext.form.TextField({allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'from',
header: ORYX.I18N.PropertyWindow.from,
width: colWidth,
dataIndex: 'from',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_\,]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'tousers',
header: ORYX.I18N.PropertyWindow.toUsers,
width: colWidth,
dataIndex: 'tousers',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_\,]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'togroups',
header: ORYX.I18N.PropertyWindow.toGroups,
width: colWidth,
dataIndex: 'togroups',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_\,]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'replyto',
header: ORYX.I18N.PropertyWindow.replyTo,
width: colWidth,
dataIndex: 'replyto',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_\,]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'subject',
header: ORYX.I18N.PropertyWindow.subject,
width: colWidth,
dataIndex: 'subject',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_\,]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'body',
header: ORYX.I18N.PropertyWindow.body,
width: colWidth,
dataIndex: 'body',
//editor: new Ext.grid.GridEditor(new Ext.form.TextArea(), {autoSize: 'full', })},
editor: new Ext.form.TextArea({allowBlank: true, disableKeyFilter:true, grow: true}),
renderer: Ext.util.Format.htmlEncode
}, itemDeleter]),
selModel: itemDeleter,
autoHeight: true,
tbar: [{
text: ORYX.I18N.PropertyWindow.addNotification,
handler : function(){
notifications.add(new NotificationsDef({
expires: '',
from: '',
tousers: '',
type: 'not-started',
togroups: '',
replyto: '',
subject: '',
body: ''
}));
grid.fireEvent('cellclick', grid, notifications.getCount()-1, 1, null);
}
}],
clicksToEdit: 1,
listeners:
{
beforeedit: function(evt)
{
if(evt.column != 8) {
return true;
}
var grid = new Ext.form.TextArea({
anchor: '100% 100%',
value: evt.value
});
var bodyTextDialogSize = ORYX.Utils.getDialogSize(300, 350);
var win = new Ext.Window({
id: 'notificationsBodyEditorWindow',
layout: 'anchor',
autoCreate: true,
title: ORYX.I18N.PropertyWindow.addNotificationInstructions,
height: bodyTextDialogSize.height,
width: bodyTextDialogSize.width,
modal: true,
collapsible: false,
fixedcenter: true,
shadow: true,
proxyDrag: true,
items: [grid],
buttons: [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function() {
// store dialog input
var value = grid.getValue();
evt.record.set('body', value);
win.destroy();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function() {
win.destroy();
}.bind(this)
}]
});
win.show();
return false;
}.bind(this)
}
});
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.editorForNotifications,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
//this.focus.defer(10, this);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = "";
grid.stopEditing();
grid.getView().refresh();
notifications.data.each(function() {
// [from:jbpm|tousers:maciej,tihomir|togroups:groups|replyTo:reploTo|subject:test|body:hello]@[6h]^[from:jbpm|tousers:kris,john|togroups:dev|replyTo:reployTo|subject:Next notification|body:again]@[5d]
if( (this.data['tousers'].length > 0 || this.data['togroups'].length > 0) && this.data['subject'].length > 0 && this.data['body'].length > 0) {
outValue += "[from:" + this.data['from'] + "|tousers:" + this.data['tousers'] + "|togroups:" + this.data['togroups'] + "|replyTo:" + this.data['replyto'] + "|subject:" + this.data['subject'] + "|body:" + this.data['body'].replace(/\r\n|\r|\n/g,"
") + "]";
outValue += "@[" + this.data['expires'] + "]";
outValue += "@" + this.data['type'];
outValue += "^";
}
});
if(outValue.length > 0) {
outValue = outValue.slice(0, -1)
}
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
}
});
Ext.form.ComplexReassignmentField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
onTriggerClick : function() {
if(this.disabled){
return;
}
var ReassignmentDef = Ext.data.Record.create([{
name: 'users'
}, {
name: 'groups'
}, {
name: 'expires'
}, {
name: 'type'
}]);
var reassignmentProxy = new Ext.data.MemoryProxy({
root: []
});
var reassignments = new Ext.data.Store({
autoDestroy: true,
reader: new Ext.data.JsonReader({
root: "root"
}, ReassignmentDef),
proxy: reassignmentProxy,
sorters: [{
property: 'users',
direction:'ASC'
},
{
property: 'groups',
direction:'ASC'
}]
});
reassignments.load();
if(this.value.length > 0) {
this.value = this.value.replace(/\[/g , "");
this.value = this.value.replace(/\]/g , "");
var valueParts = this.value.split("^");
for(var i=0; i < valueParts.length; i++) {
var nextPart = valueParts[i];
if(nextPart.indexOf("@") > 0) {
var innerParts = nextPart.split("@");
var usergroupsstr = innerParts[0];
var expiresstr = innerParts[1];
var typestr = innerParts[2];
var userPartValue = "";
var groupsPartValue = "";
if(usergroupsstr.indexOf("|") > 0) {
var tparts = usergroupsstr.split("|");
var partone = tparts[0];
var parttwo = tparts[1];
var epartsone = partone.split(":");
if(epartsone[0] == "users") {
userPartValue = epartsone[1];
} else if(epartsone[0] == "groups") {
groupsPartValue = epartsone[1];
}
var epartstwo = parttwo.split(":");
if(epartstwo[0] == "users") {
userPartValue = epartstwo[1];
} else if(epartstwo[0] == "groups") {
groupsPartValue = epartstwo[1];
}
} else {
var eparts = usergroupsstr.split(":");
if(eparts[0] == "users") {
userPartValue = eparts[1];
} else if(eparts[0] == "groups") {
groupsPartValue = eparts[1];
}
}
reassignments.add(new ReassignmentDef({
users: userPartValue,
groups: groupsPartValue,
expires: expiresstr,
type: typestr
}));
}
}
}
var typeData = new Array();
var notStartedType = new Array();
notStartedType.push("not-started");
notStartedType.push("not-started");
typeData.push(notStartedType);
var notCompletedTYpe = new Array();
notCompletedTYpe.push("not-completed");
notCompletedTYpe.push("not-completed");
typeData.push(notCompletedTYpe);
var gridId = Ext.id();
var itemDeleter = new Extensive.grid.ItemDeleter();
var dialogSize = ORYX.Utils.getDialogSize(350, 700);
var colWidth = (dialogSize.width - 80) / 4;
var grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
store: reassignments,
id: gridId,
stripeRows: true,
cm: new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
id: 'users',
header: ORYX.I18N.PropertyWindow.users,
width: colWidth,
dataIndex: 'users',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_\,]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'groups',
header: ORYX.I18N.PropertyWindow.groups,
width: colWidth,
dataIndex: 'groups',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_\,]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'expires',
header: ORYX.I18N.PropertyWindow.expiresAt,
width: colWidth,
dataIndex: 'expires',
editor: new Ext.form.TextField({ allowBlank: true, regex: /^[a-z0-9 \#\{\}\-\.\_]*$/i }),
renderer: Ext.util.Format.htmlEncode
},
{
id: 'type',
header: ORYX.I18N.PropertyWindow.type,
width: colWidth,
dataIndex: 'type',
editor: new Ext.form.ComboBox({
id: 'typeCombo',
valueField:'name',
displayField:'value',
labelStyle:'display:none',
submitValue : true,
typeAhead: false,
queryMode: 'local',
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
hideTrigger: false,
forceSelection: false,
selectOnFocus:true,
autoSelect:false,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: typeData
})
})
}, itemDeleter]),
selModel: itemDeleter,
autoHeight: true,
tbar: [{
text: ORYX.I18N.PropertyWindow.addReassignment,
handler : function(){
reassignments.add(new ReassignmentDef({
users: '',
groups: '',
expires: '',
type: 'not-started'
}));
grid.fireEvent('cellclick', grid, reassignments.getCount()-1, 1, null);
}
}],
clicksToEdit: 1
});
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.editorForReassignment,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
//this.focus.defer(10, this);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = "";
grid.stopEditing();
grid.getView().refresh();
reassignments.data.each(function() {
if( (this.data['users'].length > 0 || this.data['groups'].length > 0) && this.data['expires'].length > 0 && this.data['type'].length > 0) {
// [users:john|groups:sales]@[4h]@not-completed^[users:john|groups:sales]@[4h]@[5h]@not-started
// users:john|groups:sales@4h@not-completed
// [users:pesa|groups:]@[4d]@not-started^[users:|groups:pederi]@[44y]@not-completed^[users:tosa|groups:macke]@[1s]@not-started^[users:something|groups:somethingelse]@[22d]@not-completed
outValue += "[users:" + this.data['users'] + "|groups:" + this.data['groups'] + "]";
outValue += "@[" + this.data['expires'] + "]";
outValue += "@" + this.data['type'];
outValue += "^";
}
});
if(outValue.length > 0) {
outValue = outValue.slice(0, -1)
}
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
}
});
Ext.form.ComplexImportsField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
/**
* If the trigger was clicked a dialog has to be opened
* to enter the values for the complex property.
*/
onTriggerClick : function() {
if(this.disabled){
return;
}
var processJSON = ORYX.EDITOR.getSerializedJSON();
var processPackage = jsonPath(processJSON.evalJSON(), "$.properties.package");
var processId = jsonPath(processJSON.evalJSON(), "$.properties.id");
Ext.Ajax.request({
url: ORYX.PATH + 'calledelement',
method: 'POST',
success: function(response) {
try {
if(response.responseText.length >= 0 && response.responseText != "false") {
var responseJson = Ext.decode(response.responseText);
var customTypeData = new Array();
// set some predefined defaults
var stringType = new Array();
stringType.push("String");
stringType.push("String");
customTypeData.push(stringType);
var integerType = new Array();
integerType.push("Integer");
integerType.push("Integer");
customTypeData.push(integerType);
var booleanType = new Array();
booleanType.push("Boolean");
booleanType.push("Boolean");
customTypeData.push(booleanType);
var floatType = new Array();
floatType.push("Float");
floatType.push("Float");
customTypeData.push(floatType);
var objectType = new Array();
objectType.push("Object");
objectType.push("Object");
customTypeData.push(objectType);
var dividerType = new Array();
dividerType.push("**********");
dividerType.push("**********");
customTypeData.push(dividerType);
var unsortedData= new Array();
for(var key in responseJson){
var keyVal = responseJson[key];
unsortedData.push(keyVal);
}
unsortedData.sort();
for(var t = 0 ; t < unsortedData.length; t++ ) {
var newCustomType = new Array();
var presStr = unsortedData[t];
var presStrParts = presStr.split(".");
var classPart = presStrParts[presStrParts.length-1];
var pathPart = presStr.substring(0, presStr.length - (classPart.length + 1));
newCustomType.push(classPart + " [" + pathPart + "]");
newCustomType.push(unsortedData[t]);
customTypeData.push(newCustomType);
}
var ImportDef = Ext.data.Record.create([
{
name: 'type'
},
{
name: 'classname'
},
{
name: 'customclassname'
},
{
name: 'wsdllocation'
},
{
name: 'wsdlnamespace'
}
]);
var importsProxy = new Ext.data.MemoryProxy({
root: []
});
var imports = new Ext.data.Store({
autoDestroy: true,
reader: new Ext.data.JsonReader({
root: "root"
}, ImportDef),
proxy: importsProxy,
sorters: [{
property: 'type',
direction:'ASC'
}]
});
imports.load();
// sample 'com.sample.Myclass|default,location|namespace|wsdl
if(this.value.length > 0) {
var valueParts = this.value.split(",");
for(var i=0; i < valueParts.length; i++) {
var type = "";
var classname, location, namespace;
var nextPart = valueParts[i];
var innerParts = nextPart.split("|");
if(innerParts[1] == "default") {
type = "default";
classname = innerParts[0];
location = "";
namespace = "";
} else {
type = "wsdl";
classname = "";
location = innerParts[0];
namespace = innerParts[1];
}
var founddefined = false;
for(var key in responseJson){
var keyVal = responseJson[key];
if(keyVal == classname) {
founddefined = true;
}
}
if(founddefined) {
imports.add(new ImportDef({
'type': type,
'classname': classname,
'customclassname': "",
'wsdllocation': location,
'wsdlnamespace': namespace
}));
} else {
imports.add(new ImportDef({
'type': type,
'classname': "",
'customclassname': classname,
'wsdllocation': location,
'wsdlnamespace': namespace
}));
}
}
}
var itemDeleter = new Extensive.grid.ItemDeleter();
var impordata = new Array();
var defaultType = new Array();
defaultType.push("default");
defaultType.push("default");
impordata.push(defaultType);
var wsdlType = new Array();
wsdlType.push("wsdl");
wsdlType.push("wsdl");
impordata.push(wsdlType);
var dialogSize = ORYX.Utils.getDialogSize(400, 900);
var colWidth = (dialogSize.width - 80) / 5;
var gridId = Ext.id();
var grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
store: imports,
id: gridId,
stripeRows: true,
cm: new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),
{
id: 'imptype',
header: ORYX.I18N.PropertyWindow.importType,
width: colWidth,
dataIndex: 'type',
editor: new Ext.form.ComboBox({
id: 'importTypeCombo',
typeAhead: true,
anyMatch: true,
valueField:'name',
displayField:'value',
labelStyle:'display:none',
submitValue : true,
typeAhead: false,
queryMode: 'local',
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
hideTrigger: false,
forceSelection: false,
selectOnFocus:true,
autoSelect:false,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: impordata
})
})
},
{
id: 'classname',
header: "Defined Class Name",
width: colWidth,
dataIndex: 'classname',
editor: new Ext.form.ComboBox({
id: 'customTypeCombo',
typeAhead: true,
anyMatch: true,
valueField:'value',
displayField:'name',
labelStyle:'display:none',
submitValue : true,
typeAhead: false,
queryMode: 'local',
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
hideTrigger: false,
forceSelection: false,
selectOnFocus:true,
autoSelect:false,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: customTypeData
})
})
},
{
id: 'customclassname',
header: "Custom Class Name",
width: colWidth,
dataIndex: 'customclassname',
editor: new Ext.form.TextField({ allowBlank: true })
},
{
id: 'wsdllocation',
header: ORYX.I18N.PropertyWindow.wsdlLocation,
width: colWidth,
dataIndex: 'wsdllocation',
editor: new Ext.form.TextField({ allowBlank: true })
},
{
id: 'wsdlnamespace',
header: ORYX.I18N.PropertyWindow.wsdlNamespace,
width: colWidth,
dataIndex: 'wsdlnamespace',
editor: new Ext.form.TextField({ allowBlank: true })
},
itemDeleter]),
selModel: itemDeleter,
autoHeight: true,
tbar: [{
text: ORYX.I18N.PropertyWindow.addImport,
handler : function(){
imports.add(new ImportDef({
'type': 'default',
'classname': '',
'customclassname': '',
'wsdllocation' : '',
'wsdlnamespace' : ''
}));
grid.fireEvent('cellclick', grid, imports.getCount()-1, 1, null);
}
}],
clicksToEdit: 1
});
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.editorForImports,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
//this.focus.defer(10, this);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = "";
grid.getView().refresh();
grid.stopEditing();
imports.data.each(function() {
// sample 'com.sample.Myclass|default,location|namespace|wsdl
if(this.data['type'] == "default") {
if(this.data['classname'].length > 0) {
outValue += this.data['classname'] + "|" + this.data['type'] + ",";
} else {
outValue += this.data['customclassname'] + "|" + this.data['type'] + ",";
}
}
if(this.data['type'] == "wsdl") {
outValue += this.data['wsdllocation'] + "|" + this.data['wsdlnamespace'] + "|" + this.data['type'] + ",";
}
});
if(outValue.length > 0) {
outValue = outValue.slice(0, -1)
}
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : 'Unable to find Data Types.',
title : ''
});
}
} catch(e) {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : 'Error retrieving Data Types info '+' :\n' + e,
title : ''
});
}
}.bind(this),
failure: function(){
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : 'Error retrieving Data Types info.',
title : ''
});
},
params: {
profile: ORYX.PROFILE,
uuid : ORYX.UUID,
ppackage: processPackage,
pid: processId,
action: 'showdatatypes'
}
});
}
});
Ext.form.ComplexActionsField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
/**
* If the trigger was clicked a dialog has to be opened
* to enter the values for the complex property.
*/
onTriggerClick : function() {
if(this.disabled){
return;
}
var ActionDef = Ext.data.Record.create([{
name: 'action'
}]);
var actionsProxy = new Ext.data.MemoryProxy({
root: []
});
var actions = new Ext.data.Store({
autoDestroy: true,
reader: new Ext.data.JsonReader({
root: "root"
}, ActionDef),
proxy: actionsProxy,
sorters: [{
property: 'action',
direction:'ASC'
}]
});
actions.load();
if(this.value.length > 0) {
var valueParts = this.value.split("|");
for(var i=0; i < valueParts.length; i++) {
var nextPart = valueParts[i];
actions.add(new ActionDef({
action: nextPart
}));
}
}
var itemDeleter = new Extensive.grid.ItemDeleter();
var gridId = Ext.id();
var dialogSize = ORYX.Utils.getDialogSize(300, 450);
var colWidth = dialogSize.width - 80;
var grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
store: actions,
id: gridId,
stripeRows: true,
cm: new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
id: 'action',
header: ORYX.I18N.PropertyWindow.action,
width: colWidth,
dataIndex: 'action',
editor: new Ext.form.TextField({ allowBlank: true })
},itemDeleter]),
selModel: itemDeleter,
autoHeight: true,
tbar: [{
text: ORYX.I18N.PropertyWindow.addAction,
handler : function(){
actions.add(new ActionDef({
action: ''
}));
grid.fireEvent('cellclick', grid, actions.getCount()-1, 1, null);
}
}],
clicksToEdit: 1
});
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.editorForActions,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
//this.focus.defer(10, this);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = "";
grid.getView().refresh();
grid.stopEditing();
actions.data.each(function() {
if(this.data['action'].length > 0) {
outValue += this.data['action'] + "|";
}
});
if(outValue.length > 0) {
outValue = outValue.slice(0, -1)
}
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
}
});
Ext.form.ComplexDataAssignmenField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
addParentVars : function(thisNode, varDataTitle, varData, variableDefsOnly, dataTypeMap, variableDefsOnlyVals) {
if(thisNode) {
if(thisNode._stencil._jsonStencil.id == "http://b3mn.org/stencilset/bpmn2.0#MultipleInstanceSubprocess"
|| thisNode._stencil._jsonStencil.id == "http://b3mn.org/stencilset/bpmn2.0#Subprocess"
|| thisNode._stencil._jsonStencil.id == "http://b3mn.org/stencilset/bpmn2.0#AdHocSubprocess") {
var vardefsprop = thisNode.properties["oryx-vardefs"];
if(vardefsprop && vardefsprop.length > 0) {
var vardefspropParts = vardefsprop.split(",");
for(var k=0; k < vardefspropParts.length; k++) {
var nextPart = vardefspropParts[k];
var innerVal = new Array();
if(nextPart.indexOf(":") > 0) {
var innerParts = nextPart.split(":");
innerVal.push(innerParts[0]);
innerVal.push(innerParts[0]);
dataTypeMap[innerParts[0]] = innerParts[1];
variableDefsOnlyVals.push(innerParts[0]);
} else {
innerVal.push(nextPart);
innerVal.push(nextPart);
dataTypeMap[nextPart] = "java.lang.String";
variableDefsOnlyVals.push(nextPart);
}
varData.push(innerVal);
variableDefsOnly.push(innerVal);
}
}
if(thisNode._stencil._jsonStencil.id == "http://b3mn.org/stencilset/bpmn2.0#MultipleInstanceSubprocess") {
var midatainputsprop = thisNode.properties["oryx-multipleinstancedatainput"];
if(midatainputsprop && midatainputsprop.length > 0) {
var innerVal = new Array();
innerVal.push(midatainputsprop);
innerVal.push(midatainputsprop);
dataTypeMap[midatainputsprop] = "java.lang.String";
variableDefsOnlyVals.push(innerVal);
varData.push(innerVal);
variableDefsOnly.push(innerVal);
}
var midataOutputsprop = thisNode.properties["oryx-multipleinstancedataoutput"];
if(midataOutputsprop && midataOutputsprop.length > 0) {
var innerVal = new Array();
innerVal.push(midataOutputsprop);
innerVal.push(midataOutputsprop);
dataTypeMap[midataOutputsprop] = "java.lang.String";
variableDefsOnlyVals.push(innerVal);
varData.push(innerVal);
variableDefsOnly.push(innerVal);
}
}
}
if(thisNode.parent) {
this.addParentVars(thisNode.parent, varDataTitle, varData, variableDefsOnly, dataTypeMap, variableDefsOnlyVals);
}
}
},
/**
* If the trigger was clicked a dialog has to be opened
* to enter the values for the complex property.
*/
onTriggerClick : function(){
if(this.disabled){
return undefined;
}
if (ORYX.USEOLDDATAASSIGNMENTS == false) {
this.facade.raiseEvent({
type: ORYX.CONFIG.EVENT_DATAIOEDITOR_SHOW,
element: this.shapes[0]
});
return;
}
var newAssignmentType = "";
var processJSON = ORYX.EDITOR.getSerializedJSON();
var processVars = jsonPath(processJSON.evalJSON(), "$.properties.vardefs");
var varData = new Array();
var varDataTitle = new Array();
var dataTypeMap = new Hash();
var variableDefsOnly = new Array();
var variableDefsOnlyVals = new Array();
var dataInputsOnly = new Array();
var dataInputsOnlyVals = new Array();
var dataOutputsOnly = new Array();
var dataOutputsOnlyVals = new Array();
varDataTitle.push("");
// for MIsub children add MIsub vardefs and mid data inputs and outputs
var addedTitle = false;
var selection = ORYX.EDITOR._pluginFacade.getSelection();
if(selection) {
var selected = selection.first();
if(selected && selected.parent) {
if(selected.parent._stencil._jsonStencil.id == "http://b3mn.org/stencilset/bpmn2.0#MultipleInstanceSubprocess"
|| selected.parent._stencil._jsonStencil.id == "http://b3mn.org/stencilset/bpmn2.0#Subprocess"
|| selected.parent._stencil._jsonStencil.id == "http://b3mn.org/stencilset/bpmn2.0#AdHocSubprocess") {
varDataTitle.push("** Process/Subprocess Definitions **");
varData.push(varDataTitle);
variableDefsOnly.push(varDataTitle);
addedTitle = true;
}
this.addParentVars(selected.parent, varDataTitle, varData, variableDefsOnly, dataTypeMap, variableDefsOnlyVals);
}
}
if(!addedTitle) {
varDataTitle.push("** Variable Definitions **");
varData.push(varDataTitle);
variableDefsOnly.push(varDataTitle);
}
if(processVars) {
processVars.forEach(function(item){
if(item.length > 0) {
var valueParts = item.split(",");
for(var i=0; i < valueParts.length; i++) {
var innerVal = new Array();
var nextPart = valueParts[i];
if(nextPart.indexOf(":") > 0) {
var innerParts = nextPart.split(":");
innerVal.push(innerParts[0]);
innerVal.push(innerParts[0]);
dataTypeMap[innerParts[0]] = innerParts[1];
variableDefsOnlyVals.push(innerParts[0]);
} else {
innerVal.push(nextPart);
innerVal.push(nextPart);
dataTypeMap[nextPart] = "java.lang.String";
variableDefsOnlyVals.push(nextPart);
}
varData.push(innerVal);
variableDefsOnly.push(innerVal);
}
}
});
}
var dataInputsTitle = new Array();
dataInputsTitle.push("");
dataInputsTitle.push("** Data Inputs **");
varData.push(dataInputsTitle);
dataInputsOnly.push(dataInputsTitle);
Ext.each(this.dataSource.data.items, function(item){
if((item.data.gridProperties.propId == "oryx-datainputset") || (item.data.gridProperties.propId == "oryx-datainput")) {
var valueParts = item.data['value'].split(",");
for(var di=0; di < valueParts.length; di++) {
var nextPart = valueParts[di];
var innerVal = new Array();
if(nextPart.indexOf(":") > 0) {
var innerParts = nextPart.split(":");
innerVal.push(innerParts[0]);
innerVal.push(innerParts[0]);
dataTypeMap[innerParts[0]] = innerParts[1];
dataInputsOnlyVals.push(innerParts[0]);
} else {
innerVal.push(nextPart);
innerVal.push(nextPart);
dataTypeMap[nextPart] = "java.lang.String";
dataInputsOnlyVals.push(nextPart);
}
varData.push(innerVal);
dataInputsOnly.push(innerVal);
}
}
});
var dataOutputsTitle = new Array();
dataOutputsTitle.push("");
dataOutputsTitle.push("** Data Outputs **");
varData.push(dataOutputsTitle);
dataOutputsOnly.push(dataOutputsTitle);
Ext.each(this.dataSource.data.items, function(item){
if((item.data.gridProperties.propId == "oryx-dataoutputset") || (item.data.gridProperties.propId == "oryx-dataoutput")) {
var valueParts = item.data['value'].split(",");
for(var dou=0; dou < valueParts.length; dou++) {
var nextPart = valueParts[dou];
var innerVal = new Array();
if(nextPart.indexOf(":") > 0) {
var innerParts = nextPart.split(":");
innerVal.push(innerParts[0]);
innerVal.push(innerParts[0]);
dataTypeMap[innerParts[0]] = innerParts[1];
dataOutputsOnlyVals.push(innerParts[0]);
} else {
innerVal.push(nextPart);
innerVal.push(nextPart);
dataTypeMap[nextPart] = "java.lang.String";
dataOutputsOnlyVals.push(nextPart);
}
varData.push(innerVal);
dataOutputsOnly.push(innerVal);
}
}
});
var DataAssignment = Ext.data.Record.create([
{
name: 'atype'
}, {
name: 'from'
}, {
name: 'type'
}, {
name: 'to'
}, {
name: 'tostr'
}, {
name: 'dataType'
}, {
name: 'assignment'
}
]);
var dataassignmentProxy = new Ext.data.MemoryProxy({
root: []
});
var dataassignments = new Ext.data.Store({
autoDestroy: true,
reader: new Ext.data.JsonReader({
root: "root"
}, DataAssignment),
proxy: dataassignmentProxy,
sorters: [
{
property: 'atype',
direction: 'ASC'
}, {
property: 'from',
direction:'ASC'
}, {
property: 'to',
direction: 'ASC'
}, {
property: 'tostr',
direction: 'ASC'
}
]
});
dataassignments.load();
if(this.value.length > 0) {
var valueParts = this.value.split(",");
for(var i=0; i < valueParts.length; i++) {
var nextPart = valueParts[i];
if(nextPart.indexOf("=") > 0) {
var innerParts = nextPart.split("=");
if(innerParts[0].startsWith("[din]")) {
var fromPart = innerParts[0].slice(5, innerParts[0].length);
var dataType = dataTypeMap[fromPart];
if (!dataType){
dataType = "java.lang.String";
}
innerParts.shift(); // removes the first item from the array
var escapedp = innerParts.join('=').replace(/\#\#/g , ",");
escapedp = escapedp.replace(/\|\|/g , "=");
dataassignments.add(new DataAssignment({
atype: "DataInput",
from: fromPart,
type: "is equal to",
to: "",
tostr: escapedp,
dataType: dataType,
assignment: "false"
}));
} else if(innerParts[0].startsWith("[dout]")) {
var fromPart = innerParts[0].slice(6, innerParts[0].length);
var dataType = dataTypeMap[fromPart];
if (!dataType){
dataType = "java.lang.String";
}
innerParts.shift(); // removes the first item from the array
var escapedp = innerParts.join('=').replace(/\#\#/g , ",");
escapedp = escapedp.replace(/\|\|/g , "=");
dataassignments.add(new DataAssignment({
atype: "DataOutput",
from: fromPart,
type: "is equal to",
to: "",
tostr: escapedp,
dataType: dataType,
assignment: "false"
}));
} else {
// for custom tasks we need to deal with no definition
var fromPart = innerParts[0];
var dataType = dataTypeMap[fromPart];
if (!dataType){
dataType = "java.lang.String";
}
innerParts.shift(); // removes the first item from the array
var escapedp = innerParts.join('=').replace(/\#\#/g , ",");
escapedp = escapedp.replace(/\|\|/g , "=");
dataassignments.add(new DataAssignment({
atype: "DataInput",
from: fromPart,
type: "is equal to",
to: "",
tostr: escapedp,
dataType: dataType,
assignment: "false"
}));
}
// var dataType = dataTypeMap[innerParts[0]];
// if (!dataType){
// dataType = "java.lang.String";
// }
// var fromPart = innerParts[0];
// innerParts.shift(); // removes the first item from the array
// var escapedp = innerParts.join('=').replace(/\#\#/g , ",");
// escapedp = escapedp.replace(/\|\|/g , "=");
//
// if(variableDefsOnlyVals.indexOf(fromPart) < 0) {
// dataassignments.add(new DataAssignment({
// atype: ( dataInputsOnlyVals.indexOf(fromPart) >= 0 ) ? "DataInput" : "DataOutput",
// from: fromPart,
// type: "is equal to",
// to: "",
// tostr: escapedp,
// dataType: dataType
// }));
// }
} else if(nextPart.indexOf("->") > 0) {
var innerParts = nextPart.split("->");
if(innerParts[0].startsWith("[din]")) {
var fromPart = innerParts[0].slice(5, innerParts[0].length);
var dataType = dataTypeMap[fromPart];
if (!dataType){
dataType = "java.lang.String";
}
var outType = "DataInput";
dataassignments.add(new DataAssignment({
atype: outType,
from: fromPart,
type: "is mapped to",
to: innerParts[1],
tostr: "",
dataType: dataType,
assignment: "true"
}));
} else if(innerParts[0].startsWith("[dout]")) {
var fromPart = innerParts[0].slice(6, innerParts[0].length);
var dataType = dataTypeMap[fromPart];
if (!dataType){
dataType = "java.lang.String";
}
var outType = "DataOutput";
dataassignments.add(new DataAssignment({
atype: outType,
from: fromPart,
type: "is mapped to",
to: innerParts[1],
tostr: "",
dataType: dataType,
assignment: "true"
}));
}
// var dataType = dataTypeMap[innerParts[0]];
// if (!dataType){
// dataType = "java.lang.String";
// }
// var fromPart = innerParts[0];
// var hasErrors = false;
// if( dataInputsOnlyVals.indexOf(fromPart) >= 0 && dataInputsOnlyVals.indexOf(innerParts[1]) >= 0 ){
// // if its also process var - pass
// if(variableDefsOnlyVals.indexOf(fromPart) < 0) {
// hasErrors = true;
// }
// }
// if( dataInputsOnlyVals.indexOf(fromPart) >= 0 && variableDefsOnlyVals.indexOf(innerParts[1]) >= 0 ){
// var noVars = (variableDefsOnlyVals.indexOf(fromPart) < 0);
// var noDOuts = (dataOutputsOnlyVals.indexOf(fromPart) < 0);
//
// if(noVars && noDOuts) {
// hasErrors = true;
// }
// }
// if( variableDefsOnlyVals.indexOf(fromPart) >= 0 && variableDefsOnlyVals.indexOf(innerParts[1]) >= 0 ){
// // if its also a data input - pass
// if( dataInputsOnlyVals.indexOf(innerParts[1]) < 0 && dataOutputsOnlyVals.indexOf(innerParts[1]) ) {
// hasErrors = true;
// }
// }
// if( dataOutputsOnlyVals.indexOf(fromPart) >= 0 && dataInputsOnlyVals.indexOf(innerParts[1]) >= 0 ){
// if(variableDefsOnlyVals.indexOf(fromPart) < 0) {
// hasErrors = true;
// }
// }
//
// if(!hasErrors) {
// var outType = "";
// if(variableDefsOnlyVals.indexOf(fromPart) >= 0) {
// if(dataOutputsOnlyVals.indexOf(fromPart) >= 0) {
// if(dataInputsOnlyVals.indexOf(innerParts[1]) >= 0) {
// outType = "DataInput";
// } else {
// outType = "DataOutput";
// }
// } else {
// outType = "DataInput";
// }
// } else if(dataInputsOnlyVals.indexOf(fromPart) >= 0) {
// if(dataOutputsOnlyVals.indexOf(fromPart) >= 0) {
// outType = "DataOutput";
// } else {
// outType = "DataInput";
// }
// } else {
// outType = "DataOutput";
// }
// dataassignments.add(new DataAssignment({
// atype: outType,
// from: innerParts[0],
// type: "is mapped to",
// to: innerParts[1],
// tostr: "",
// dataType: dataType
// }));
// }
} else {
// default to equality
if(innerParts[0].startsWith("[din]")) {
var fromPart = innerParts[0].slice(5, innerParts[0].length);
var dataType = dataTypeMap[fromPart];
if (!dataType){
dataType = "java.lang.String";
}
dataassignments.add(new DataAssignment({
atype: "DataInput",
from: fromPart,
type: "is equal to",
to: "",
tostr: "",
dataType: dataType,
assignment: "false"
}));
} else if(innerParts[0].startsWith("[dout]")) {
var fromPart = innerParts[0].slice(5, innerParts[0].length);
var dataType = dataTypeMap[fromPart];
if (!dataType){
dataType = "java.lang.String";
}
dataassignments.add(new DataAssignment({
atype: "DataInput",
from: fromPart,
type: "is equal to",
to: "",
tostr: "",
dataType: dataType,
assignment: "false"
}));
}
var dataType = dataTypeMap[nextPart];
// if (!dataType){
// dataType = "java.lang.String";
// }
// if(variableDefsOnlyVals.indexOf(nextPart) < 0) {
// dataassignments.add(new DataAssignment({
// atype: ( variableDefsOnlyVals.indexOf(nextPart) >= 0 || dataInputsOnlyVals.indexOf(nextPart) >= 0 ) ? "DataInput" : "DataOutput",
// from: nextPart,
// type: "is equal to",
// to: "",
// tostr: "",
// dataType: dataType
// }));
// }
}
}
}
//keep sync between from and dataType
dataassignments.on('update', function(store, record, operation){
if (operation == "edit"){
var newType = dataTypeMap[record.get("from")];
if (!newType){
newType = "java.lang.String";
}
record.set("dataType", newType);
}
});
var fromCombo = new Ext.form.ComboBox({
name: 'fromCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: varData
})
});
var typeCombo = new Ext.form.ComboBox({
name: 'typeCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: [
['is mapped to',ORYX.I18N.PropertyWindow.isMappedTo],
['is equal to',ORYX.I18N.PropertyWindow.isEqualTo]
]
})
});
var toCombo = new Ext.form.ComboBox({
name: 'toCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: varData
})
});
var itemDeleter = new Extensive.grid.ItemDeleter();
var gridId = Ext.id();
var grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
store: dataassignments,
id: gridId,
stripeRows: true,
cm: new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
id: 'valueType',
header: ORYX.I18N.PropertyWindow.dataType,
width: 180,
dataIndex: 'dataType',
hidden: 'true'
},{
id: 'atype',
header: 'Assignment Type',
width: 180,
dataIndex: 'atype'
}, {
id: 'from',
header: ORYX.I18N.PropertyWindow.fromObject,
width: 180,
dataIndex: 'from',
editor: fromCombo
}, {
id: 'type',
header: ORYX.I18N.PropertyWindow.assignmentType,
width: 100,
dataIndex: 'type',
editor: typeCombo
}, {
id: 'to',
header: ORYX.I18N.PropertyWindow.toObject,
width: 180,
dataIndex: 'to',
editor: toCombo
}, {
id: 'tostr',
header: ORYX.I18N.PropertyWindow.toValue,
width: 180,
dataIndex: 'tostr',
editor: new Ext.form.TextField({ name: "tostrTxt", allowBlank: true }),
renderer: Ext.util.Format.htmlEncode
}, itemDeleter]),
selModel: itemDeleter,
autoHeight: true,
tbar: [{
text: "[ Input Assignment ]",
handler : function(){
dataassignments.add(new DataAssignment({
atype: 'DataInput',
from: '',
type: '',
to: '',
tostr: '',
assignment: "false"
}));
newAssignmentType = "datainput";
grid.fireEvent('cellclick', grid, dataassignments.getCount()-1, 1, null);
}
},
{
text: "[ Input Mapping ]",
handler : function(){
dataassignments.add(new DataAssignment({
atype: 'DataInput',
from: '',
type: '',
to: '',
tostr: '',
assignment: "true"
}));
newAssignmentType = "datainput";
grid.fireEvent('cellclick', grid, dataassignments.getCount()-1, 1, null);
}
},
{
text: "[ Output Mapping ]",
handler : function(){
dataassignments.add(new DataAssignment({
atype: 'DataOutput',
from: '',
type: '',
to: '',
tostr: '',
assignment: "true"
}));
newAssignmentType = "dataoutput";
grid.fireEvent('cellclick', grid, dataassignments.getCount()-1, 1, null);
}
}],
clicksToEdit: 1,
listeners: {
beforeedit: function(e) {
if(e.record.data.atype == "DataInput") {
var ed = e.grid.getColumnModel().getCellEditor(e.column, e.row) || {};
ed = ed.field || {};
if(ed.name == "typeCombo") {
ed.destroy();
var newTypeCombo;
if(e.record.data.assignment == "true") {
newTypeCombo = new Ext.form.ComboBox({
name: 'typeCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: [
['is mapped to',ORYX.I18N.PropertyWindow.isMappedTo]
]
})
});
} else {
newTypeCombo = new Ext.form.ComboBox({
name: 'typeCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: [
['is equal to',ORYX.I18N.PropertyWindow.isEqualTo]
]
})
});
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newTypeCombo));
}
if(ed.name == "fromCombo") {
ed.destroy();
var newFromCombo;
if(e.record.data.assignment == "true") {
newFromCombo = new Ext.form.ComboBox({
name: 'fromCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: variableDefsOnly
})
});
} else {
newFromCombo = new Ext.form.ComboBox({
name: 'fromCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: dataInputsOnly
})
});
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newFromCombo));
}
if(ed.name == "toCombo") {
ed.destroy();
var newToCombo;
if(e.record.data.assignment == "true") {
newToCombo = new Ext.form.ComboBox({
name: 'toCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: dataInputsOnly
})
});
} else {
newToCombo = new Ext.form.ComboBox({
name: 'toCombo',
disabled: true,
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: dataInputsOnly
})
});
//newToCombo.disable();
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newToCombo));
}
if(ed.name == "tostrTxt") {
ed.destroy();
var newToStrField;
if(e.record.data.assignment == "true") {
newToStrField = new Ext.form.TextField({ name: "tostrTxt", allowBlank: true, disabled: true })
} else {
newToStrField = new Ext.form.TextField({ name: "tostrTxt", allowBlank: true })
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newToStrField));
}
}
if(e.record.data.atype == "DataOutput") {
var ed = e.grid.getColumnModel().getCellEditor(e.column, e.row) || {};
ed = ed.field || {};
if(ed.name == "typeCombo") {
ed.destroy();
var newTypeCombo;
if(e.record.data.assignment == "true") {
newTypeCombo = new Ext.form.ComboBox({
name: 'typeCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: [
['is mapped to',ORYX.I18N.PropertyWindow.isMappedTo]
]
})
});
} else {
newTypeCombo = new Ext.form.ComboBox({
name: 'typeCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: [
['is equal to',ORYX.I18N.PropertyWindow.isEqualTo]
]
})
});
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newTypeCombo));
}
if(ed.name == "fromCombo") {
ed.destroy();
var newFromCombo;
if(e.record.data.assignment == "true") {
newFromCombo = new Ext.form.ComboBox({
name: 'fromCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: dataOutputsOnly
})
});
} else {
newFromCombo = new Ext.form.ComboBox({
name: 'fromCombo',
disabled: true,
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: dataOutputsOnly
})
});
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newFromCombo));
}
if(ed.name == "toCombo") {
ed.destroy();
var newToCombo;
if(e.record.data.assignment == "true") {
newToCombo = new Ext.form.ComboBox({
name: 'toCombo',
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: variableDefsOnly
})
});
} else {
newToCombo = new Ext.form.ComboBox({
name: 'toCombo',
disabled: true,
valueField:'name',
displayField:'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: variableDefsOnly
})
});
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newToCombo));
}
if(ed.name == "tostrTxt") {
ed.destroy();
var newToStrField;
if(e.record.data.assignment == "true") {
newToStrField = new Ext.form.TextField({ name: "tostrTxt", allowBlank: true, disabled: true })
} else {
newToStrField = new Ext.form.TextField({ name: "tostrTxt", allowBlank: true })
}
e.grid.getColumnModel().setEditor(e.column, new Ext.grid.GridEditor(newToStrField));
}
}
}
}
});
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.editorForDataAssignments,
height : 350,
width : 890,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = "";
grid.getView().refresh();
grid.stopEditing();
dataassignments.data.each(function() {
if(this.data['from'].length > 0 && this.data["type"].length > 0) {
var daType = this.data['atype'];
if(this.data["type"] == "is mapped to") {
if(daType == "DataInput") {
outValue += "[din]" + this.data['from'] + "->" + this.data['to'] + ",";
} else if(daType == "DataOutput") {
outValue += "[dout]" + this.data['from'] + "->" + this.data['to'] + ",";
}
// if(this.data['to'].length > 0) {
// // type specific checks
// if(dataInputsOnlyVals.indexOf(this.data['from']) >= 0 && dataInputsOnlyVals.indexOf(this.data['to']) >= 0) {
// // if its also vardef -- pass
// if(variableDefsOnlyVals.indexOf(this.data['from']) < 0) {
// ORYX.EDITOR._pluginFacade.raiseEvent({
// type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
// ntype : 'warning',
// msg : "1Assignment for " + this.data['from'] + " is invalid",
// title : ''
//
// });
// } else {
// outValue += this.data['from'] + "->" + this.data['to'] + ",";
// }
// } else if(dataInputsOnlyVals.indexOf(this.data['from']) >= 0 && variableDefsOnly.indexOf(this.data['to']) >= 0) {
// var noVars = (variableDefsOnlyVals.indexOf(this.data['from']) < 0);
// var noDOuts = (dataOutputsOnlyVals.indexOf(this.data['from']) < 0);
// if(noVars && noDOuts) {
// ORYX.EDITOR._pluginFacade.raiseEvent({
// type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
// ntype : 'warning',
// msg : "2Assignment for " + this.data['from'] + " is invalid",
// title : ''
//
// });
// } else {
// outValue += this.data['from'] + "->" + this.data['to'] + ",";
// }
// } else if(variableDefsOnlyVals.indexOf(this.data['from']) >= 0 && variableDefsOnlyVals.indexOf(this.data['to']) >= 0) {
// if( (dataInputsOnlyVals.indexOf(this.data['from']) < 0) && (dataOutputsOnlyVals.indexOf(this.data['from']) < 0)) {
// ORYX.EDITOR._pluginFacade.raiseEvent({
// type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
// ntype : 'warning',
// msg : "3Assignment for " + this.data['from'] + " is invalid",
// title : ''
//
// });
// } else {
// outValue += this.data['from'] + "->" + this.data['to'] + ",";
// }
// } else if(dataOutputsOnlyVals.indexOf(this.data['from']) >= 0 && dataInputsOnlyVals.indexOf(this.data['to']) >= 0) {
// if(variableDefsOnlyVals.indexOf(this.data['from']) < 0) {
// ORYX.EDITOR._pluginFacade.raiseEvent({
// type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
// ntype : 'warning',
// msg : "4Assignment for " + this.data['from'] + " is invalid",
// title : ''
//
// });
// } else {
// outValue += this.data['from'] + "->" + this.data['to'] + ",";
// }
// } else {
// outValue += this.data['from'] + "->" + this.data['to'] + ",";
// }
// } else {
// ORYX.EDITOR._pluginFacade.raiseEvent({
// type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
// ntype : 'warning',
// msg : "5Assignment for " + this.data['from'] + " does not contain a proper mapping",
// title : ''
//
// });
// }
} else if(this.data["type"] == "is equal to") {
if(this.data['tostr'].length > 0) {
var escapedc = this.data['tostr'].replace(/,/g , "##");
escapedc = escapedc.replace(/=/g, '||');
if(daType == "DataInput") {
outValue += "[din]" + this.data['from'] + "=" + escapedc + ",";
} else if(daType == "DataOutput") {
outValue += "[dout]" + this.data['from'] + "=" + escapedc + ",";
}
// type specific checks
// if(variableDefsOnlyVals.indexOf(this.data['from']) >= 0) {
// ORYX.EDITOR._pluginFacade.raiseEvent({
// type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
// ntype : 'warning',
// msg : "Assignment for " + this.data['from'] + " is invalid",
// title : ''
//
// });
// } else {
// var escapedc = this.data['tostr'].replace(/,/g , "##");
// escapedc = escapedc.replace(/=/g, '||');
// outValue += this.data['from'] + "=" + escapedc + ",";
// }
} else {
// allow blank tostr values (e.g service tasks)
if(daType == "DataInput") {
outValue += "[din]" + this.data['from'] + "=" + "" + ",";
} else if(daType == "DataOutput") {
outValue += "[dout]" + this.data['from'] + "=" + "" + ",";
}
}
}
}
});
if(outValue.length > 0) {
outValue = outValue.slice(0, -1);
}
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue);
this.dataSource.commitChanges();
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
return grid;
}
});
Ext.form.NameTypeEditor = Ext.extend(Ext.form.TriggerField, {
windowTitle : "",
addButtonLabel : "",
single : false,
editable: false,
readOnly: true,
dtype : "",
addCustomKPI : "",
/**
* If the trigger was clicked a dialog has to be opened
* to enter the values for the complex property.
*/
onTriggerClick : function(){
if(this.disabled){
return;
}
if (ORYX.USEOLDDATAASSIGNMENTS == false) {
if (this.dtype == ORYX.CONFIG.TYPE_DTYPE_DINPUT || this.dtype == ORYX.CONFIG.TYPE_DTYPE_DOUTPUT) {
this.facade.raiseEvent({
type: ORYX.CONFIG.EVENT_DATAIOEDITOR_SHOW,
element: this.facade.getSelection()[0]
});
return;
}
}
var processJSON = ORYX.EDITOR.getSerializedJSON();
var processPackage = jsonPath(processJSON.evalJSON(), "$.properties.package");
var processId = jsonPath(processJSON.evalJSON(), "$.properties.id");
Ext.Ajax.request({
url: ORYX.PATH + 'calledelement',
method: 'POST',
success: function(response) {
try {
if(response.responseText.length >= 0 && response.responseText != "false") {
var responseJson = Ext.decode(response.responseText);
var customKPIData = new Array();
var trueType = new Array();
trueType.push("true");
trueType.push("true");
customKPIData.push(trueType);
var falseType = new Array();
falseType.push("false");
falseType.push("false");
customKPIData.push(falseType);
var customTypeData = new Array();
// set some predefined defaults
var stringType = new Array();
stringType.push("String");
stringType.push("String");
customTypeData.push(stringType);
var integerType = new Array();
integerType.push("Integer");
integerType.push("Integer");
customTypeData.push(integerType);
var booleanType = new Array();
booleanType.push("Boolean");
booleanType.push("Boolean");
customTypeData.push(booleanType);
var floatType = new Array();
floatType.push("Float");
floatType.push("Float");
customTypeData.push(floatType);
var objectType = new Array();
objectType.push("Object");
objectType.push("Object");
customTypeData.push(objectType);
var dividerType = new Array();
dividerType.push("**********");
dividerType.push("**********");
customTypeData.push(dividerType);
var unsortedData= new Array();
for(var key in responseJson){
var keyVal = responseJson[key];
unsortedData.push(keyVal);
}
unsortedData.sort();
for(var t = 0 ; t < unsortedData.length; t++ ) {
var newCustomType = new Array();
var presStr = unsortedData[t];
var presStrParts = presStr.split(".");
var classPart = presStrParts[presStrParts.length-1];
var pathPart = presStr.substring(0, presStr.length - (classPart.length + 1));
newCustomType.push(classPart + " [" + pathPart + "]");
newCustomType.push(unsortedData[t]);
customTypeData.push(newCustomType);
}
var VarDef = Ext.data.Record.create([{
name: 'name'
}, {
name: 'stype'
}, {
name: 'ctype'
}, {
name: 'kpi'
}]);
var vardefsProxy = new Ext.data.MemoryProxy({
root: []
});
var vardefs = new Ext.data.Store({
autoDestroy: true,
reader: new Ext.data.JsonReader({
root: "root"
}, VarDef),
proxy: vardefsProxy,
sorters: [{
property: 'name',
direction:'ASC'
}]
});
vardefs.load();
if(this.value.length > 0) {
var valueParts = this.value.split(",");
for(var i=0; i < valueParts.length; i++) {
var nextPart = valueParts[i];
if(nextPart.indexOf(":") > 0) {
var innerParts = nextPart.split(":");
var foundCustom = false;
for(var j=0; j < customTypeData.length; j++) {
var innerar = customTypeData[j];
for(var k = 0; k < innerar.length; k++) {
var inneror = innerar[k];
if(inneror == innerParts[1]) {
foundCustom = true;
break;
}
}
}
if(foundCustom == true) {
var ckpi = "false";
if(innerParts.length == 3) {
ckpi = innerParts[2];
}
vardefs.add(new VarDef({
name: innerParts[0],
stype: innerParts[1],
ctype: '',
kpi: ckpi
}));
} else {
var ckpi = "false";
//check if innerparts[1] is kpi or not
if(innerParts[1] == "true" || innerParts[1] == "false") {
vardefs.add(new VarDef({
name: innerParts[0],
stype: '',
ctype: '',
kpi: innerParts[1]
}));
} else {
var ckpi = "false";
if(innerParts.length == 3) {
ckpi = innerParts[2];
}
vardefs.add(new VarDef({
name: innerParts[0],
stype: '',
ctype: innerParts[1],
kpi: ckpi
}));
}
}
} else {
vardefs.add(new VarDef({
name: nextPart,
stype: '',
ctype: '',
kpi: "false"
}));
}
}
}
var itemDeleter = new Extensive.grid.ItemDeleter();
itemDeleter.setDType(this.dtype);
var dialogSize = ORYX.Utils.getDialogSize(300, 700);
var smallColWidth = (dialogSize.width - 80) / 7;
var gridId = Ext.id();
Ext.form.VTypes["inputNameVal"] = /^[a-z0-9\-\.\_]*$/i;
Ext.form.VTypes["inputNameText"] = 'Invalid name';
Ext.form.VTypes["inputName"] = function(v){
return Ext.form.VTypes["inputNameVal"].test(v);
};
var cckpi = this.addCustomKPI;
var grid = new Ext.grid.EditorGridPanel({
autoScroll: true,
autoHeight: true,
store: vardefs,
id: gridId,
stripeRows: true,
cm: new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
id: 'name',
header: ORYX.I18N.PropertyWindow.name,
width: smallColWidth * 2,
dataIndex: 'name',
editor: new Ext.form.TextField({ allowBlank: true, vtype: 'inputName', regex: /^[a-z0-9\-\.\_]*$/i }),
renderer: Ext.util.Format.htmlEncode
}, {
id: 'stype',
header: "Defined Types",
width: smallColWidth * 2,
dataIndex: 'stype',
editor: new Ext.form.ComboBox({
typeAhead: true,
anyMatch: true,
id: 'customTypeCombo',
valueField:'value',
displayField:'name',
labelStyle:'display:none',
submitValue : true,
typeAhead: true,
queryMode: 'local',
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
hideTrigger: false,
forceSelection: false,
selectOnFocus:true,
autoSelect:false,
editable: true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: customTypeData
})
})
}, {
id: 'ctype',
header: ORYX.I18N.PropertyWindow.customType,
width: smallColWidth * 2,
dataIndex: 'ctype',
editor: new Ext.form.TextField({ allowBlank: true }),
renderer: Ext.util.Format.htmlEncode
}, {
id: 'kpi',
header: "KPI",
width: smallColWidth,
dataIndex: 'kpi',
disabled: (cckpi != "true"),
editor: new Ext.form.ComboBox({
typeAhead: true,
anyMatch: true,
id: 'kpiConbo',
valueField:'value',
displayField:'name',
labelStyle:'display:none',
submitValue : true,
typeAhead: true,
queryMode: 'local',
mode: 'local',
disabled: (cckpi != "true"),
triggerAction: 'all',
selectOnFocus:true,
hideTrigger: false,
forceSelection: false,
selectOnFocus:true,
autoSelect:false,
editable: true,
store: new Ext.data.SimpleStore({
fields: [
'name',
'value'
],
data: customKPIData
})
})
}, itemDeleter]),
selModel: itemDeleter,
autoHeight: true,
tbar: [{
text: this.addButtonLabel,
handler : function(){
if(this.single && vardefs.getCount() > 0) {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.OnlySingleEntry,
title : ''
});
} else {
vardefs.add(new VarDef({
name: '',
stype: '',
ctype: '',
kpi: 'false'
}));
grid.fireEvent('cellclick', grid, vardefs.getCount()-1, 1, null);
}
}.bind(this)
}],
clicksToEdit: 1
});
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : this.windowTitle,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[grid],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
//this.focus.defer(10, this);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = "";
grid.stopEditing();
grid.getView().refresh();
var ckpi = this.addCustomKPI;
vardefs.data.each(function() {
if(this.data['name'].length > 0) {
if(this.data['stype'].length > 0) {
if(this.data['stype'] == "Object" && this.data['ctype'].length > 0) {
outValue += this.data['name'] + ":" + this.data['ctype'];
if(ckpi == "true") {
outValue += ":" + this.data['kpi'];
}
outValue += ",";
} else {
outValue += this.data['name'] + ":" + this.data['stype'];
if(ckpi == "true") {
outValue += ":" + this.data['kpi'];
}
outValue += ",";
}
} else if(this.data['ctype'].length > 0) {
outValue += this.data['name'] + ":" + this.data['ctype'];
if(ckpi == "true") {
outValue += ":" + this.data['kpi'];
}
outValue += ",";
} else {
outValue += this.data['name'];
if(ckpi == "true") {
outValue += ":" + this.data['kpi'];
}
outValue += ",";
}
}
});
if(outValue.length > 0) {
outValue = outValue.slice(0, -1)
}
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide()
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
this.grid.stopEditing();
grid.focus( false, 100 );
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : 'Unable to find Data Types.',
title : ''
});
}
} catch(e) {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : 'Error retrieving Data Types info '+' :\n' + e,
title : ''
});
}
}.bind(this),
failure: function(){
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : 'Error retrieving Data Types info.',
title : ''
});
},
params: {
profile: ORYX.PROFILE,
uuid : ORYX.UUID,
ppackage: processPackage,
pid: processId,
action: 'showdatatypes'
}
});
}
});
Ext.form.ComplexVardefField = Ext.extend(Ext.form.NameTypeEditor, {
windowTitle : ORYX.I18N.PropertyWindow.editorForVariableDefinitions,
addButtonLabel : ORYX.I18N.PropertyWindow.addVariable,
dtype: ORYX.CONFIG.TYPE_DTYPE_VARDEF,
addCustomKPI : "true"
});
Ext.form.ComplexDataInputField = Ext.extend(Ext.form.NameTypeEditor, {
windowTitle : ORYX.I18N.PropertyWindow.editorForDataInput,
addButtonLabel : ORYX.I18N.PropertyWindow.addDataInput,
dtype: ORYX.CONFIG.TYPE_DTYPE_DINPUT
});
Ext.form.ComplexDataOutputField = Ext.extend(Ext.form.NameTypeEditor, {
windowTitle : ORYX.I18N.PropertyWindow.editorForDataOutput,
addButtonLabel : ORYX.I18N.PropertyWindow.addDataOutput,
dtype: ORYX.CONFIG.TYPE_DTYPE_DOUTPUT
});
Ext.form.ComplexDataInputFieldSingle = Ext.extend(Ext.form.NameTypeEditor, {
windowTitle : ORYX.I18N.PropertyWindow.editorForDataInput,
addButtonLabel : ORYX.I18N.PropertyWindow.addDataInput,
single : true,
dtype: ORYX.CONFIG.TYPE_DTYPE_DINPUT
});
Ext.form.ComplexDataOutputFieldSingle = Ext.extend(Ext.form.NameTypeEditor, {
windowTitle : ORYX.I18N.PropertyWindow.editorForDataOutput,
addButtonLabel : ORYX.I18N.PropertyWindow.addDataOutput,
single : true,
dtype: ORYX.CONFIG.TYPE_DTYPE_DOUTPUT
});
Ext.form.ComplexGlobalsField = Ext.extend(Ext.form.NameTypeEditor, {
windowTitle : ORYX.I18N.PropertyWindow.editorForGlobals,
addButtonLabel : ORYX.I18N.PropertyWindow.addGlobal,
dtype: ORYX.CONFIG.TYPE_DTYPE_GLOBAL
});
Ext.form.ConditionExpressionEditorField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
onTriggerClick: function(){
if(this.disabled){
return;
}
function setFieldValueAndClose(value) {
input.setValue(value);
input.dataSource.getAt(input.row).set('value', value);
input.dataSource.commitChanges();
dialog.hide()
}
// Converts \\ to \ and \n in Java to '\n'
function replaceScriptEscapeAndNewLines(str) {
var result = new String("");
var c = '\0';
var prevC = '\0';
var atEscape = false;
for (i = 0; i < str.length; i++) {
prevC = c;
c = str.charAt(i);
// set atEscape flag
if (c === '\\') {
// deal with 2nd '\\' char
if (atEscape) {
result = result + c;
atEscape = false;
// set c to '\0' so that prevC doesn't match '\\'
// the next time round
c = '\0';
}
else {
atEscape = true;
}
}
else if (atEscape) {
if (c === 'n') {
result = result + "\n";
}
else {
result = result + c;
}
}
else {
result = result + c;
}
// unset atEscape flag if required
if (prevC === '\\') {
if (atEscape) {
atEscape = false;
}
}
}
return result;
}
var isJavaCondition = false;
Ext.each(this.dataSource.data.items, function(item){
if (item.data.gridProperties.propId == "oryx-conditionexpressionlanguage" && item.data['value'] == "java") isJavaCondition = true;
});
var input = this;
var isSimpleEditor = true;
var initScreen = true;
var contentPanel;
var scriptEditor = new Ext.form.TextArea({
id: Ext.id(),
fieldLabel: ORYX.I18N.PropertyWindow.expressionEditor,
//value: this.value.replace(/\\n/g,"\n"),
value: replaceScriptEscapeAndNewLines(this.value),
autoScroll: true
});
var sourceEditor;
var hlLine;
if (!isJavaCondition) {
contentPanel = new Ext.Panel({
border:false,
items: [scriptEditor]
});
} else {
// definde the input panels for each action type
var currentInputRecord;
var stringPanel = new Ext.Panel({
layout:'column', border:false,
style: 'margin-left:10px;display:block;',
items:[new Ext.form.TextField({name: "stringValue"})]
});
var floatPanel = new Ext.Panel({
layout:'column', border:false,
style: 'margin-left:10px;display:block;',
items:[new Ext.form.NumberField({name: "floatValue", allowDecimals: true})]
});
var floatPanelRange = new Ext.Panel({
layout:'column', border:false,
style: 'margin-left:10px;display:block;',
items:[new Ext.form.NumberField({name: "floatFrom", allowDecimals: true}),
new Ext.form.NumberField({name: "floatTo", allowDecimals: true, style: 'margin-left:10px;display:block;'})]
});
var integerPanel = new Ext.Panel({
layout:'column', border:false,
style: 'margin-left:10px;display:block;',
items:[new Ext.form.NumberField({name: "intValue", allowDecimals: false})]
});
var integerPanelRange = new Ext.Panel({
layout:'column', border:false,
style: 'margin-left:10px;display:block;',
items:[new Ext.form.NumberField({name: "intForm", allowDecimals: false}),
new Ext.form.NumberField({name: "intTo", allowDecimals: false, style: 'margin-left:10px;display:block;'})]
});
var stringActions = [];
stringActions.push(["contains", ORYX.I18N.ConditionExpressionEditorField.contains, stringPanel, [0]]);
stringActions.push(["endsWith", ORYX.I18N.ConditionExpressionEditorField.endsWith, stringPanel, [0]]);
stringActions.push(["equalsTo", ORYX.I18N.ConditionExpressionEditorField.equalsTo, stringPanel, [0]]);
stringActions.push(["isEmpty", ORYX.I18N.ConditionExpressionEditorField.isEmpty, null, null]);
stringActions.push(["isNull", ORYX.I18N.ConditionExpressionEditorField.isNull, null, null]);
stringActions.push(["startsWith", ORYX.I18N.ConditionExpressionEditorField.startsWith, stringPanel, [0]]);
var sActionStore = new Ext.data.SimpleStore({
fields: [{name: 'value'},{name: 'title'},{name: 'panel'}, {name: 'inputs'}],
data : stringActions
});
var floatActions = [];
floatActions.push(["between", ORYX.I18N.ConditionExpressionEditorField.between, floatPanelRange, [0, 1]]);
floatActions.push(["equalsTo", ORYX.I18N.ConditionExpressionEditorField.equalsTo, floatPanel, [0]]);
floatActions.push(["greaterThan", ORYX.I18N.ConditionExpressionEditorField.greaterThan, floatPanel, [0]]);
floatActions.push(["greaterOrEqualThan", ORYX.I18N.ConditionExpressionEditorField.greaterThanOrEqual, floatPanel, [0]]);
floatActions.push(["isNull", ORYX.I18N.ConditionExpressionEditorField.isNull, null, null]);
floatActions.push(["lessThan", ORYX.I18N.ConditionExpressionEditorField.lessThan, floatPanel, [0]]);
floatActions.push(["lessOrEqualThan", ORYX.I18N.ConditionExpressionEditorField.lessThanOrEqual, floatPanel, [0]]);
var fActionStore = new Ext.data.SimpleStore({
fields: [{name: 'value'},{name: 'title'},{name: 'panel'}, {name: 'inputs'}],
data : floatActions
});
var integerActions = [];
integerActions.push(["between", ORYX.I18N.ConditionExpressionEditorField.between, integerPanelRange, [0, 1]]);
integerActions.push(["equalsTo", ORYX.I18N.ConditionExpressionEditorField.equalsTo, integerPanel, [0]]);
integerActions.push(["greaterThan", ORYX.I18N.ConditionExpressionEditorField.greaterThan, integerPanel, [0]]);
integerActions.push(["greaterOrEqualThan", ORYX.I18N.ConditionExpressionEditorField.greaterThanOrEqual, integerPanel, [0]]);
integerActions.push(["isNull", ORYX.I18N.ConditionExpressionEditorField.isNull, null, null]);
integerActions.push(["lessThan", ORYX.I18N.ConditionExpressionEditorField.lessThan, integerPanel, [0]]);
integerActions.push(["lessOrEqualThan", ORYX.I18N.ConditionExpressionEditorField.lessThanOrEqual, integerPanel, [0]]);
var iActionStore = new Ext.data.SimpleStore({
fields: [{name: 'value'},{name: 'title'},{name: 'panel'}, {name: 'inputs'}],
data : integerActions
});
var booleanActions = [];
booleanActions.push(["isFalse", ORYX.I18N.ConditionExpressionEditorField.isFalse, null, null]);
booleanActions.push(["isNull", ORYX.I18N.ConditionExpressionEditorField.isNull, null, null]);
booleanActions.push(["isTrue", ORYX.I18N.ConditionExpressionEditorField.isTrue, null, null]);
var bActionStore = new Ext.data.SimpleStore({
fields: [{name: 'value'},{name: 'title'},{name: 'panel'}, {name: 'inputs'}],
data : booleanActions
});
var objectActions = [];
objectActions.push(["isNull", ORYX.I18N.ConditionExpressionEditorField.isNull, null, null]);
var oActionStore = new Ext.data.SimpleStore({
fields: [{name: 'value'},{name: 'title'},{name: 'panel'}, {name: 'inputs'}],
data : objectActions
});
stringPanel.hide();
floatPanel.hide();
floatPanelRange.hide();
integerPanel.hide();
integerPanelRange.hide();
var processJSON = ORYX.EDITOR.getSerializedJSON();
var vardefs = jsonPath(processJSON.evalJSON(), "$.properties.vardefs");
var processVars = [];
if(vardefs) {
vardefs.forEach(function(item){
if(item.length > 0) {
var valueParts = item.split(",");
for(var i=0; i < valueParts.length; i++) {
var nextPart = valueParts[i];
if(nextPart.indexOf(":") > 0) {
var innerParts = nextPart.split(":");
var varName = innerParts[0].trim();
var varType = innerParts[1].trim();
switch (varType) {
case "String":
case "java.lang.String": processVars.push([varName, varType, sActionStore]);
break;
case "Integer":
case "java.lang.Integer":
case "java.math.BigInteger":
case "java.lang.Short":
case "java.lang.Long": processVars.push([varName, varType, iActionStore]);
break;
case "Float":
case "java.math.BigDecimal":
case "java.lang.Float":
case "java.lang.Double": processVars.push([varName, varType, fActionStore]);
break;
case "Boolean":
case "java.lang.Boolean": processVars.push([varName, varType, bActionStore]);
break;
default: processVars.push([varName, varType, oActionStore]);
}
}
}
}
});
}
var varsStore = new Ext.data.SimpleStore({
fields: [{name: 'value'},{name: 'type'}, {name: 'store'}],
data : processVars
});
var actionsCombo = new Ext.form.ComboBox({
editable: false,
displayField:'title',
valueField: 'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus: true,
listeners: {
'select': function(combo, record, index){
cleanCurrentInput();
currentInputRecord = record;
var panel = currentInputRecord.get("panel")
if (panel != null) {
panel.show();
}
}
}
});
var varsCombo = new Ext.form.ComboBox({
editable: false,
store: varsStore,
displayField:'value',
valueField: 'value',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
selectOnFocus:true,
listeners: {
'select': function(combo, record, index) {
actionsCombo.clearValue();
cleanCurrentInput();
actionsCombo.bindStore(record.get("store"))
}
}
});
var expressionEditorLayout = new Ext.form.FormPanel({
layout:'table',
title: ORYX.I18N.ConditionExpressionEditorField.editorTab,
layoutConfig: {
columns: 3
},
defaults: {
border:false
},
items: [
{colspan: 3, items:[{
style: 'font-size:12px;margin:10px;display:block;',
anchor: '100%',
xtype: 'label',
html: ORYX.I18N.ConditionExpressionEditorField.editorDescription}
]},
{
style: 'font-size:12px;margin:10px;display:block;',
anchor: '100%',
xtype: 'label',
html: ORYX.I18N.ConditionExpressionEditorField.processVariable}, {colspan: 2, items:[varsCombo]},
{
style: 'font-size:12px;margin:10px;display:block;',
anchor: '100%',
xtype: 'label',
html: ORYX.I18N.ConditionExpressionEditorField.condition}, actionsCombo, {items: [stringPanel, floatPanel, floatPanelRange, integerPanel, integerPanelRange]}]
});
var scriptEditorLayout = new Ext.Panel({
title: ORYX.I18N.ConditionExpressionEditorField.scriptTab,
layout:'anchor',
defaults: {
border:false
},
items:[scriptEditor]
});
function showParseError(errorMessage) {
var fullMessage = ORYX.I18N.ConditionExpressionEditorField.scriptParseError;
fullMessage = fullMessage.replace("{0}", errorMessage);
Ext.MessageBox.show({
msg : fullMessage,
icon: Ext.MessageBox.WARNING,
buttons: {
ok: ORYX.I18N.PropertyWindow.ok,
cancel: ORYX.I18N.PropertyWindow.cancel
},
fn: function(btn){
if(btn == "ok") {
showSimpleEditor(true, true);
} else {
showScriptEditor(false, false);
}
}
});
}
function showScriptGenerationError(errorMessage) {
var fullMessage = ORYX.I18N.ConditionExpressionEditorField.scriptGenerationError;
fullMessage = fullMessage.replace("{0}", errorMessage);
Ext.MessageBox.show({
msg : fullMessage,
icon: Ext.MessageBox.WARNING,
buttons: {
ok: ORYX.I18N.PropertyWindow.ok
}
});
}
var onsuccessParseScript = function(response) {
if(response.responseText.length > 0) {
var responseJson = Ext.decode(response.responseText);
if (responseJson.errorMessage) {
if (!initScreen) {
showParseError(responseJson.errorMessage);
return;
} else {
isSimpleEditor = false;
}
} else {
var action;
var variable;
var params = [];
responseJson.conditions.forEach(function(condition){
action = condition.condition;
condition.parameters.forEach(function(parameter) {
if (variable == null) variable = parameter;
else params.push(parameter)
});
});
var index = varsStore.find('value', variable);
if (index == -1) {
var errorMessage = ORYX.I18N.ConditionExpressionEditorField.nonExistingVariable;
errorMessage = errorMessage.replace("{0}", variable);
showParseError(errorMessage);
return;
} else {
varsCombo.setValue(variable);
var varRecord = varsStore.getAt(index);
varsCombo.fireEvent('select', varsCombo, varRecord);
actionsCombo.setValue(action);
var actionStore = varRecord.get("store");
index = actionStore.find('value', action);
var actionRecord = actionStore.getAt(index);
actionsCombo.fireEvent('select', actionsCombo, actionRecord);
var panel = actionRecord.get("panel");
if (panel != null) {
var inputs = actionRecord.get("inputs");
if (inputs != null && inputs.length == params.length) {
var i;
for (i = 0; i< inputs.length; i++) {
var value = panel.getComponent(inputs[i]).setValue(params[i]);
}
}
}
isSimpleEditor = true;
}
}
}
initScreen = false;
if (isSimpleEditor) {
showSimpleEditor(true, false);
} else {
showScriptEditor(false, false);
}
}
var onfailureParseScript = function () {
showScriptEditor(false, false);
}
function showScriptEditor(state, resetSource, expression) {
if (sourceEditor) {
sourceEditor.toTextArea();
sourceEditor = null;
}
if (resetSource) scriptEditor.setValue(expression);
isSimpleEditor = state;
contentPanel.setActiveTab(scriptEditorLayout);
dialog.setTitle(ORYX.I18N.ConditionExpressionEditorField.sequenceFlowFullTitle);
initCodeEditor();
}
function showSimpleEditor(state, cleanEditor) {
if (cleanEditor) clearExpressionEditor();
isSimpleEditor = state;
contentPanel.setActiveTab(expressionEditorLayout);
dialog.setTitle(ORYX.I18N.ConditionExpressionEditorField.sequenceFlowTitle);
}
contentPanel = new Ext.TabPanel({
renderTo: Ext.getBody(),
activeTab: 0,
defaults: {
border: false
},
items: [expressionEditorLayout, scriptEditorLayout],
listeners: {
'tabchange': function (tabpanel, tab) {
if (tab.title == ORYX.I18N.ConditionExpressionEditorField.scriptTab) {
if (isSimpleEditor) {
if (varsCombo.getValue() == "" || (varsCombo.getValue() != "" && actionsCombo.getValue() == "")) {
showScriptEditor(false, true, '');
} else {
var onsuccess = function(response) {
isSimpleEditor = true;
if(response.responseText.length > 0) {
var responseJson = Ext.decode(response.responseText);
if (responseJson.errorMessage) {
showScriptGenerationError(responseJson.errorMessage);
showSimpleEditor(true, false);
} else {
showScriptEditor(false, true, responseJson.script);
}
}
}
var onfailure = function () {
showSimpleEditor(true, false);
}
var result = generateScript(onsuccess, onfailure);
if (result == false) {
showSimpleEditor(true, false);
}
}
}
} else {
if (!isSimpleEditor) {
if (sourceEditor.getValue() == null || sourceEditor.getValue().trim() == "") {
showSimpleEditor(true, true);
} else {
scriptEditor.setValue(sourceEditor.getValue());
parseScript({script: sourceEditor.getValue()});
}
}
}
}
}
});
function clearExpressionEditor() {
varsCombo.clearValue();
actionsCombo.clearValue();
cleanCurrentInput();
}
function cleanCurrentInput () {
if (currentInputRecord != null) {
var panel = currentInputRecord.get("panel");
if (panel) {
var currentInputs = currentInputRecord.get("inputs");
if (currentInputs != null) {
currentInputs.forEach(function(index){
panel.getComponent(index).setValue(null);
});
}
panel.hide();
}
currentInputRecord = null;
}
}
function checkCurrentInputRecord() {
if (!currentInputRecord) return false;
var panel = currentInputRecord.get("panel");
if (panel == null) return true;
var currentInputs = currentInputRecord.get("inputs");
if (currentInputs != null) {
var actionParams = [];
currentInputs.forEach(function(index) {
var value = panel.getComponent(index).getValue();
if (value === undefined) return false;
actionParams.push(value)
});
if (actionParams.length != currentInputs.length) return false;
if (actionParams.length == 2) {
return actionParams[1] > actionParams[0];
}
}
return true;
}
function generateScriptParams() {
var varValue = varsCombo.getValue();
if (!varValue || !checkCurrentInputRecord()) {
return null;
}
var actionParams = [];
actionParams.push(varValue);
var panel = currentInputRecord.get("panel");
if (panel != null) {
var currentInputs = currentInputRecord.get("inputs");
if (currentInputs != null) {
currentInputs.forEach(function(index) {
actionParams.push(panel.getComponent(index).getValue())
});
}
}
var param = {
operator: "AND",
conditions: [{
condition: actionsCombo.getValue(),
parameters: actionParams
}]
};
return param;
}
function ajaxRequest(command, jsonParam, onsuccess, onfailure) {
Ext.Ajax.request({
url: ORYX.PATH + 'customeditors',
method: 'POST',
params: {
expression_editor_command: command,
expression_editor_message: Ext.util.JSON.encode(jsonParam)
},
success: function(response) {
onsuccess(response);
}.bind(this),
failure: function() {
onfailure();
}
});
}
function parseScript(jsonParam) {
ajaxRequest("parseScript", jsonParam, onsuccessParseScript, onfailureParseScript);
}
function generateScript(onsuccess, onfailure) {
var param = generateScriptParams();
if (!param) {
showScriptGenerationError(ORYX.I18N.ConditionExpressionEditorField.paramsError);
return false;
}
ajaxRequest("generateScript", param, onsuccess, onfailure);
return true;
}
var onsuccessSave = function(response) {
if(response.responseText.length > 0) {
var responseJson = Ext.decode(response.responseText);
if (responseJson.errorMessage) {
showScriptGenerationError(responseJson.errorMessage);
} else {
setFieldValueAndClose(responseJson.script)
}
}
}
var onfailureSave = function() {
showScriptGenerationError(ORYX.I18N.ConditionExpressionEditorField.saveError)
}
}
var dialogSize = ORYX.Utils.getDialogSize(430, 680);
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[contentPanel],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function() {
if (isJavaCondition) {
if (isSimpleEditor) {
generateScript(onsuccessSave, onfailureSave);
} else {
var newValue = sourceEditor.getValue().replace(/\\/g, "\\\\").replace(/\r\n|\r|\n/g,"\\n");
setFieldValueAndClose(newValue);
}
} else {
var newValue = sourceEditor.getValue().replace(/\\/g, "\\\\").replace(/\r\n|\r|\n/g,"\\n");
setFieldValueAndClose(newValue);
}
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
function initCodeEditor() {
this.foldFunc = CodeMirror.newFoldFunction(CodeMirror.braceRangeFinder);
sourceEditor = CodeMirror.fromTextArea(document.getElementById(scriptEditor.getId()), {
mode: "text/x-java",
lineNumbers: true,
lineWrapping: true,
matchBrackets: true,
onGutterClick: this.foldFunc,
extraKeys: {"Ctrl-Z": function(cm) {CodeMirror.hint(cm, CodeMirror.jbpmHint, dialog);}},
onCursorActivity: function() {
sourceEditor.setLineClass(hlLine, null, null);
hlLine = sourceEditor.setLineClass(sourceEditor.getCursor().line, null, "activeline");
}.bind(this)
});
hlLine = sourceEditor.setLineClass(0, "activeline");
}
if (isJavaCondition) {
if (this.getValue() != null && this.getValue() != "") {
parseScript({script:this.getValue()});
} else {
showSimpleEditor(true, false);
initScreen = false;
}
} else {
dialog.setTitle(ORYX.I18N.ConditionExpressionEditorField.simpleTitle);
}
dialog.show();
contentPanel.setHeight(dialog.getInnerHeight())
if (!isJavaCondition) initCodeEditor();
this.grid.stopEditing();
}
});
Ext.form.ComplexRuleflowGroupElementField = Ext.extend(Ext.form.TriggerField, {
editable: true,
readOnly: false,
onTriggerClick : function() {
if(this.disabled){
return;
}
var processJSON = ORYX.EDITOR.getSerializedJSON();
var processPackage = jsonPath(processJSON.evalJSON(), "$.properties.package");
var processId = jsonPath(processJSON.evalJSON(), "$.properties.id");
var RuleFlowGroupDef = Ext.data.Record.create([{
name: 'name'
}, {
name: 'rules'
}, {
name: 'repo'
}, {
name: 'project'
}, {
name: 'branch'
}, {
name: 'fullpath'
}
]);
var ruleflowgroupsProxy = new Ext.data.MemoryProxy({
root: []
});
var ruleflowgroupsdefs = new Ext.data.Store({
autoDestroy: true,
reader: new Ext.data.JsonReader({
root: "root"
}, RuleFlowGroupDef),
proxy: ruleflowgroupsProxy,
sorters: [{
property: 'name',
direction:'ASC'
}]
});
ruleflowgroupsdefs.load();
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'info',
msg : "Loading RuleFlow Groups",
title : ''
});
// reuse called element servlet
Ext.Ajax.request({
url: ORYX.PATH + 'calledelement',
method: 'POST',
success: function(response) {
try {
if(response.responseText.length > 0 && response.responseText != "false") {
var responseJson = Ext.decode(response.responseText);
for(var key in responseJson){
var keyVal = responseJson[key];
var containedRulesComboInfo = new Array();
// example:
//"mygroup1||test1.drl^^default://master@jbpm-playground/Evaluation/src/main/resources/test1.drl< 0 && backValue && backValue.length > 0) {
parent.designeropenintab(rawValue, backValue);
}
}
}).render(document.getElementById(gridId), id);
}
var id = 'rulenamescombodiv-' + rowIndex;
var comboid = "rncombo-" + rowIndex;
createGridCombo.defer(1, this, [store.getAt(rowIndex).get("rules"), id, record, comboid]);
createGridButton.defer(1, this, [store.getAt(rowIndex).get("rules"), id, record, comboid]);
return('');
}
},
{
id: 'rfrepository',
header: 'Repositories',
width: smallColWidth,
sortable: true,
dataIndex: 'repo',
editor: new Ext.form.TextField({ allowBlank: true, disabled: true })
},
{
id: 'rfproject',
header: 'Projects',
width: smallColWidth,
sortable: true,
dataIndex: 'project',
editor: new Ext.form.TextField({ allowBlank: true, disabled: true })
},
{
id: 'rfbranch',
header: "Branches",
width: smallColWidth,
sortable: true,
dataIndex: "branch",
editor: new Ext.form.TextField({ allowBlank: true, disabled: true })
}
])
});
grid.on('afterrender', function(e) {
if(this.value.length > 0) {
var index = 0;
var val = this.value;
var mygrid = grid;
ruleflowgroupsdefs.data.each(function() {
if(this.data['name'] == val) {
mygrid.getSelectionModel().select(index, 1);
}
index++;
});
}
}.bind(this));
var ruleFlowGroupsPanel = new Ext.Panel({
id: 'ruleFlowGroupsPanel',
title: 'Select RuleFlow Group Name and click on Save
'+ORYX.I18N.PropertyWindow.selectProcessId+' ',
layout:'column',
items:[
grid
],
layoutConfig: {
columns: 1
},
defaults: {
columnWidth: 1.0
}
});
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.editorForCalledEvents,
height : dialogSize.height,
width : dialogSize.width,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items :[calledElementsPanel],
listeners :{
hide: function(){
this.fireEvent('dialogClosed', this.value);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.Save.save,
handler: function(){
if(grid.getSelectionModel().getSelectedCell() != null) {
var selectedIndex = grid.getSelectionModel().getSelectedCell()[0];
var outValue = calldefs.getAt(selectedIndex).data['name'];
grid.stopEditing();
grid.getView().refresh();
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide()
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.LocalHistory.LocalHistoryView.msg,
title : ''
});
}
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
grid.render();
grid.fireEvent('afterrender');
this.grid.stopEditing();
grid.focus( false, 100 );
} else {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.unableToFindOtherProcess,
title : ''
});
}
} catch(e) {
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.errorResolvingOtherProcessInfo+' :\n' + e,
title : ''
});
}
}.bind(this),
failure: function(){
this.facade.raiseEvent({
type : ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
ntype : 'error',
msg : ORYX.I18N.PropertyWindow.errorResolvingOtherProcessInfo+'.',
title : ''
});
},
params: {
profile: ORYX.PROFILE,
uuid : ORYX.UUID,
ppackage: processPackage,
pid: processId
}
});
}
});
Ext.form.ComplexVisualDataAssignmentField = Ext.extend(Ext.form.TriggerField, {
editable: false,
readOnly: true,
onTriggerClick : function() {
if(this.disabled){
return;
}
Ext.each(this.dataSource.data.items, function(item){
if((item.data.gridProperties.propId == "oryx-assignments")) {
//alert("value: " + item.data['value']);
}
});
var processJSON = ORYX.EDITOR.getSerializedJSON();
var processVars = jsonPath(processJSON.evalJSON(), "$.properties.vardefs");
if(!processVars) {
//forEach(processVars.toString().split(","), maybeAdd);
processVars = "";
}
var processGlobals = jsonPath(processJSON.evalJSON(), "$.properties.globals");
if(!processGlobals) {
//forEach(processGlobals.toString().split(","), maybeAdd);
processGlobals = "";
}
var processdataobjectstr = "";
var childShapes = jsonPath(processJSON.evalJSON(), "$.childShapes.*");
for(var i = 0; i < childShapes.length;i++) {
if(childShapes[i].stencil.id == 'DataObject') {
processdataobjectstr += childShapes[i].properties.name;
processdataobjectstr += ",";
}
}
if (processdataobjectstr.endsWith(",")) {
processdataobjectstr = processdataobjectstr.substr(0, processdataobjectstr.length - 1);
}
// forEach(processdataobjectstr.toString().split(","), maybeAdd);
var dialog = new Ext.Window({
layout : 'anchor',
autoCreate : true,
title : ORYX.I18N.PropertyWindow.editorVisualDataAssociations,
height : 550,
width : 850,
modal : true,
collapsible : false,
fixedcenter : true,
shadow : true,
resizable : true,
proxyDrag : true,
autoScroll : true,
keys:[{
key : 27,
fn : function(){
dialog.hide()
}.bind(this)
}],
items : [{
xtype : "component",
id : 'visualdataassignmentswindow',
autoEl : {
tag : "iframe",
src : ORYX.BASE_FILE_PATH + 'customeditors/visualassignmentseditor.jsp?vars='+processVars+'&globals='+processGlobals+'&dobj='+processdataobjectstr,
width: "100%",
height: "100%"
}
}],
listeners : {
hide: function(){
this.fireEvent('dialogClosed', this.value);
dialog.destroy();
}.bind(this)
},
buttons : [{
text: ORYX.I18N.PropertyWindow.ok,
handler: function(){
var outValue = document.getElementById('visualdataassignmentswindow').contentWindow.getEditorValue();
this.setValue(outValue);
this.dataSource.getAt(this.row).set('value', outValue)
this.dataSource.commitChanges()
dialog.hide();
}.bind(this)
}, {
text: ORYX.I18N.PropertyWindow.cancel,
handler: function(){
dialog.destroy();
}.bind(this)
}]
});
dialog.show();
this.grid.stopEditing();
}
});
© 2015 - 2025 Weber Informatics LLC | Privacy Policy