| <mxEditor defaultGroup="group" defaultEdge="edge" |
| layoutDiagram="1" maintainSwimlanes="1" |
| swimlaneRequired="1" forcedInserting="1" |
| helpWindowImage="images/help.gif" |
| tasksWindowImage="images/tasks.gif"> |
| <include name="config/editor-commons.xml"/> |
| <add as="onInit"><![CDATA[ |
| function () |
| { |
| // Disables removing cells from parents |
| this.graph.graphHandler.setRemoveCellsFromParent(false); |
| this.showTasks(); |
| this.showHelp(); |
| } |
| ]]></add> |
| <ui> |
| <stylesheet name="css/process.css"/> |
| <add as="graph" element="graph"/> |
| <add as="status" element="status"/> |
| <add as="toolbar" element="toolbar"/> |
| </ui> |
| <Array as="cycleAttributeValues"> |
| <add value="#83027F"/> |
| <add value="#66B922"/> |
| <add value="#808913"/> |
| <add value="#CF0056"/> |
| <add value="#4679B6"/> |
| </Array> |
| <Array as="templates"> |
| <add as="group"> |
| <Group label="" description=""> |
| <mxCell vertex="1" style="group" connectable="0"/> |
| </Group> |
| </add> |
| <add as="edge"> |
| <Edge label="" description=""> |
| <mxCell edge="1"> |
| <mxGeometry as="geometry" isRelative="1"/> |
| </mxCell> |
| </Edge> |
| </add> |
| <add as="swimlane"> |
| <Swimlane label="Role" customAttribute="text value"> |
| <mxCell vertex="1" style="swimlane" connectable="0"> |
| <mxGeometry as="geometry" width="220" height="480"/> |
| </mxCell> |
| </Swimlane> |
| </add> |
| <add as="task"> |
| <Task label="Task"> |
| <mxCell vertex="1"> |
| <mxGeometry as="geometry" width="80" height="30"/> |
| </mxCell> |
| </Task> |
| </add> |
| <add as="subprocess"> |
| <Subprocess label="Subprocess"> |
| <mxCell vertex="1" style="rounded"> |
| <mxGeometry as="geometry" width="80" height="30"/> |
| </mxCell> |
| </Subprocess> |
| </add> |
| <add as="shape"> |
| <Shape label="Element"> |
| <mxCell vertex="1" style="ellipse"> |
| <mxGeometry as="geometry" width="60" height="50"/> |
| </mxCell> |
| </Shape> |
| </add> |
| <add as="hline"> |
| <Shape label=""> |
| <mxCell vertex="1" style="ellipse"> |
| <mxGeometry as="geometry" width="60" height="10"/> |
| </mxCell> |
| </Shape> |
| </add> |
| </Array> |
| <add as="createTasks"><![CDATA[ |
| function (div) |
| { |
| var off = 30; |
| |
| if (this.graph != null) |
| { |
| var layer = this.graph.getModel().getRoot().getChildAt(0); |
| |
| if (layer == null || layer.getChildCount() == 0) |
| { |
| mxUtils.para(div, 'Examples:'); |
| mxUtils.linkInvoke(div, 'Withdrawal', this, 'open', |
| 'diagrams/withdrawal.xml', off); |
| mxUtils.br(div); |
| } |
| else |
| { |
| mxUtils.para(div, 'Clipboard:'); |
| |
| if (!this.graph.isSelectionEmpty()) |
| { |
| mxUtils.linkAction(div, 'Copy to Clipboard', this, 'copy', off); |
| mxUtils.br(div); |
| } |
| |
| mxUtils.linkAction(div, 'Paste from Clipboard', this, 'paste', off); |
| mxUtils.br(div); |
| |
| if (!this.graph.isSelectionEmpty()) |
| { |
| mxUtils.linkAction(div, 'Delete Selected Cells', this, 'delete', off); |
| mxUtils.br(div); |
| mxUtils.linkAction(div, 'Clear Selection', this, 'selectNone', off); |
| mxUtils.br(div); |
| } |
| else |
| { |
| mxUtils.linkAction(div, 'Select All Cells', this, 'selectAll', off); |
| mxUtils.br(div); |
| } |
| |
| mxUtils.para(div, 'History:'); |
| mxUtils.linkAction(div, 'Undo Last Change', this, 'undo', off); |
| mxUtils.br(div); |
| mxUtils.linkAction(div, 'Redo Last Change', this, 'redo', off); |
| mxUtils.br(div); |
| } |
| |
| mxUtils.br(div); |
| } |
| } |
| ]]></add> |
| <mxGraph as="graph" alternateEdgeStyle="verticalEdge" |
| swimlaneNesting="0" dropEnabled="1"> |
| <add as="isAutoSizeCell"><![CDATA[ |
| function(cell) |
| { |
| return this.isSwimlane(cell); |
| } |
| ]]></add> |
| <add as="isValidRoot"><![CDATA[ |
| function(cell) |
| { |
| return !this.isSwimlane(cell); |
| } |
| ]]></add> |
| <add as="isCellFoldable"><![CDATA[ |
| function(cell, collapse) |
| { |
| return !this.isSwimlane(cell) && |
| cell.getChildCount() > 0; |
| } |
| ]]></add> |
| <add as="isSwimlane"> |
| function (cell) |
| { |
| return mxUtils.isNode(this.model.getValue(cell), 'swimlane'); |
| } |
| </add> |
| <add as="isAllowOverlapParent"> |
| function(cell) |
| { |
| return !this.isSwimlane(cell.parent); |
| } |
| </add> |
| <add as="getTooltipForCell"><![CDATA[ |
| function(cell) |
| { |
| return '<b>'+cell.getAttribute('label')+ |
| '</b> ('+cell.getId()+')'+ |
| '<br>Style: '+cell.getStyle()+ |
| '<br>Edges: '+cell.getEdgeCount()+ |
| '<br>Children: '+cell.getChildCount(); |
| } |
| ]]></add> |
| <add as="convertValueToString"><![CDATA[ |
| function(cell) |
| { |
| return cell.getAttribute('label'); |
| } |
| ]]></add> |
| <mxStylesheet as="stylesheet"> |
| <add as="defaultVertex"> |
| <add as="shape" value="rectangle"/> |
| <add as="perimeter" value="rectanglePerimeter"/> |
| <add as="fontColor" value="black"/> |
| <add as="fontSize" value="10"/> |
| <add as="align" value="center"/> |
| <add as="verticalAlign" value="middle"/> |
| <add as="fillColor" value="indicated"/> |
| <add as="indicatorColor" value="swimlane"/> |
| <add as="gradientColor" value="white"/> |
| </add> |
| <add as="group"> |
| <add as="shape" value="rectangle"/> |
| <add as="perimeter" value="rectanglePerimeter"/> |
| <add as="fontSize" value="10"/> |
| <add as="align" value="center"/> |
| <add as="verticalAlign" value="middle"/> |
| <add as="strokeColor" value="gray"/> |
| <add as="dashed" value="1"/> |
| </add> |
| <add as="defaultEdge"> |
| <add as="shape" value="connector"/> |
| <add as="fontSize" value="10"/> |
| <add as="rounded" value="1"/> |
| <add as="strokeColor" value="gray"/> |
| <add as="edgeStyle" value="elbowEdgeStyle"/> |
| <add as="endArrow" value="classic"/> |
| </add> |
| <add as="verticalEdge"> |
| <add as="elbow" value="vertical"/> |
| </add> |
| <add as="swimlane"> |
| <add as="shape" value="swimlane"/> |
| <add as="perimeter" value="rectanglePerimeter"/> |
| <add as="fontSize" value="12"/> |
| <add as="startSize" value="36"/> |
| <add as="rounded" value="1"/> |
| <add as="align" value="center"/> |
| <add as="verticalAlign" value="top"/> |
| <add as="spacingTop" value="8"/> |
| <add as="fontColor" value="white"/> |
| <add as="separatorColor" value="#c0c0c0"/> |
| </add> |
| <add as="rounded"> |
| <add as="rounded" value="1"/> |
| </add> |
| <add as="ellipse"> |
| <add as="shape" value="label"/> |
| <add as="indicatorShape" value="ellipse"/> |
| <add as="indicatorWidth" value="34"/> |
| <add as="indicatorHeight" value="34"/> |
| <add as="imageVerticalAlign" value="top"/> |
| <add as="imageAlign" value="center"/> |
| <add as="spacingTop" value="40"/> |
| <add as="perimeter" value="rectanglePerimeter"/> |
| <add as="fontSize" value="10"/> |
| <add as="align" value="center"/> |
| <add as="verticalAlign" value="top"/> |
| <add as="indicatorColor" value="swimlane"/> |
| <add as="indicatorGradientColor" value="white"/> |
| <add as="fillColor" value="none"/> |
| <add as="gradientColor" value="none"/> |
| </add> |
| <add as="rhombus" extend="ellipse"> |
| <add as="indicatorShape" value="rhombus"/> |
| </add> |
| <add as="actor" extend="ellipse"> |
| <add as="indicatorShape" value="actor"/> |
| <add as="indicatorWidth" value="26"/> |
| </add> |
| <add as="cylinder" extend="actor"> |
| <add as="indicatorShape" value="cylinder"/> |
| <add as="imageVerticalAlign" value="bottom"/> |
| <add as="indicatorHeight" value="30"/> |
| <add as="verticalAlign" value="top"/> |
| <add as="spacingTop" value="0"/> |
| </add> |
| <add as="hline"> |
| <add as="shape" value="line"/> |
| <add as="strokeWidth" value="3"/> |
| <add as="perimeter" value="rectanglePerimeter"/> |
| <add as="fontColor" value="black"/> |
| <add as="fontSize" value="10"/> |
| <add as="align" value="center"/> |
| <add as="verticalAlign" value="bottom"/> |
| <add as="strokeColor" value="indicated"/> |
| </add> |
| </mxStylesheet> |
| <mxGraphModel as="model"> |
| <add as="valueForCellChanged"><![CDATA[ |
| function(cell, value) |
| { |
| var previous = null; |
| |
| if (isNaN(value.nodeType)) |
| { |
| previous = cell.getAttribute('label'); |
| cell.setAttribute('label', value); |
| } |
| else |
| { |
| previous = cell.value; |
| cell.value = value; |
| } |
| |
| return previous; |
| } |
| ]]></add> |
| <root> |
| <Workflow label="MyWorkflow" id="0"/> |
| <Layer label="Default Layer"> |
| <mxCell parent="0"/> |
| </Layer> |
| </root> |
| </mxGraphModel> |
| </mxGraph> |
| <mxDefaultToolbar as="toolbar"> |
| <add as="Save" action="save" icon="images/save.gif"/> |
| <separator/> |
| <add as="Undo" action="undo" icon="images/undo.gif"/> |
| <add as="Redo" action="redo" icon="images/redo.gif"/> |
| <add as="Cut" action="cut" icon="images/cut.gif"/> |
| <add as="Copy" action="copy" icon="images/copy.gif"/> |
| <add as="Paste" action="paste" icon="images/paste.gif"/> |
| <add as="Delete" action="delete" icon="images/delete.gif"/> |
| <add as="Group" action="group" icon="images/group.gif"/> |
| <add as="Ungroup" action="ungroup" icon="images/ungroup.gif"/> |
| <separator/> |
| <add as="Select" mode="select" icon="images/select.gif"/> |
| <add as="Pan" mode="pan" icon="images/pan.gif"/> |
| <add as="Connect" mode="connect" icon="images/connect.gif"/> |
| <separator/> |
| <add as="Swimlane" template="swimlane" icon="images/swimlane.gif"/> |
| <add as="Task" template="task" icon="images/rectangle.gif"/> |
| <add as="Subprocess" template="subprocess" icon="images/rounded.gif"/> |
| <add as="Ellipse" template="shape" style="ellipse" icon="images/ellipse.gif"/> |
| <add as="Rhombus" template="shape" style="rhombus" icon="images/rhombus.gif"/> |
| <add as="Actor" template="shape" style="actor" icon="images/actor.gif"/> |
| <add as="Cylinder" template="shape" style="cylinder" icon="images/cylinder.gif"/> |
| <add as="Line" template="hline" style="hline" icon="images/hline.gif"/> |
| <separator/> |
| <add as="Fit" action="fit" icon="images/zoom.gif"/> |
| <add as="Zoom In" action="zoomIn" icon="images/zoomin.gif"/> |
| <add as="Zoom Out" action="zoomOut" icon="images/zoomout.gif"/> |
| <add as="Actual Size" action="actualSize" icon="images/zoomactual.gif"/> |
| <add as="Zoom" action="zoom" icon="images/zoom.gif"/> |
| <separator/> |
| <add as="outline" action="toggleOutline" icon="images/outline.gif"/> |
| <add as="Tasks" action="toggleTasks" icon="images/tasks.gif"/> |
| <add as="Help" action="toggleHelp" icon="images/help.gif"/> |
| <add as="Console" action="toggleConsole" icon="images/console.gif"/> |
| </mxDefaultToolbar> |
| </mxEditor> |