| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220 |
- /**
- * $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);
- mxArchiMateLocation.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
- //**********************************************************************************************************************************************************
- //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'
- };
- mxArchiMateBusiness.prototype.customProperties = [
- {name: 'busType', dispName: 'Business Type', type: 'enum',
- enumList: [{val: 'process', dispName: 'Process'},
- {val: 'function', dispName: 'Function'},
- {val: 'interaction', dispName: 'Interaction'},
- {val: 'event', dispName: 'Event'},
- {val: 'service', dispName: '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);
- mxArchiMateBusiness.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false, null, 2.9, 2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false, null, -2.9, 2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 1), false, null, -2.9, -2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 1), false, null, 2.9, -2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
- //**********************************************************************************************************************************************************
- //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);
- mxArchiMateBusinessObject.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false, null, 2.9, 2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false, null, -2.9, 2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 1), false, null, -2.9, -2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 1), false, null, 2.9, -2.9));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
- //**********************************************************************************************************************************************************
- //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);
- mxArchiMateRepresentation.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.85), false, null));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0.745), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0.85), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0.955), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.85), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
- //**********************************************************************************************************************************************************
- //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'
- };
- mxArchiMateApplication.prototype.customProperties = [
- {name: 'appType', dispName: 'App Type', type: 'enum',
- enumList: [{val: 'comp', dispName: 'Component'},
- {val: 'interface', dispName: 'Interface'},
- {val: 'interface2', dispName: 'Interface2'},
- {val: 'function', dispName: 'Function'},
- {val: 'interaction', dispName: 'Interaction'},
- {val: 'service', dispName: 'Service'},
- {val: 'node', dispName: 'Node'},
- {val: 'network', dispName: 'Network'},
- {val: 'commPath', dispName: 'Comm Path'},
- {val: 'artifact', dispName: 'Artifact'},
- {val: 'sysSw', dispName: 'System Sw'},
- {val: 'path', dispName: 'Path'},
- {val: 'actor', dispName: 'Actor'},
- {val: 'role', dispName: 'Role'},
- {val: 'collab', dispName: 'Collaboration'}]
- }
- ];
- /**
- * 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();
- }
- };
- mxCellRenderer.registerShape(mxArchiMateApplication.prototype.cst.APPLICATION, mxArchiMateApplication);
- mxArchiMateApplication.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
- //**********************************************************************************************************************************************************
- //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'
- };
- mxArchiMateTech.prototype.customProperties = [
- {name: 'techType', dispName: 'Tech Type', type: 'enum',
- enumList: [{val: 'device', dispName: 'Device'},
- {val: 'plateau', dispName: '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);
- mxArchiMateTech.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false, null, 0, 10));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false, null, 10, 0));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 1), false, null, 0, -10));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 1), false, null, -10, 0));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
- //**********************************************************************************************************************************************************
- //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'
- };
- mxArchiMateMotivational.prototype.customProperties = [
- {name: 'motivType', dispName: 'Motivational Type', type: 'enum',
- enumList: [{val: 'stake', dispName: 'Stake'},
- {val: 'driver', dispName: 'Driver'},
- {val: 'assess', dispName: 'Assessment'},
- {val: 'goal', dispName: 'Goal'},
- {val: 'req', dispName: 'Requirement'},
- {val: 'const', dispName: 'Constraint'},
- {val: 'princ', dispName: 'Principle'}]
- }
- ];
- /**
- * 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);
- mxArchiMateMotivational.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false, null, 5, 5));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false, null, -5, 5));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 1), false, null, -5, -5));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 1), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 1), false, null, 5, -5));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
- //**********************************************************************************************************************************************************
- //Gap
- //**********************************************************************************************************************************************************
- /**
- * 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);
- mxArchiMateGap.prototype.getConstraints = function(style, w, h)
- {
- var constr = [];
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.25), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(1, 0.85), false, null));
- constr.push(new mxConnectionConstraint(new mxPoint(0.75, 0.745), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.5, 0.85), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0.25, 0.955), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.85), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.75), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.5), false));
- constr.push(new mxConnectionConstraint(new mxPoint(0, 0.25), false));
- return (constr);
- };
|