900 lines
31 KiB
JavaScript
Executable File
900 lines
31 KiB
JavaScript
Executable File
/**
|
|
* BPMN Designer v1.1
|
|
* @date Feb 2th, 2011
|
|
* @author Erik A. O. <erik@colosa.com>
|
|
*/
|
|
|
|
var saveProcess;
|
|
var usersPanel;
|
|
var _TAS_UID;
|
|
var _TU_TYPE;
|
|
var processObj;
|
|
var ProcessMapObj;
|
|
|
|
Ext.onReady(function(){
|
|
//Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
|
|
//Ext.BLANK_IMAGE_URL = '/images/s.gif';
|
|
|
|
var northPanel = new Ext.Toolbar({
|
|
region: 'north',
|
|
height: 25, // give north and south regions a height
|
|
items: northPanelItems
|
|
})
|
|
|
|
var southPanel = {
|
|
// lazily created panel (xtype:'panel' is default)
|
|
region: 'south',
|
|
contentEl: 'south',
|
|
split: true,
|
|
height: 100,
|
|
minSize: 100,
|
|
maxSize: 200,
|
|
collapsible: true,
|
|
title: 'South',
|
|
margins: '0 0 0 0'
|
|
}
|
|
|
|
var eastPanel = {
|
|
id: 'eastPanel',
|
|
region: 'east',
|
|
title: ' ',
|
|
collapsible: true,
|
|
split: true,
|
|
width: 225, // give east and west regions a width
|
|
minSize: 175,
|
|
maxSize: 400,
|
|
margins: '0 3 0 0',
|
|
layout:'border', // specify layout manager for items
|
|
items: // this TabPanel is wrapped by another Panel so the title will be applied
|
|
[
|
|
eastPanelTree,
|
|
{
|
|
id: 'eastPanelCenter',
|
|
xtype: 'panel',
|
|
title: _('ID_PROCESS')+': '+pro_title,
|
|
region: 'center',
|
|
layout: 'fit',
|
|
items:[
|
|
new Ext.TabPanel({
|
|
id : 'usersPanelTabs',
|
|
title : '',
|
|
border: true, // already wrapped so don't add another border
|
|
activeTab : 0, // second tab initially active
|
|
tabPosition : 'top',
|
|
split : true,
|
|
collapseMode:'mini',
|
|
//height : 318,
|
|
items : [
|
|
propertiesGrid,
|
|
usersTaskGrid,
|
|
usersTaskAdHocGrid
|
|
]
|
|
})
|
|
]
|
|
}
|
|
]
|
|
}
|
|
var westPanel = {
|
|
region: 'west',
|
|
id: 'west-panel', // see Ext.getCmp() below
|
|
title: ' ',
|
|
split: false,
|
|
width: 37,
|
|
minSize: 20,
|
|
maxSize: 400,
|
|
collapsible: true,
|
|
layout: 'table',
|
|
layoutConfig: {columns:1},
|
|
defaults: {frame:true},
|
|
margins: '0 3 3 0',
|
|
items: [
|
|
toolbarPanel,
|
|
actorsPanel
|
|
]
|
|
}
|
|
|
|
var centerPanel = new Ext.Panel({
|
|
//title: '',
|
|
region: 'center', // a center region is ALWAYS required for border layout
|
|
id: 'designerPanel',
|
|
contentEl: 'center1',
|
|
autoScroll: true,
|
|
tbar: northPanelItems
|
|
})
|
|
|
|
var viewport = new Ext.Viewport({
|
|
layout: 'border',
|
|
items:[
|
|
/*new Ext.Toolbar({
|
|
region: 'north',
|
|
height: 25, // give north and south regions a height
|
|
items: mainMenu
|
|
}),*/
|
|
new Ext.TabPanel({
|
|
id: 'mainTabPanel',
|
|
region: 'center',
|
|
deferredRender: false,
|
|
activeTab: 0, // first tab initially active
|
|
items: [
|
|
{
|
|
title:'BPMN Designer',
|
|
id: 'designerTab',
|
|
layout: 'border',
|
|
items:[
|
|
// create instance immediately
|
|
//northPanel,
|
|
//southPanel,
|
|
eastPanel,
|
|
westPanel,
|
|
// in this instance the TabPanel is not wrapped by another panel
|
|
// since no title is needed, this Panel is added directly
|
|
// as a Container
|
|
centerPanel
|
|
],
|
|
_setDesignerTitle: function(title) {
|
|
Ext.getCmp('designerTab').setTitle('<b>'+_('ID_PROCESSMAP_TITLE')+': </b> ' + title);
|
|
}
|
|
}
|
|
],
|
|
_addTab: function(option) {
|
|
alert(option);
|
|
},
|
|
_addTabFrame: tabFrame = function(name, title, url) {
|
|
tabId = 'pm-tab-'+name ;
|
|
//var uri = 'ajaxListener?action=' + name;
|
|
var TabPanel = Ext.getCmp('mainTabPanel');
|
|
var tab = TabPanel.getItem(tabId);
|
|
|
|
if( tab ) {
|
|
TabPanel.setActiveTab(tabId);
|
|
} else {
|
|
TabPanel.add({
|
|
xtype:'iframepanel',
|
|
id: tabId,
|
|
title: title,
|
|
frameConfig:{name: name + 'Frame', id: name + 'Frame'},
|
|
defaultSrc : url,
|
|
loadMask:{msg:'Loading...'},
|
|
bodyStyle:{height:'600px'},
|
|
width:'1024px',
|
|
closable:true,
|
|
autoScroll: true
|
|
}).show();
|
|
|
|
TabPanel.doLayout();
|
|
}
|
|
}
|
|
})
|
|
]
|
|
});
|
|
|
|
Ext.getCmp('designerTab')._setDesignerTitle(pro_title);
|
|
Ext.fly(document).on("scroll", function(){
|
|
if( usersPanel.isVisible() ) {
|
|
if (usersPanel._scrollPosTimer) {
|
|
clearTimeout(usersPanel._scrollPosTimer);
|
|
}
|
|
usersPanel._scrollPosTimer = setTimeout(function() {
|
|
usersPanel.setPosition(usersPanel._posRelToView[0] + divScroll.scrollLeft, usersPanel._posRelToView[1] + divScroll.scrollTop);
|
|
}, 100);
|
|
}
|
|
});
|
|
|
|
|
|
processObj = new ProcessOptions();
|
|
ProcessMapObj = new ProcessMapContext();
|
|
workflow = new MyWorkflow("paintarea");
|
|
workflow.setEnableSmoothFigureHandling(false);
|
|
//workflow.scrollArea.width = 2000;
|
|
|
|
if(typeof pro_uid !== 'undefined') {
|
|
Ext.Ajax.request({
|
|
url: 'bpmnProxy/openProcess?PRO_UID=' + pro_uid,
|
|
success: function(response) {
|
|
shapesData = createShapes(response.responseText);
|
|
createConnection(shapesData);
|
|
|
|
/**
|
|
* erik: Setting Drop targets from users & groups grids to assignment to tasks
|
|
* for all existing tasks
|
|
*/
|
|
var dropEls = Ext.get('paintarea').query('.x-task');
|
|
for(var i = 0; i < dropEls.length; i++)
|
|
new Ext.dd.DropTarget(dropEls[i], {ddGroup:'task-assignment', notifyDrop : _onDropActors});
|
|
|
|
},
|
|
failure: function(){
|
|
Ext.Msg.alert ('Failure');
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
//Get main into workflow object
|
|
workflow.main = Ext.getCmp('centerRegion');
|
|
//workflow.setSnapToGeometry(false);
|
|
canvas = Ext.get('paintarea');
|
|
|
|
contextCanvasMenu = new Ext.menu.Menu({
|
|
items: [
|
|
/* {
|
|
text: 'Edit Process',
|
|
handler: ProcessMapObj.editProcess,
|
|
iconCls: 'button_menu_ext ss_sprite ss_page_white_edit',
|
|
scope: this
|
|
},
|
|
*/
|
|
{
|
|
text: 'Export Process',
|
|
handler: ProcessMapObj.exportProcess,
|
|
iconCls: 'button_menu_ext ss_sprite ss_script_go',
|
|
scope: this
|
|
}, {
|
|
text: 'Add Task',
|
|
handler: ProcessMapObj.addTask,
|
|
iconCls: 'button_menu_ext ss_sprite ss_layout_add',
|
|
scope: this
|
|
}, {
|
|
text: 'Add Subprocess',
|
|
handler: workflow.subProcess,
|
|
iconCls: 'button_menu_ext ss_sprite ss_layout_link',
|
|
scope: this
|
|
}/*, {
|
|
text: 'Horizontal Line',
|
|
handler: ProcessMapObj.horiLine,
|
|
scope: this
|
|
}, {
|
|
text: 'Vertical Line',
|
|
handler: ProcessMapObj.vertiLine,
|
|
scope: this
|
|
}, {
|
|
text: 'Delete All Lines',
|
|
handler: ProcessMapObj.delLines,
|
|
scope: this
|
|
}, */
|
|
/*
|
|
{
|
|
text: 'Process Permission',
|
|
iconCls: 'button_menu_ext ss_sprite ss_application_key',
|
|
handler: ProcessMapObj.processPermission,
|
|
scope: this
|
|
},{
|
|
text: 'Process Supervisor',
|
|
iconCls: 'button_menu_ext ss_sprite ss_group',
|
|
menu: { // <-- submenu by nested config object
|
|
items: [
|
|
// stick any markup in a menu
|
|
{
|
|
text: 'Supervisors',
|
|
iconCls: 'button_menu_ext ss_sprite ss_group',
|
|
handler: ProcessMapObj.processSupervisors
|
|
},
|
|
{
|
|
text: 'DynaForm',
|
|
iconCls: 'button_menu_ext ss_sprite ss_application_form',
|
|
handler: ProcessMapObj.processDynaform
|
|
},
|
|
{
|
|
text: 'Input Documents',
|
|
iconCls: 'button_menu_ext ss_sprite ss_page_white_put',
|
|
handler: ProcessMapObj.processIODoc
|
|
}
|
|
]
|
|
}
|
|
},{
|
|
text: 'Case Tracker',
|
|
iconCls: 'button_menu_ext ss_sprite ss_exclamation',
|
|
|
|
menu: { // <-- submenu by nested config object
|
|
items: [
|
|
// stick any markup in a menu
|
|
{
|
|
text: 'Properties',
|
|
iconCls: 'button_menu_ext ss_sprite ss_exclamation',
|
|
handler: ProcessMapObj.caseTrackerProperties,
|
|
scope:this
|
|
},
|
|
{
|
|
text: 'Objects',
|
|
iconCls: 'button_menu_ext ss_sprite ss_exclamation',
|
|
handler: ProcessMapObj.caseTrackerObjects,
|
|
scope:this
|
|
}
|
|
]
|
|
}
|
|
}, {
|
|
text: 'Process File Manager',
|
|
iconCls: 'button_menu_ext ss_sprite ss_folder',
|
|
menu: { // <-- submenu by nested config object
|
|
items: [
|
|
// stick any markup in a menu
|
|
{
|
|
text: 'mailTemplates',
|
|
iconCls: 'button_menu_ext ss_sprite ss_email',
|
|
handler: ProcessMapObj.processFileManager
|
|
},
|
|
{
|
|
text: 'public',
|
|
iconCls: 'button_menu_ext ss_sprite ss_folder_go',
|
|
handler: ProcessMapObj.processFileManager
|
|
}
|
|
]
|
|
}
|
|
}
|
|
*/
|
|
]
|
|
});
|
|
|
|
canvas.on('contextmenu', function(e) {
|
|
e.stopEvent();
|
|
this.workflow.contextX = e.xy[0];
|
|
this.workflow.contextY = e.xy[1];
|
|
var pmosExtObj = new pmosExt();
|
|
this.contextCanvasMenu.showAt(e.getXY());
|
|
}, this);
|
|
|
|
/*canvas.on('click', function(e) {
|
|
e.stopEvent();
|
|
this.workflow.contextClicked = false;
|
|
if(this.workflow.currentSelection != null)
|
|
this.workflow.disablePorts(this.workflow.currentSelection);
|
|
//Removes Flow menu
|
|
this.workflow.setCurrentSelection(null);
|
|
}, this);*/
|
|
|
|
var simpleToolbar = new Ext.Toolbar('toolbar');
|
|
simpleToolbar.addButton({
|
|
text: 'Save',
|
|
cls: 'x-btn-text-icon scroll-bottom'
|
|
});
|
|
simpleToolbar.addButton({
|
|
text: 'Save As',
|
|
cls: 'x-btn-text-icon scroll-bottom'
|
|
});
|
|
simpleToolbar.addButton({
|
|
text: 'Undo',
|
|
cls: 'x-btn-text-icon'
|
|
});
|
|
simpleToolbar.addButton({
|
|
text: 'Redo',
|
|
cls: 'x-btn-text-icon'
|
|
});
|
|
|
|
var menu = new FlowMenu(workflow);
|
|
workflow.addSelectionListener(menu);
|
|
workflow.scrollArea = document.getElementById("center1").parentNode;
|
|
|
|
Ext.get('x-shapes-task').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-shapes-startEvent').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-shapes-interEvent').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-shapes-endEvent').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-shapes-gateways').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-shapes-annotation').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
|
|
Ext.get('x-pm-users').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-pm-groups').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-pm-users-adhoc').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
Ext.get('x-pm-groups-adhoc').child('.x-btn-mc').setStyle('text-align', 'left');
|
|
|
|
|
|
/**
|
|
* Setting tooltips ti tollbar items
|
|
*/
|
|
new Ext.ToolTip({
|
|
target: 'x-shapes-task',
|
|
title: 'Task',
|
|
trackMouse: true,
|
|
anchor: 'right',
|
|
html: ''
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-shapes-startEvent',
|
|
title: 'Event',
|
|
trackMouse: true,
|
|
anchor: 'right',
|
|
html: 'Start'
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-shapes-interEvent',
|
|
title: 'Event',
|
|
trackMouse: true,
|
|
anchor: 'right',
|
|
html: 'Intermediate'
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-shapes-endEvent',
|
|
title: 'Event',
|
|
trackMouse: true,
|
|
anchor: 'right',
|
|
html: 'End'
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-shapes-gateways',
|
|
title: 'Gateway',
|
|
trackMouse: true,
|
|
anchor: 'right',
|
|
html: ''
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-shapes-annotation',
|
|
title: 'Annotation',
|
|
anchor: 'right',
|
|
trackMouse: true,
|
|
html: ''
|
|
});
|
|
|
|
new Ext.ToolTip({
|
|
target: 'x-pm-users',
|
|
title: 'Actors',
|
|
anchor: 'right',
|
|
trackMouse: true,
|
|
html: 'Users'
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-pm-groups',
|
|
title: 'Actors',
|
|
anchor: 'right',
|
|
trackMouse: true,
|
|
html: 'Groups'
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-pm-users-adhoc',
|
|
title: 'Actors',
|
|
anchor: 'right',
|
|
trackMouse: true,
|
|
html: 'Ad Hoc Users'
|
|
});
|
|
new Ext.ToolTip({
|
|
target: 'x-pm-groups-adhoc',
|
|
title: 'Actors',
|
|
anchor: 'right',
|
|
trackMouse: true,
|
|
html: 'Ad Hoc Groups'
|
|
});
|
|
|
|
|
|
/**
|
|
* setting drag sources for Toolbar items
|
|
*/
|
|
var dragsource=new Ext.dd.DragSource("x-shapes-task", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnTask"
|
|
}
|
|
});
|
|
var dragsource=new Ext.dd.DragSource("x-shapes-startEvent", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnEventEmptyStart"
|
|
}
|
|
});
|
|
var dragsource=new Ext.dd.DragSource("x-shapes-interEvent", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnEventEmptyInter"
|
|
}
|
|
});
|
|
var dragsource=new Ext.dd.DragSource("x-shapes-endEvent", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnEventEmptyEnd"
|
|
}
|
|
});
|
|
var dragsource=new Ext.dd.DragSource("x-shapes-gateways", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnGatewayExclusiveData"
|
|
}
|
|
});
|
|
|
|
var dragsource=new Ext.dd.DragSource("x-shapes-annotation", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnAnnotation"
|
|
}
|
|
});
|
|
|
|
/*var dragsource=new Ext.dd.DragSource("x-shapes-dataobject", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnDataobject"
|
|
}
|
|
});
|
|
var dragsource=new Ext.dd.DragSource("x-shapes-pool", {
|
|
ddGroup:'TreeDD',
|
|
dragData:{
|
|
name: "bpmnPool"
|
|
}
|
|
});*/
|
|
|
|
|
|
|
|
|
|
var droptarget=new Ext.dd.DropTarget('paintarea',{
|
|
ddGroup:'TreeDD'
|
|
});
|
|
|
|
//Creating Pool
|
|
//var oPool = new bpmnPool(workflow);
|
|
//workflow.addFigure(oPool,100,70);
|
|
|
|
if(workflow.taskNo == '')
|
|
workflow.taskNo= 0; //Initializing Count for the bpmnTask
|
|
var count = 0;
|
|
this.taskName='';
|
|
droptarget.notifyDrop=function(dd, e, data)
|
|
{
|
|
if(data.name)
|
|
{
|
|
var xOffset = workflow.getAbsoluteX();
|
|
var yOffset = workflow.getAbsoluteY();
|
|
var scrollLeft = workflow.getScrollLeft();
|
|
var scrollTop = workflow.getScrollTop();
|
|
if(data.name == 'bpmnTask') {
|
|
workflow.boundaryEvent = false;
|
|
}
|
|
if(typeof workflow.zoomfactor == 'undefined') {
|
|
workflow.zoomfactor = 1;
|
|
}
|
|
workflow.task_width='';
|
|
workflow.annotationName='Annotation';
|
|
workflow.orgXPos = eval(e.xy[0]/workflow.zoomfactor);
|
|
workflow.orgYPos = eval(e.xy[1]/workflow.zoomfactor);
|
|
NewShape = eval("new "+data.name+"(workflow)");
|
|
NewShape.x = e.xy[0];
|
|
NewShape.y = e.xy[1];
|
|
if(data.name == 'bpmnAnnotation') {
|
|
NewShape.actiontype = 'addText';
|
|
workflow.saveShape(NewShape); //Saving task when user drags and drops it
|
|
}
|
|
else if(data.name == 'bpmnTask') {
|
|
NewShape.actiontype = 'addTask';
|
|
workflow.saveShape(NewShape); //Saving Annotations when user drags and drops it
|
|
}
|
|
else if(data.name.match(/Event/)) {
|
|
NewShape.actiontype = 'addEvent';
|
|
NewShape.mode = 'ddEvent';
|
|
workflow.saveShape(NewShape); //Saving Annotations when user drags and drops it
|
|
}
|
|
else if(data.name.match(/Gateway/)){
|
|
NewShape.actiontype = 'addGateway';
|
|
NewShape.mode = 'ddGateway';
|
|
workflow.saveShape(NewShape); //Saving Annotations when user drags and drops it
|
|
}
|
|
workflow.addFigure(NewShape,e.xy[0]-xOffset+scrollLeft,e.xy[1]-yOffset+scrollTop);
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function createConnection(shapes)
|
|
{
|
|
//var totaltask = shapes[0].length; //shapes[0] is an array for all the tasks
|
|
//var totalgateways = shapes[1].length; //shapes[1] is an array for all the gateways
|
|
//var totalevents = shapes[2].length; //shapes[2] is an array for all the events
|
|
if(typeof shapes.routes != 'undefined' && shapes.routes != '') {
|
|
var totalroutes = shapes.routes.length; //shapes[3] is an array for all the routes
|
|
for(var i=0;i<=totalroutes-1;i++){
|
|
var sourceid = shapes.routes[i][1]; //getting source id for connection from Routes array
|
|
var targetid = shapes.routes[i][2]; //getting target id for connection from Routes array
|
|
//After creating all the shapes, check one by one shape id
|
|
for(var conn =0; conn < this.workflow.figures.data.length ; conn++){
|
|
if(typeof this.workflow.figures.data[conn] === 'object'){
|
|
if(sourceid == this.workflow.figures.data[conn].id){
|
|
sourceObj = this.workflow.figures.data[conn];
|
|
}
|
|
}
|
|
}
|
|
for(var conn =0; conn < this.workflow.figures.data.length ; conn++){
|
|
if(typeof this.workflow.figures.data[conn] === 'object'){
|
|
if(targetid == this.workflow.figures.data[conn].id ){
|
|
targetObj = this.workflow.figures.data[conn];
|
|
}
|
|
}
|
|
}
|
|
//Making Connections
|
|
if(targetObj.type == 'bpmnAnnotation') {
|
|
var connObj = new DottedConnection();
|
|
connObj.setSource(sourceObj.output2);
|
|
connObj.setTarget(targetObj.input1);
|
|
}
|
|
else {
|
|
var connObj = new DecoratedConnection();
|
|
connObj.setSource(sourceObj.output1);
|
|
connObj.setTarget(targetObj.input2);
|
|
}
|
|
|
|
connObj.id = shapes.routes[i][0];
|
|
this.workflow.addFigure(connObj);
|
|
}
|
|
}
|
|
}
|
|
|
|
function createShapes(stringData)
|
|
{
|
|
|
|
var shapes = Ext.util.JSON.decode(stringData); //stringData.split("|");
|
|
workflow.taskNo = 0;
|
|
//Create all shapes
|
|
|
|
//case 'tasks':
|
|
for(var k=0;k<shapes.tasks.length;k++){
|
|
var task_boundary = shapes.tasks[k][6];
|
|
if(task_boundary != null && task_boundary == 'TIMER' && task_boundary != '')
|
|
workflow.boundaryEvent = true;
|
|
else
|
|
workflow.boundaryEvent = false;
|
|
|
|
if(k != 0)
|
|
workflow.taskNo++;
|
|
|
|
workflow.taskName = shapes.tasks[k][1];
|
|
//workaround for Old Processmap widht and height
|
|
if(shapes.tasks[k][4] == 110) {
|
|
workflow.task_width = 165;
|
|
}
|
|
else {
|
|
workflow.task_width = shapes.tasks[k][4];
|
|
}
|
|
if(shapes.tasks[k][5] == 60) {
|
|
workflow.task_height = 40;
|
|
}
|
|
else {
|
|
workflow.task_height = shapes.tasks[k][5];
|
|
}
|
|
workflow.orgXPos = shapes.tasks[k][2];
|
|
workflow.orgYPos = shapes.tasks[k][3];
|
|
NewShape = eval("new bpmnTask(workflow)");
|
|
NewShape.x = shapes.tasks[k][2];
|
|
NewShape.y = shapes.tasks[k][3];
|
|
NewShape.taskName = shapes.tasks[k][1];
|
|
workflow.setBoundary(NewShape);
|
|
workflow.addFigure(NewShape, NewShape.x, NewShape.y);
|
|
NewShape.html.id = shapes.tasks[k][0];
|
|
NewShape.id = shapes.tasks[k][0];
|
|
}
|
|
|
|
//case 'gateways':
|
|
for(var k=0;k<shapes.gateways.length;k++){
|
|
var srctype = shapes.gateways[k][1];
|
|
|
|
NewShape = eval("new "+srctype+"(workflow)");
|
|
NewShape.x = shapes.gateways[k][2];
|
|
NewShape.y = shapes.gateways[k][3];
|
|
// workflow.setBoundary(NewShape);
|
|
workflow.addFigure(NewShape, NewShape.x, NewShape.y);
|
|
//Setting newshape id to the old shape id
|
|
NewShape.html.id = shapes.gateways[k][0];
|
|
NewShape.id = shapes.gateways[k][0];
|
|
}
|
|
|
|
//case 'events':
|
|
for(var k=0;k<shapes.events.length;k++) {
|
|
var srceventtype = shapes.events[k][1];
|
|
var tas_uid = shapes.events[k][4];
|
|
if(tas_uid != '') {
|
|
NewShape = eval("new "+srceventtype+"(workflow)");
|
|
NewShape.x = shapes.events[k][2];
|
|
NewShape.y = shapes.events[k][3];
|
|
workflow.setBoundary(NewShape);
|
|
workflow.addFigure(NewShape, NewShape.x, NewShape.y);
|
|
//Setting newshape id to the old shape id
|
|
NewShape.html.id = shapes.events[k][0];
|
|
NewShape.id = shapes.events[k][0];
|
|
}
|
|
else if(tas_uid == '') {
|
|
NewShape = eval("new "+srceventtype+"(workflow)");
|
|
NewShape.x = shapes.events[k][2];
|
|
NewShape.y = shapes.events[k][3];
|
|
workflow.setBoundary(NewShape);
|
|
workflow.addFigure(NewShape, NewShape.x, NewShape.y);
|
|
//Setting newshape id to the old shape id
|
|
NewShape.html.id = shapes.events[k][0];
|
|
NewShape.id = shapes.events[k][0];
|
|
}
|
|
}
|
|
|
|
//case 'annotations':
|
|
for(var k=0;k<shapes.annotations.length;k++){
|
|
workflow.annotationName = shapes.annotations[k][1];
|
|
workflow.anno_width = shapes.annotations[k][4];
|
|
workflow.anno_height = shapes.annotations[k][5];
|
|
NewShape = eval("new bpmnAnnotation(workflow)");
|
|
NewShape.x = shapes.annotations[k][2];
|
|
NewShape.y = shapes.annotations[k][3];
|
|
workflow.setBoundary(NewShape);
|
|
workflow.addFigure(NewShape, NewShape.x, NewShape.y);
|
|
//Setting newshape id to the old shape id
|
|
NewShape.html.id = shapes.annotations[k][0];
|
|
NewShape.id = shapes.annotations[k][0];
|
|
}
|
|
|
|
//case 'subprocess':
|
|
for(var k=0;k<shapes.subprocess.length;k++){
|
|
workflow.subProcessName = shapes.subprocess[k][1];
|
|
NewShape = eval("new bpmnSubProcess(workflow)");
|
|
NewShape.x = shapes.subprocess[k][2];
|
|
NewShape.y = shapes.subprocess[k][3];
|
|
workflow.setBoundary(NewShape);
|
|
workflow.addFigure(NewShape, NewShape.x, NewShape.y);
|
|
//Setting newshape id to the old shape id
|
|
NewShape.html.id = shapes.subprocess[k][0];
|
|
NewShape.id = shapes.subprocess[k][0];
|
|
}
|
|
|
|
if(typeof(workflow.taskNo) != 'undefined' && workflow.taskNo != 0)
|
|
workflow.taskNo++;
|
|
|
|
return shapes;
|
|
}
|
|
|
|
|
|
function updateConnection(connArray,oldid,newid)
|
|
{
|
|
for(var i=0;i< connArray.length;i++)
|
|
{
|
|
if(connArray[i][1] == oldid)
|
|
connArray[i][1] = newid;
|
|
else if(connArray[i][2] == oldid)
|
|
connArray[i][2] = newid;
|
|
}
|
|
return connArray;
|
|
}
|
|
|
|
function debug(msg)
|
|
{
|
|
var console = document.getElementById("debug");
|
|
console.innerHTML=console.innerHTML+"<br>"+msg;
|
|
}
|
|
|
|
saveProcess = function()
|
|
{
|
|
// console.dir(this.workflow);
|
|
|
|
var tasks = new Array();
|
|
var events = new Array();
|
|
var gateways = new Array();
|
|
var annotations = new Array();
|
|
var subprocess = new Array();
|
|
var l=0;
|
|
var m=0;
|
|
var n=0;
|
|
var p=0;
|
|
var r=0;
|
|
|
|
for(var c = 0; c<this.workflow.figures.data.length; c++)
|
|
{
|
|
if(this.workflow.figures.data[c]){
|
|
if(typeof this.workflow.figures.data[c] === "object")
|
|
{
|
|
if(this.workflow.figures.data[c].type.match(/Task/))
|
|
{
|
|
tasks[l] = new Array();
|
|
|
|
tasks[l][0] = this.workflow.figures.data[c].id;
|
|
tasks[l][1] = this.workflow.figures.data[c].taskName;
|
|
tasks[l][2] = this.workflow.figures.data[c].x;
|
|
tasks[l][3] = this.workflow.figures.data[c].y;
|
|
tasks[l][4] = this.workflow.figures.data[c].width;
|
|
tasks[l][5] = this.workflow.figures.data[c].height;
|
|
tasks[l][6] = 'NORMAL';
|
|
|
|
l++;
|
|
}
|
|
|
|
if(this.workflow.figures.data[c].type.match(/Gateway/))
|
|
{
|
|
gateways[m] = new Array();
|
|
|
|
gateways[m][0] = this.workflow.figures.data[c].id;
|
|
gateways[m][1] = this.workflow.figures.data[c].type;
|
|
gateways[m][2] = this.workflow.figures.data[c].x;
|
|
gateways[m][3] = this.workflow.figures.data[c].y;
|
|
gateways[m][4] = this.workflow.figures.data[c].width;
|
|
gateways[m][5] = this.workflow.figures.data[c].height;
|
|
|
|
m++;
|
|
}
|
|
|
|
if(this.workflow.figures.data[c].type.match(/Event/))
|
|
{
|
|
events[n] = new Array();
|
|
|
|
events[n][0] = this.workflow.figures.data[c].id;
|
|
events[n][1] = this.workflow.figures.data[c].type;
|
|
events[n][2] = this.workflow.figures.data[c].x;
|
|
events[n][3] = this.workflow.figures.data[c].y;
|
|
events[n][4] = this.workflow.figures.data[c].width;
|
|
events[n][5] = this.workflow.figures.data[c].height;
|
|
|
|
n++;
|
|
}
|
|
|
|
if(this.workflow.figures.data[c].type.match(/Annotation/))
|
|
{
|
|
annotations[p] = new Array();
|
|
|
|
annotations[p][0] = this.workflow.figures.data[c].id;
|
|
annotations[p][1] = this.workflow.figures.data[c].type;
|
|
annotations[p][2] = this.workflow.figures.data[c].x;
|
|
annotations[p][3] = this.workflow.figures.data[c].y;
|
|
annotations[p][4] = this.workflow.figures.data[c].width;
|
|
annotations[p][5] = this.workflow.figures.data[c].height;
|
|
annotations[p][6] = this.workflow.figures.data[c].annotationName;
|
|
p++;
|
|
}
|
|
|
|
if(this.workflow.figures.data[c].type.match(/SubProcess/))
|
|
{
|
|
subprocess[r] = new Array();
|
|
|
|
subprocess[r][0] = this.workflow.figures.data[c].id;
|
|
subprocess[r][1] = this.workflow.figures.data[c].subProcessName;
|
|
subprocess[r][2] = this.workflow.figures.data[c].x;
|
|
subprocess[r][3] = this.workflow.figures.data[c].y;
|
|
subprocess[r][4] = this.workflow.figures.data[c].width;
|
|
subprocess[r][5] = this.workflow.figures.data[c].height;
|
|
subprocess[r][6] = 'SUBPROCESS';
|
|
r++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var routes = new Array();
|
|
routes = this.workflow.getCommonConnections(this);
|
|
|
|
//array task ['idTask','name','pos_X','pos_y']
|
|
var oldtasks = [['4043621294c5bda0d9625f4067933182','Task 1','431','131'],['4131425644c5bda073ed062050942935','Task 2','360','274'],['6367816924c6cbc57f36c36034634744','Task 3','540','274']];
|
|
//array gateways ['idGateway','type_gateway','pos_X','pos_y']
|
|
var oldgateways = [['6934720824c5be48364b533001453464','GatewayExclusiveData','461','228']];
|
|
//array gateways ['idEvent','type_event','pos_X','pos_y']
|
|
var oldevents = [['2081943344c5bdbb38a7ae9016052622','EventEmptyStart','480','95'],['5585460614c5bdbb8629170012669821','EventEmptyEnd','411','347'],['8565089054c5be1e6efeca5077280809','EventEmptyEnd','590','347']];
|
|
//array routes ['id','from','to']
|
|
var oldroutes = [['2081943344c5bdbb38a7ae9016052982','2081943344c5bdbb38a7ae9016052622','4043621294c5bda0d9625f4067933182'],['4031913164c5bdbb5329a05024607071','4043621294c5bda0d9625f4067933182','6934720824c5be48364b533001453464'],['8851314534c5a6777ee2c96009360450','6934720824c5be48364b533001453464','4131425644c5bda073ed062050942935'],['6934720824c5be48364b533001453464','6934720824c5be48364b533001453464','6367816924c6cbc57f36c36034634744'],['7298598774c5bd9fa3ed1c8035004509','4131425644c5bda073ed062050942935','5585460614c5bdbb8629170012669821'],['8565089054c5be1e6efeca5077280809','6367816924c6cbc57f36c36034634744','8565089054c5be1e6efeca5077280809']];
|
|
|
|
var allRoutes = routes
|
|
var aTasks = Ext.util.JSON.encode(tasks);
|
|
var aGateways = Ext.util.JSON.encode(gateways);
|
|
var aEvents = Ext.util.JSON.encode(events);
|
|
var aAnnotations = Ext.util.JSON.encode(annotations);
|
|
var aRoutes = Ext.util.JSON.encode(routes);
|
|
var aSubProcess = Ext.util.JSON.encode(subprocess);
|
|
|
|
//var pro_uid = getUrlVars();
|
|
var loadMask = new Ext.LoadMask(document.body, {msg:'Saving..'});
|
|
loadMask.show();
|
|
|
|
if(typeof pro_uid != 'undefined')
|
|
{
|
|
Ext.Ajax.request({
|
|
url: '../bpmn/saveProcess.php',
|
|
method: 'POST',
|
|
success: function(response) {
|
|
var result = Ext.util.JSON.decode(response.responseText);
|
|
loadMask.hide();
|
|
|
|
if( result.success ) {
|
|
PMExt.notify(_('ID_PROCESS_SAVE'), result.msg);
|
|
} else {
|
|
PMExt.error(_('ID_ERROR'), result.msg);
|
|
}
|
|
},
|
|
failure: function(){},
|
|
params: {
|
|
PRO_UID:pro_uid,
|
|
tasks: aTasks,
|
|
gateways:aGateways,
|
|
events:aEvents,
|
|
annotations:aAnnotations,
|
|
subprocess:aSubProcess,
|
|
routes:aRoutes
|
|
}
|
|
});
|
|
}
|
|
else
|
|
Ext.Msg.alert ('Process ID Undefined');
|
|
}
|
|
|
|
});
|