Worked on Zooming feature,when its zoom at 200% and user drags n drops new shapes it shud be at 200%

This commit is contained in:
girish
2011-01-22 12:58:30 +00:00
parent 0248e8121d
commit 324ba86ca1
39 changed files with 239 additions and 49 deletions

View File

@@ -1,10 +1,16 @@
bpmnAnnotation = function (_30ab ) {
VectorFigure.call(this);
if(typeof _30ab.anno_width != 'undefined' && typeof _30ab.anno_height != 'undefined')
//Getting width and height from DB
if(typeof _30ab.anno_width != 'undefined' && typeof _30ab.anno_height != 'undefined')
this.setDimension(_30ab.anno_width, _30ab.anno_height);
else
this.setDimension(110, 60);
this.setAnnotationName(_30ab.annotationName); //It will set the Default Task Name with appropriate count While dragging a task on the canvas
else
this.setDimension(110, 60);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomAnnotationWidth != 'undefined' || typeof workflow.zoomAnnotationHeight != 'undefined')
this.setDimension(workflow.zoomAnnotationWidth, workflow.zoomAnnotationHeight);
this.setAnnotationName(_30ab.annotationName); //It will set the Default Task Name with appropriate count While dragging a task on the canvas
};
bpmnAnnotation.prototype = new VectorFigure;
@@ -82,7 +88,14 @@ bpmnAnnotation.prototype.paint = function () {
var padtop = 0.18*this.getHeight();
var rectwidth = this.getWidth() - padleft;
var rectheight = this.getHeight() - 2*padtop;
this.bpmnText.setFont('verdana', '11px', Font.PLAIN);
//Setting text size to zoom font size if Zoomed
if(typeof workflow.zoomAnnotationTextSize != 'undefined')
var fontSize = workflow.zoomAnnotationTextSize;
else
fontSize = '11px';
this.bpmnText.setFont('verdana', fontSize, Font.PLAIN);
this.bpmnText.drawStringAnno(this.annotationName,0,padtop,rectwidth,rectheight,'left');
//bpmnText.drawStringRect(this.taskName,this.getWidth()/2-20,this.getHeight()/2-11,200,'left');
//tempcoord = this.coord_converter(this.getWidth(), this.getHeight(), this.taskName.length);

View File

@@ -1,6 +1,10 @@
bpmnEventBoundaryTimerInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke = 2;
};
bpmnEventBoundaryTimerInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventCancelEnd=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=3;
};
bpmnEventCancelEnd.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventCancelInter=function(){
VectorFigure.call(this);
this.setDimension(45,45);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(45,45);
this.stroke=2;
};
bpmnEventCancelInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventCompEnd=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=3
};
bpmnEventCompEnd.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventCompInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2
};
bpmnEventCompInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventEmptyEnd=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=3;
};
bpmnEventEmptyEnd.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventEmptyInter=function(width,_30ab){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventEmptyInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventEmptyStart=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventEmptyStart.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventEndSignal=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventEndSignal.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventErrorEnd=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=4;
};
bpmnEventErrorEnd.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventErrorInter=function(){
VectorFigure.call(this);
this.setDimension(45,45);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(45,45);
this.stroke=2;
};
bpmnEventErrorInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventInterSignal=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventInterSignal.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventLinkEnd=function(){
VectorFigure.call(this);
this.setDimension(45,45);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(45,45);
this.stroke=3;
};
bpmnEventLinkEnd.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventLinkInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventLinkInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventLinkStart=function(){
VectorFigure.call(this);
this.setDimension(45,45);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(45,45);
this.stroke=2
};
bpmnEventLinkStart.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMessageEnd=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke = 3;
};
bpmnEventMessageEnd.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMessageInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventMessageInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMessageRecInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventMessageRecInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMessageSendInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventMessageSendInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMessageStart=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke = 3;
};
bpmnEventMessageStart.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMulStart=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke= 2;
};
bpmnEventMulStart.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMultipleEnd=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventMultipleEnd.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventMultipleInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2
};
bpmnEventMultipleInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventRuleInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke = 2;
};
bpmnEventRuleInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventRuleStart=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke = 2;
};
bpmnEventRuleStart.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventSignalStart=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventSignalStart.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventTerminate=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke=2;
};
bpmnEventTerminate.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventTimerInter=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke = 2;
};
bpmnEventTimerInter.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnEventTimerStart=function(){
VectorFigure.call(this);
this.setDimension(30,30);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
else
this.setDimension(30,30);
this.stroke = 2;
};
bpmnEventTimerStart.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnGatewayComplex=function(width,_30ab){
VectorFigure.call(this);
this.setDimension(40,40);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
else
this.setDimension(40,40);
this.stroke=2;
};
bpmnGatewayComplex.prototype=new VectorFigure;

View File

@@ -1,7 +1,11 @@
bpmnGatewayExclusiveData=function(width,_30ab){
VectorFigure.call(this);
this.stroke =2;
this.setDimension(40,40);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
else
this.setDimension(40,40);
};
bpmnGatewayExclusiveData.prototype=new VectorFigure;
bpmnGatewayExclusiveData.prototype.type="bpmnGatewayExclusiveData";

View File

@@ -1,6 +1,10 @@
bpmnGatewayExclusiveEvent=function(width,_30ab){
VectorFigure.call(this);
this.setDimension(40,40);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
else
this.setDimension(40,40);
this.stroke=2;
};
bpmnGatewayExclusiveEvent.prototype=new VectorFigure;

View File

@@ -1,6 +1,10 @@
bpmnGatewayInclusive=function(width,_30ab){
VectorFigure.call(this);
this.setDimension(40,40);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
else
this.setDimension(40,40);
};
bpmnGatewayInclusive.prototype=new VectorFigure;
bpmnGatewayInclusive.prototype.type="bpmnGatewayInclusive";

View File

@@ -1,6 +1,10 @@
bpmnGatewayParallel=function(width,_30ab){
VectorFigure.call(this);
this.setDimension(40,40);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
else
this.setDimension(40,40);
};
bpmnGatewayParallel.prototype=new VectorFigure;
bpmnGatewayParallel.prototype.type="bpmnGatewayParallel";

View File

@@ -2128,7 +2128,7 @@ MyWorkflow.prototype.zoom = function(sType)
{
var figures = workflow.getDocument().getFigures();
var lines=workflow.getLines();
var lines=workflow.getLines();
var size=lines.getSize();
for(var i=0;i<size;i++){
var startX = lines.data[i].startX;
@@ -2172,11 +2172,22 @@ MyWorkflow.prototype.zoom = function(sType)
{
width += 5;
height += 5;
workflow.zoomWidth = width;
workflow.zoomHeight = height;
}
else if(fig.type.match(/Annotation/))
{
width += 20;
height += 20;
workflow.zoomAnnotationWidth = width;
workflow.zoomAnnotationHeight = height;
}
else
{
width += 20;
height += 20;
workflow.zoomTaskWidth = width;
workflow.zoomTaskHeight = height;
}
}
else
@@ -2185,15 +2196,26 @@ MyWorkflow.prototype.zoom = function(sType)
{
width -= 5;
height -= 5;
workflow.zoomWidth = width;
workflow.zoomHeight = height;
}
else if(fig.type.match(/Annotation/))
{
width -= 20;
height -= 20;
workflow.zoomAnnotationWidth = width;
workflow.zoomAnnotationHeight = height;
}
else
{
width -= 20;
height -= 20;
workflow.zoomTaskWidth = width;
workflow.zoomTaskHeight = height;
}
}
if(sType == 'in' && fig.type != 'bpmnAnnotation')
{
@@ -2235,7 +2257,7 @@ MyWorkflow.prototype.zoom = function(sType)
//Setting font minimum limit
if(fig.size < 11)
fig.size = 11;
workflow.zoomTaskTextSize = fig.size;
eval("fig.bpmnText.setFont('verdana','"+fig.size+"px', Font.PLAIN)");
fig.bpmnText.drawStringRect(fig.taskName, padleft, padtop, fig.rectWidth, rectheight, 'center');
fig.bpmnText.paint();
@@ -2269,6 +2291,7 @@ MyWorkflow.prototype.zoom = function(sType)
if(fig.size < 11)
fig.size = 11;
workflow.zoomAnnotationTextSize = fig.size;
eval("fig.bpmnText.setFont('verdana','"+fig.size+"px', Font.PLAIN)");
fig.bpmnText.drawStringRect(text,20,20,fig.rectWidth,'left');
fig.bpmnText.paint();

View File

@@ -324,7 +324,7 @@ ProcessMapContext.prototype.processPermission= function()
{ name: 'OP_CASE_STATUS',type: 'string'}
]);
var PermissionStore = new Ext.data.JsonStore({
var PermissionStore = new Ext.data.JsonStore({
root : 'data',
totalProperty: 'totalCount',
idProperty : 'gridIndex',
@@ -2111,7 +2111,8 @@ ProcessMapContext.prototype.ExtVariables = function()
getObjectGridRow.colModel.config[3].editor.setValue(rowLabel);
//Assigning / updating Condition for a row
else
getObjectGridRow[0].set(FieldSelected,rowLabel);
getObjectGridRow[0].set(FieldSelected,rowLabel);
if(FieldSelected=='CTO_CONDITION')
{
Ext.Ajax.request({
@@ -2347,4 +2348,4 @@ ProcessMapContext.prototype.ExtVariables = function()
items: [varForm]
});
window.show();
}
}

View File

@@ -1,6 +1,10 @@
bpmnSubProcess = function (_30ab) {
VectorFigure.call(this);
this.setDimension(165, 50);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomTaskWidth != 'undefined' || typeof workflow.zoomTaskHeight != 'undefined')
this.setDimension(workflow.zoomTaskWidth, workflow.zoomTaskHeight);
else
this.setDimension(165, 50);
this.subProcessName = _30ab.subProcessName; //It will set the Default Task Name with appropriate count While dragging a task on the canvas
};

View File

@@ -5,10 +5,16 @@ bpmnTask = function (_30ab) {
{
this.boundaryEvent = _30ab.boundaryEvent;
}
//Getting width and height from DB
if(typeof _30ab.task_width != 'undefined' && typeof _30ab.task_height != 'undefined')
this.setDimension(_30ab.task_width, _30ab.task_height);
else
this.setDimension(165, 40);
else
this.setDimension(165, 40);
//Setting width and height values as per the zoom ratio
if(typeof workflow.zoomTaskWidth != 'undefined' || typeof workflow.zoomTaskHeight != 'undefined')
this.setDimension(workflow.zoomTaskWidth, workflow.zoomTaskHeight);
this.taskName = _30ab.taskName; //It will set the Default Task Name with appropriate count While dragging a task on the canvas
};
@@ -99,7 +105,14 @@ bpmnTask.prototype.paint = function () {
}
var rectheight = this.getHeight() - padtop -7;
this.bpmnText.setFont('verdana', '11px', Font.PLAIN);
//Setting text size to zoom font size if Zoomed
// if(typeof workflow.zoomTaskTextSize != 'undefined')
// var fontSize = workflow.zoomTaskTextSize;
// else
var fontSize = 11;
this.bpmnText.setFont('verdana', +fontSize+'px', Font.PLAIN);
this.bpmnText.drawStringRect(this.taskName, padleft, padtop, this.rectWidth, rectheight, 'center');
// tempcoord = this.coord_converter(this.getWidth(), this.getHeight(), this.taskName.length);
// bpmnText.drawTextString(this.taskName, this.getWidth(), this.getHeight(), tempcoord.temp_x, tempcoord.temp_y);