989 lines
23 KiB
JavaScript
989 lines
23 KiB
JavaScript
|
/**
|
||
|
* $Id: mxArchiMate.js,v 1.0 2014/03/17 07:05:39 mate Exp $
|
||
|
* Copyright (c) 2006-2014, JGraph Ltd
|
||
|
*/
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Location
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateLocation(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateLocation, mxShape);
|
||
|
|
||
|
mxArchiMateLocation.prototype.cst = {
|
||
|
LOCATION : 'mxgraph.archimate.location'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateLocation.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
c.translate(w - 20, 5);
|
||
|
this.foreground(c, w - 20, 5, 15, 15);
|
||
|
};
|
||
|
|
||
|
mxArchiMateLocation.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.rect(0, 0, w, h);
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateLocation.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.setDashed(false);
|
||
|
|
||
|
c.translate(3 ,0);
|
||
|
w = w - 6;
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.5, h);
|
||
|
c.arcTo(w * 0.1775, h * 0.3, 0, 0, 0, w * 0.345, h * 0.7);
|
||
|
c.arcTo(w * 0.538, h * 0.364, 0, 0, 1, w * 0.5, 0);
|
||
|
c.arcTo(w * 0.538, h * 0.364, 0, 0, 1, w * 0.655, h * 0.7);
|
||
|
c.arcTo(w * 0.1775, h * 0.3, 0, 0, 0, w * 0.5, h);
|
||
|
c.stroke();
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateLocation.prototype.cst.LOCATION, mxArchiMateLocation);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Business
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateBusiness(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateBusiness, mxShape);
|
||
|
|
||
|
mxArchiMateBusiness.prototype.cst = {
|
||
|
BUSINESS : 'mxgraph.archimate.business',
|
||
|
TYPE : 'busType',
|
||
|
PROCESS : 'process',
|
||
|
FUNCTION : 'function',
|
||
|
INTERACTION : 'interaction',
|
||
|
EVENT : 'event',
|
||
|
SERVICE : 'service'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateBusiness.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
c.translate(w - 20, 5);
|
||
|
this.foreground(c, w - 20, 5, 15, 15);
|
||
|
};
|
||
|
|
||
|
mxArchiMateBusiness.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.roundrect(0, 0, w, h, 10, 10);
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateBusiness.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
var type = mxUtils.getValue(this.style, mxArchiMateBusiness.prototype.cst.TYPE, mxArchiMateBusiness.prototype.cst.PROCESS);
|
||
|
|
||
|
c.setDashed(false);
|
||
|
|
||
|
if (type === mxArchiMateBusiness.prototype.cst.PROCESS)
|
||
|
{
|
||
|
c.translate(0, 2);
|
||
|
h = h - 4;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.15);
|
||
|
c.lineTo(w * 0.65, h * 0.15);
|
||
|
c.lineTo(w * 0.65, 0);
|
||
|
c.lineTo(w, h * 0.5);
|
||
|
c.lineTo(w * 0.65, h);
|
||
|
c.lineTo(w * 0.65, h * 0.85);
|
||
|
c.lineTo(0, h * 0.85);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateBusiness.prototype.cst.FUNCTION)
|
||
|
{
|
||
|
c.translate(2, 0);
|
||
|
w = w - 4;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.15);
|
||
|
c.lineTo(w * 0.5, 0);
|
||
|
c.lineTo(w, h * 0.15);
|
||
|
c.lineTo(w, h);
|
||
|
c.lineTo(w * 0.5, h * 0.85);
|
||
|
c.lineTo(0, h);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateBusiness.prototype.cst.INTERACTION)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.55, 0);
|
||
|
c.arcTo(w * 0.45, h * 0.5, 0, 0, 1, w * 0.55, h);
|
||
|
c.close();
|
||
|
c.moveTo(w * 0.45, 0);
|
||
|
c.arcTo(w * 0.45, h * 0.5, 0, 0, 0, w * 0.45, h);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateBusiness.prototype.cst.EVENT)
|
||
|
{
|
||
|
c.translate(0, 3);
|
||
|
h = h - 6;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w - h * 0.5, 0);
|
||
|
c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, w - h * 0.5, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.arcTo(h * 0.5, h * 0.5, 0, 0, 0, 0, 0);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateBusiness.prototype.cst.SERVICE)
|
||
|
{
|
||
|
c.translate(0, 3);
|
||
|
h = h - 6;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w - h * 0.5, 0);
|
||
|
c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, w - h * 0.5, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, 0, 0);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateBusiness.prototype.cst.BUSINESS, mxArchiMateBusiness);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Business Object
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateBusinessObject(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateBusinessObject, mxShape);
|
||
|
|
||
|
mxArchiMateBusinessObject.prototype.cst = {
|
||
|
BUSINESS_OBJECT : 'mxgraph.archimate.businessObject'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateBusinessObject.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
this.foreground(c, 0, 0, w, h);
|
||
|
};
|
||
|
|
||
|
mxArchiMateBusinessObject.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.rect(0, 0, w, h);
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateBusinessObject.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
if (h >= 15)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(0, 15);
|
||
|
c.lineTo(w, 15);
|
||
|
c.stroke();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateBusinessObject.prototype.cst.BUSINESS_OBJECT, mxArchiMateBusinessObject);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Representation
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateRepresentation(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateRepresentation, mxShape);
|
||
|
|
||
|
mxArchiMateRepresentation.prototype.cst = {
|
||
|
REPRESENTATION : 'mxgraph.archimate.representation'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateRepresentation.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
};
|
||
|
|
||
|
mxArchiMateRepresentation.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(0, 0);
|
||
|
c.lineTo(w, 0);
|
||
|
c.lineTo(w, h * 0.85);
|
||
|
c.arcTo(w * 0.35, h * 0.35, 0, 0, 0, w * 0.5, h * 0.85);
|
||
|
c.arcTo(w * 0.35, h * 0.35, 0, 0, 1, 0, h * 0.85);
|
||
|
c.close();
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateRepresentation.prototype.cst.REPRESENTATION, mxArchiMateRepresentation);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Product
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateProduct(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateProduct, mxShape);
|
||
|
|
||
|
mxArchiMateProduct.prototype.cst = {
|
||
|
PRODUCT : 'mxgraph.archimate.product'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateProduct.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
this.foreground(c, 0, 0, w, h);
|
||
|
};
|
||
|
|
||
|
mxArchiMateProduct.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.rect(0, 0, w, h);
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateProduct.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
if (h >= 15)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(0, 15);
|
||
|
c.lineTo(w * 0.6, 15);
|
||
|
c.lineTo(w * 0.6, 0);
|
||
|
c.stroke();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateProduct.prototype.cst.PRODUCT, mxArchiMateProduct);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Application
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateApplication(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateApplication, mxShape);
|
||
|
|
||
|
mxArchiMateApplication.prototype.cst = {
|
||
|
APPLICATION : 'mxgraph.archimate.application',
|
||
|
TYPE : 'appType',
|
||
|
COMPONENT : 'comp',
|
||
|
INTERFACE : 'interface',
|
||
|
INTERFACE2 : 'interface2',
|
||
|
FUNCTION : 'function',
|
||
|
INTERACTION : 'interaction',
|
||
|
SERVICE : 'service',
|
||
|
NODE : 'node',
|
||
|
NETWORK : 'network',
|
||
|
COMM_PATH : 'commPath',
|
||
|
SYS_SW : 'sysSw',
|
||
|
ARTIFACT : 'artifact',
|
||
|
ACTOR : 'actor',
|
||
|
ROLE : 'role',
|
||
|
COLLABORATION : 'collab'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateApplication.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
c.translate(w - 20, 5);
|
||
|
this.foreground(c, w - 20, 5, 15, 15);
|
||
|
};
|
||
|
|
||
|
mxArchiMateApplication.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.rect(0, 0, w, h);
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateApplication.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
var type = mxUtils.getValue(this.style, mxArchiMateApplication.prototype.cst.TYPE, mxArchiMateApplication.prototype.cst.COMPONENT);
|
||
|
|
||
|
c.setDashed(false);
|
||
|
|
||
|
if (type === mxArchiMateApplication.prototype.cst.COMPONENT)
|
||
|
{
|
||
|
c.translate(1, 0);
|
||
|
w = w - 2;
|
||
|
|
||
|
c.rect(w * 0.25, 0, w * 0.75, h);
|
||
|
c.stroke();
|
||
|
|
||
|
c.rect(0, h * 0.25, w * 0.5, h * 0.15);
|
||
|
c.fillAndStroke();
|
||
|
|
||
|
c.rect(0, h * 0.6, w * 0.5, h * 0.15);
|
||
|
c.fillAndStroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.COLLABORATION)
|
||
|
{
|
||
|
c.translate(0, 3);
|
||
|
h = h - 6;
|
||
|
|
||
|
c.ellipse(0, 0, w * 0.6, h);
|
||
|
c.stroke();
|
||
|
c.ellipse(w * 0.4, 0, w * 0.6, h);
|
||
|
c.fillAndStroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.INTERFACE)
|
||
|
{
|
||
|
c.translate(0, 4);
|
||
|
h = h - 8;
|
||
|
|
||
|
c.ellipse(w * 0.5, 0, w * 0.5, h);
|
||
|
c.stroke();
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.5);
|
||
|
c.lineTo(w * 0.5, h * 0.5);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.INTERFACE2)
|
||
|
{
|
||
|
c.translate(0, 1);
|
||
|
h = h - 2;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.5);
|
||
|
c.lineTo(w * 0.6, h * 0.5);
|
||
|
c.moveTo(w, 0);
|
||
|
c.arcTo(w * 0.4, h * 0.5, 0, 0, 0, w, h);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.FUNCTION)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.5, 0);
|
||
|
c.lineTo(w, h * 0.2);
|
||
|
c.lineTo(w, h);
|
||
|
c.lineTo(w * 0.5, h * 0.8);
|
||
|
c.lineTo(0, h);
|
||
|
c.lineTo(0, h * 0.2);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.INTERACTION)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.55, 0);
|
||
|
c.arcTo(w * 0.45, h * 0.5, 0, 0, 1, w * 0.55, h);
|
||
|
c.close();
|
||
|
c.moveTo(w * 0.45, 0);
|
||
|
c.arcTo(w * 0.45, h * 0.5, 0, 0, 0, w * 0.45, h);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.SERVICE)
|
||
|
{
|
||
|
c.translate(0, 3);
|
||
|
h = h - 6;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w - h * 0.5, 0);
|
||
|
c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, w - h * 0.5, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.arcTo(h * 0.5, h * 0.5, 0, 0, 1, 0, 0);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.NODE)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.25);
|
||
|
c.lineTo(w * 0.25, 0);
|
||
|
c.lineTo(w, 0);
|
||
|
c.lineTo(w, h * 0.75);
|
||
|
c.lineTo(w * 0.75, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.close();
|
||
|
c.moveTo(0, h * 0.25);
|
||
|
c.lineTo(w * 0.75, h * 0.25);
|
||
|
c.lineTo(w * 0.75, h);
|
||
|
c.moveTo(w, 0);
|
||
|
c.lineTo(w * 0.75, h * 0.25);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.NETWORK)
|
||
|
{
|
||
|
c.translate(0, 2);
|
||
|
h = h - 4;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.4, h * 0.2);
|
||
|
c.lineTo(w * 0.85, h * 0.2);
|
||
|
c.lineTo(w * 0.6, h * 0.8);
|
||
|
c.lineTo(w * 0.15, h * 0.8);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
|
||
|
var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
|
||
|
c.setFillColor(strokeColor);
|
||
|
|
||
|
c.ellipse(w * 0.25, 0, w * 0.3, h * 0.4);
|
||
|
c.fill();
|
||
|
|
||
|
c.ellipse(w * 0.7, 0, w * 0.3, h * 0.4);
|
||
|
c.fill();
|
||
|
|
||
|
c.ellipse(0, h * 0.6, w * 0.3, h * 0.4);
|
||
|
c.fill();
|
||
|
|
||
|
c.ellipse(w * 0.45, h * 0.6, w * 0.3, h * 0.4);
|
||
|
c.fill();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.COMM_PATH)
|
||
|
{
|
||
|
c.translate(0, 5);
|
||
|
h = h - 10;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.1, 0);
|
||
|
c.lineTo(0, h * 0.5);
|
||
|
c.lineTo(w * 0.1, h);
|
||
|
c.moveTo(w * 0.9, 0);
|
||
|
c.lineTo(w, h * 0.5);
|
||
|
c.lineTo(w * 0.9, h);
|
||
|
c.stroke();
|
||
|
|
||
|
c.setDashed(true);
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.5);
|
||
|
c.lineTo(w, h * 0.5);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.SYS_SW)
|
||
|
{
|
||
|
c.ellipse(w * 0.3, 0, w * 0.7, h * 0.7);
|
||
|
c.stroke();
|
||
|
|
||
|
c.ellipse(0, h * 0.02, w * 0.98, h * 0.98);
|
||
|
c.fillAndStroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.ARTIFACT)
|
||
|
{
|
||
|
c.translate(2, 0);
|
||
|
w = w - 4;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, 0);
|
||
|
c.lineTo(w * 0.7, 0);
|
||
|
c.lineTo(w, h * 0.22);
|
||
|
c.lineTo(w, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.close();
|
||
|
c.moveTo(w * 0.7, 0);
|
||
|
c.lineTo(w * 0.7, h * 0.22);
|
||
|
c.lineTo(w, h * 0.22);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateApplication.prototype.cst.ACTOR)
|
||
|
{
|
||
|
c.translate(3, 0);
|
||
|
w = w - 6;
|
||
|
c.ellipse(w * 0.2, 0, w * 0.6, h * 0.3);
|
||
|
c.stroke();
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.5, h * 0.3);
|
||
|
c.lineTo(w * 0.5, h * 0.75);
|
||
|
c.moveTo(0, h * 0.45);
|
||
|
c.lineTo(w, h * 0.45);
|
||
|
c.moveTo(0, h);
|
||
|
c.lineTo(w * 0.5, h * 0.75);
|
||
|
c.lineTo(w, h);
|
||
|
c.stroke();
|
||
|
}
|
||
|
if (type === mxArchiMateApplication.prototype.cst.ROLE)
|
||
|
{
|
||
|
c.translate(0, 4);
|
||
|
h = h - 8;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.8, 0);
|
||
|
c.lineTo(w * 0.2, 0);
|
||
|
c.arcTo(w * 0.2, h * 0.5, 0, 0, 0, w * 0.2, h);
|
||
|
c.lineTo(w * 0.8, h);
|
||
|
c.stroke();
|
||
|
|
||
|
c.ellipse(w * 0.6, 0, w * 0.4, h);
|
||
|
c.stroke();
|
||
|
}
|
||
|
// else if (type === mxArchiMateApplication.prototype.cst.COLLABORATION)
|
||
|
// {
|
||
|
// c.translate(0, 3);
|
||
|
// h = h - 6;
|
||
|
//
|
||
|
// c.ellipse(0, 0, w * 0.6, h);
|
||
|
// c.stroke();
|
||
|
// c.ellipse(w * 0.4, 0, w * 0.6, h);
|
||
|
// c.stroke();
|
||
|
// }
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateApplication.prototype.cst.APPLICATION, mxArchiMateApplication);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Tech
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateTech(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateTech, mxShape);
|
||
|
|
||
|
mxArchiMateTech.prototype.cst = {
|
||
|
TECH : 'mxgraph.archimate.tech',
|
||
|
TYPE : 'techType',
|
||
|
DEVICE : 'device',
|
||
|
PLATEAU : 'plateau'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateTech.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
c.translate(w - 30, 15);
|
||
|
this.foreground(c, w - 30, 15, 15, 15);
|
||
|
};
|
||
|
|
||
|
mxArchiMateTech.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(0, 10);
|
||
|
c.lineTo(10, 0);
|
||
|
c.lineTo(w, 0);
|
||
|
c.lineTo(w, h - 10);
|
||
|
c.lineTo(w - 10, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.close();
|
||
|
c.moveTo(0, 10);
|
||
|
c.lineTo(w - 10, 10);
|
||
|
c.lineTo(w - 10, h);
|
||
|
c.moveTo(w, 0);
|
||
|
c.lineTo(w - 10, 10);
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateTech.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
var type = mxUtils.getValue(this.style, mxArchiMateTech.prototype.cst.TYPE, mxArchiMateTech.prototype.cst.DEVICE);
|
||
|
|
||
|
c.setDashed(false);
|
||
|
|
||
|
if (type === mxArchiMateTech.prototype.cst.DEVICE)
|
||
|
{
|
||
|
c.roundrect(0, 0, w, h * 0.88, w * 0.05, h * 0.05);
|
||
|
c.stroke();
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.1, h * 0.88);
|
||
|
c.lineTo(0, h);
|
||
|
c.lineTo(w, h);
|
||
|
c.lineTo(w * 0.9, h * 0.88);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateTech.prototype.cst.PLATEAU)
|
||
|
{
|
||
|
var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
|
||
|
c.setFillColor(strokeColor);
|
||
|
|
||
|
c.rect(w * 0.4, 0, w * 0.6, h * 0.2);
|
||
|
c.fill();
|
||
|
|
||
|
c.rect(w * 0.2, h * 0.4, w * 0.6, h * 0.2);
|
||
|
c.fill();
|
||
|
|
||
|
c.rect(0, h * 0.8, w * 0.6, h * 0.2);
|
||
|
c.fill();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateTech.prototype.cst.TECH, mxArchiMateTech);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Motivational
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateMotivational(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateMotivational, mxShape);
|
||
|
|
||
|
mxArchiMateMotivational.prototype.cst = {
|
||
|
MOTIV : 'mxgraph.archimate.motiv',
|
||
|
TYPE : 'motivType',
|
||
|
STAKE : 'stake',
|
||
|
DRIVER : 'driver',
|
||
|
ASSESSMENT : 'assess',
|
||
|
GOAL : 'goal',
|
||
|
REQUIREMENT : 'req',
|
||
|
CONSTRAINT : 'const',
|
||
|
PRINCIPLE : 'princ'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateMotivational.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
c.translate(w - 20, 5);
|
||
|
this.foreground(c, w - 20, 5, 15, 15);
|
||
|
};
|
||
|
|
||
|
mxArchiMateMotivational.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(10, 0);
|
||
|
c.lineTo(w - 10, 0);
|
||
|
c.lineTo(w, 10);
|
||
|
c.lineTo(w, h - 10);
|
||
|
c.lineTo(w - 10, h);
|
||
|
c.lineTo(10, h);
|
||
|
c.lineTo(0, h - 10);
|
||
|
c.lineTo(0, 10);
|
||
|
c.close();
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateMotivational.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
var type = mxUtils.getValue(this.style, mxArchiMateMotivational.prototype.cst.TYPE, mxArchiMateMotivational.prototype.cst.STAKE);
|
||
|
|
||
|
c.setDashed(false);
|
||
|
|
||
|
if (type === mxArchiMateMotivational.prototype.cst.STAKE)
|
||
|
{
|
||
|
c.translate(0, 4);
|
||
|
h = h - 8;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.8, 0);
|
||
|
c.lineTo(w * 0.2, 0);
|
||
|
c.arcTo(w * 0.2, h * 0.5, 0, 0, 0, w * 0.2, h);
|
||
|
c.lineTo(w * 0.8, h);
|
||
|
c.stroke();
|
||
|
|
||
|
c.ellipse(w * 0.6, 0, w * 0.4, h);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateMotivational.prototype.cst.DRIVER)
|
||
|
{
|
||
|
c.ellipse(w * 0.1, h * 0.1, w * 0.8, h * 0.8);
|
||
|
c.stroke();
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.5);
|
||
|
c.lineTo(w, h * 0.5);
|
||
|
c.moveTo(w * 0.5, 0);
|
||
|
c.lineTo(w * 0.5, h);
|
||
|
c.moveTo(w * 0.145, h * 0.145);
|
||
|
c.lineTo(w * 0.855, h * 0.855);
|
||
|
c.moveTo(w * 0.145, h * 0.855);
|
||
|
c.lineTo(w * 0.855, h * 0.145);
|
||
|
c.stroke();
|
||
|
|
||
|
var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
|
||
|
c.setFillColor(strokeColor);
|
||
|
|
||
|
c.ellipse(w * 0.35, h * 0.35, w * 0.3, h * 0.3);
|
||
|
c.fillAndStroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateMotivational.prototype.cst.ASSESSMENT)
|
||
|
{
|
||
|
c.ellipse(w * 0.2, 0, w * 0.8, h * 0.8);
|
||
|
c.stroke();
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, h);
|
||
|
c.lineTo(w * 0.32, h * 0.68);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateMotivational.prototype.cst.GOAL)
|
||
|
{
|
||
|
c.ellipse(0, 0, w, h);
|
||
|
c.stroke();
|
||
|
c.ellipse(w * 0.15, h * 0.15, w * 0.7, h * 0.7);
|
||
|
c.stroke();
|
||
|
var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
|
||
|
c.setFillColor(strokeColor);
|
||
|
c.ellipse(w * 0.3, h * 0.3, w * 0.4, h * 0.4);
|
||
|
c.fillAndStroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateMotivational.prototype.cst.REQUIREMENT)
|
||
|
{
|
||
|
c.translate(0, 4);
|
||
|
h = h - 8;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.25, 0);
|
||
|
c.lineTo(w, 0);
|
||
|
c.lineTo(w * 0.75, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateMotivational.prototype.cst.CONSTRAINT)
|
||
|
{
|
||
|
c.translate(0, 4);
|
||
|
h = h - 8;
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.25, 0);
|
||
|
c.lineTo(w, 0);
|
||
|
c.lineTo(w * 0.75, h);
|
||
|
c.lineTo(0, h);
|
||
|
c.close();
|
||
|
c.moveTo(w * 0.45, 0);
|
||
|
c.lineTo(w * 0.2, h);
|
||
|
c.stroke();
|
||
|
}
|
||
|
else if (type === mxArchiMateMotivational.prototype.cst.PRINCIPLE)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.05, h * 0.05);
|
||
|
c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.95, h * 0.05);
|
||
|
c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.95, h * 0.95);
|
||
|
c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.05, h * 0.95);
|
||
|
c.arcTo(w * 2.3, h * 2.3, 0, 0, 1, w * 0.05, h * 0.05);
|
||
|
c.close();
|
||
|
c.stroke();
|
||
|
|
||
|
var strokeColor = mxUtils.getValue(this.style, mxConstants.STYLE_STROKECOLOR, '#000000');
|
||
|
c.setFillColor(strokeColor);
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(w * 0.45, h * 0.7);
|
||
|
c.lineTo(w * 0.42, h * 0.15);
|
||
|
c.lineTo(w * 0.58, h * 0.15);
|
||
|
c.lineTo(w * 0.55, h * 0.7);
|
||
|
c.close();
|
||
|
c.fill();
|
||
|
|
||
|
c.rect(w * 0.45, h * 0.75, w * 0.1, h * 0.1);
|
||
|
c.fill();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateMotivational.prototype.cst.MOTIV, mxArchiMateMotivational);
|
||
|
|
||
|
//**********************************************************************************************************************************************************
|
||
|
//Representation
|
||
|
//**********************************************************************************************************************************************************
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
function mxArchiMateGap(bounds, fill, stroke, strokewidth)
|
||
|
{
|
||
|
mxShape.call(this);
|
||
|
this.bounds = bounds;
|
||
|
this.fill = fill;
|
||
|
this.stroke = stroke;
|
||
|
this.strokewidth = (strokewidth != null) ? strokewidth : 1;
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Extends mxShape.
|
||
|
*/
|
||
|
mxUtils.extend(mxArchiMateGap, mxShape);
|
||
|
|
||
|
mxArchiMateGap.prototype.cst = {
|
||
|
GAP : 'mxgraph.archimate.gap'
|
||
|
};
|
||
|
|
||
|
/**
|
||
|
* Function: paintVertexShape
|
||
|
*
|
||
|
* Paints the vertex shape.
|
||
|
*/
|
||
|
mxArchiMateGap.prototype.paintVertexShape = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.translate(x, y);
|
||
|
this.background(c, 0, 0, w, h);
|
||
|
c.setShadow(false);
|
||
|
c.translate(w - 20, 5);
|
||
|
this.foreground(c, w - 20, 5, 15, 15);
|
||
|
};
|
||
|
|
||
|
mxArchiMateGap.prototype.background = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.begin();
|
||
|
c.moveTo(0, 0);
|
||
|
c.lineTo(w, 0);
|
||
|
c.lineTo(w, h * 0.85);
|
||
|
c.arcTo(w * 0.35, h * 0.35, 0, 0, 0, w * 0.5, h * 0.85);
|
||
|
c.arcTo(w * 0.35, h * 0.35, 0, 0, 1, 0, h * 0.85);
|
||
|
c.close();
|
||
|
c.fillAndStroke();
|
||
|
};
|
||
|
|
||
|
mxArchiMateGap.prototype.foreground = function(c, x, y, w, h)
|
||
|
{
|
||
|
c.setDashed(false);
|
||
|
|
||
|
c.translate(0, 2);
|
||
|
h = h - 4;
|
||
|
|
||
|
c.ellipse(w * 0.15, 0, w * 0.7, h);
|
||
|
c.stroke();
|
||
|
|
||
|
c.begin();
|
||
|
c.moveTo(0, h * 0.35);
|
||
|
c.lineTo(w, h * 0.35);
|
||
|
c.moveTo(0, h * 0.65);
|
||
|
c.lineTo(w, h * 0.65);
|
||
|
c.stroke();
|
||
|
};
|
||
|
|
||
|
mxCellRenderer.registerShape(mxArchiMateGap.prototype.cst.GAP, mxArchiMateGap);
|
||
|
|