185 lines
5.4 KiB
XML
185 lines
5.4 KiB
XML
<mxEditor defaultGroup="group" defaultEdge="edge"
|
|
helpWindowImage="images/help.gif"
|
|
tasksWindowImage="images/tasks.gif"
|
|
forcedInserting="0"
|
|
swimlaneRequired="0">
|
|
<include name="config/editor-commons.xml"/>
|
|
<add as="onInit">
|
|
function ()
|
|
{
|
|
this.showTasks();
|
|
}
|
|
</add>
|
|
<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="" href="">
|
|
<mxCell vertex="1" style="group" connectable="0"/>
|
|
</Group>
|
|
</add>
|
|
<add as="edge">
|
|
<Edge label="" description="">
|
|
<mxCell edge="1">
|
|
<mxGeometry as="geometry" relative="1"/>
|
|
</mxCell>
|
|
</Edge>
|
|
</add>
|
|
<add as="swimlane">
|
|
<Swimlane label="Swimlane" description="" href="">
|
|
<mxCell vertex="1" style="swimlane" connectable="0">
|
|
<mxGeometry as="geometry" width="300" height="160"/>
|
|
</mxCell>
|
|
</Swimlane>
|
|
</add>
|
|
<add as="task">
|
|
<Task label="Task" description="" href="">
|
|
<mxCell vertex="1">
|
|
<mxGeometry as="geometry" width="72" height="32"/>
|
|
</mxCell>
|
|
</Task>
|
|
</add>
|
|
<add as="subprocess">
|
|
<Subprocess label="Subprocess" description="" href="">
|
|
<mxCell vertex="1" style="rounded">
|
|
<mxGeometry as="geometry" width="72" height="32"/>
|
|
</mxCell>
|
|
</Subprocess>
|
|
</add>
|
|
<add as="shape">
|
|
<Shape label="" description="" href="">
|
|
<mxCell vertex="1" style="ellipse">
|
|
<mxGeometry as="geometry" width="32" height="32"/>
|
|
</mxCell>
|
|
</Shape>
|
|
</add>
|
|
<add as="symbol">
|
|
<Symbol label="Symbol" description="" href="">
|
|
<mxCell vertex="1" style="symbol;image=images/symbols/event.png">
|
|
<mxGeometry as="geometry" width="32" height="32"/>
|
|
</mxCell>
|
|
</Symbol>
|
|
</add>
|
|
</Array>
|
|
<add as="createTasks"><![CDATA[
|
|
function (div)
|
|
{
|
|
var off = 30;
|
|
|
|
if (this.graph != null)
|
|
{
|
|
var layer = this.graph.model.root.getChildAt(0);
|
|
mxUtils.para(div, mxResources.get('examples'));
|
|
mxUtils.linkInvoke(div, mxResources.get('newDiagram'), this,
|
|
'open', 'diagrams/empty.xml', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkInvoke(div, mxResources.get('swimlanes'), this,
|
|
'open', 'diagrams/swimlanes.xml', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkInvoke(div, mxResources.get('travelBooking'), this,
|
|
'open', 'diagrams/travel-booking.xml', off);
|
|
mxUtils.br(div);
|
|
|
|
if (!this.graph.isSelectionEmpty())
|
|
{
|
|
var cell = this.graph.getSelectionCell();
|
|
if (this.graph.getSelectionCount() == 1 &&
|
|
(this.graph.model.isVertex(cell) &&
|
|
cell.getEdgeCount() > 0) || this.graph.isSwimlane(cell))
|
|
{
|
|
mxUtils.para(div, 'Layout');
|
|
mxUtils.linkAction(div, mxResources.get('verticalTree'),
|
|
this, 'verticalTree', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, mxResources.get('horizontalTree'),
|
|
this, 'horizontalTree', off);
|
|
mxUtils.br(div);
|
|
}
|
|
|
|
mxUtils.para(div, 'Format');
|
|
|
|
if (mxUtils.isNode(cell.value, 'Symbol'))
|
|
{
|
|
mxUtils.linkAction(div, mxResources.get('image'),
|
|
this, 'image', off);
|
|
mxUtils.br(div);
|
|
}
|
|
else
|
|
{
|
|
mxUtils.linkAction(div, mxResources.get('opacity'),
|
|
this, 'opacity', off);
|
|
mxUtils.br(div);
|
|
if (this.graph.model.isVertex(cell) ||
|
|
(cell.style != null &&
|
|
cell.style.indexOf("arrowEdge") >= 0))
|
|
{
|
|
mxUtils.linkAction(div, mxResources.get('gradientColor'),
|
|
this, 'gradientColor', off);
|
|
mxUtils.br(div);
|
|
}
|
|
if (this.graph.model.isEdge(cell))
|
|
{
|
|
mxUtils.linkAction(div, 'Straight Connector', this, 'straightConnector', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, 'Elbow Connector', this, 'elbowConnector', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, 'Arrow Connector', this, 'arrowConnector', off);
|
|
mxUtils.br(div);
|
|
}
|
|
}
|
|
|
|
mxUtils.linkAction(div, 'Rounded', this, 'toggleRounded', off);
|
|
mxUtils.br(div);
|
|
if (this.graph.isSwimlane(cell) || this.graph.model.isEdge(cell))
|
|
{
|
|
mxUtils.linkAction(div, 'Orientation', this, 'toggleOrientation', off);
|
|
mxUtils.br(div);
|
|
}
|
|
|
|
if (this.graph.getSelectionCount() > 1)
|
|
{
|
|
mxUtils.para(div, mxResources.get('align'));
|
|
mxUtils.linkAction(div, mxResources.get('left'),
|
|
this, 'alignCellsLeft', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, mxResources.get('center'),
|
|
this, 'alignCellsCenter', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, mxResources.get('right'),
|
|
this, 'alignCellsRight', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, mxResources.get('top'),
|
|
this, 'alignCellsTop', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, mxResources.get('middle'),
|
|
this, 'alignCellsMiddle', off);
|
|
mxUtils.br(div);
|
|
mxUtils.linkAction(div, mxResources.get('bottom'),
|
|
this, 'alignCellsBottom', off);
|
|
mxUtils.br(div);
|
|
}
|
|
|
|
mxUtils.para(div, mxResources.get('selection'));
|
|
mxUtils.linkAction(div, mxResources.get('clearSelection'),
|
|
this, 'selectNone', off);
|
|
mxUtils.br(div);
|
|
}
|
|
else if (layer.getChildCount() > 0)
|
|
{
|
|
mxUtils.para(div, mxResources.get('selection'));
|
|
mxUtils.linkAction(div, mxResources.get('selectAll'),
|
|
this, 'selectAll', off);
|
|
mxUtils.br(div);
|
|
}
|
|
|
|
mxUtils.br(div);
|
|
}
|
|
}
|
|
]]></add>
|
|
</mxEditor>
|