bpmn-io / bpmn-js Goto Github PK

This should help users to reset the current view in case they messed up the navigation.

License should be added and linked to from sources.

There's a small issue with the depth (z-index) of a hovered / focused element. See screenshot.

We should provide an example on how to support a generic open -> edit -> save roundtrip from different sources such as cloud storage, workflow engines (open = view, save = redeploy) etc.

It should feature the following:

• User opens a BPMN 2.0 diagram from writable source (e.g. some cloud service or REST backend)
• User edits one or more parts of the diagram
• User saves the diagram

A good reference on how that could be done is stackedit.

Process diagrams are often coupled with external documents through links. To support that use case, we must be able to

• link documents from diagram elements
• link diagram elements from external documents

We should investigate that use case and provide the functionality as a plug-in for the viewer.

Scenarios

For bpmn elements

• A user can follow click a link to an external descriptive document
• A user can add an external document (stored as meta-data in the bpmn 2.0 file)

For external documents

• A user can provide a link to a bpmn diagram with an element or a list of elements highlighted

AT:

• provide a way that a user can easily get the xml for his process

• includes data associations
• find testcase here: http://www.camunda.org/share/#/process/f2ebc971-c35b-435c-98c3-48733fcf17c3
• Objects
  • Data Object
  • Input Data Object
  • Output Data Object
  • Data association
  • Data store object
  • Collection for Input, Output, Data object

If the bpmnElement attribute of the BPMNPlane DI element is invalid (i.e. no BPMN element exists for this ID) the shown error message is

Cannot read property '$instanceOf' of undefined

This isn't very informative and should be improved.

Minimal sample process

Description: The BPMN process element has the ID Process_1 but the BPMNPlane element references the non-existing Process_2 element.

As part of #8 we should report all problems that occur during import of (xml) documents.

• from an existing element (start event or task), a task that follows that element can be created
• exception: endevent
• the new task is automatically connected with a sequence flow
• after creating the task, the user is automatically in label editing mode

Tasks

• basic implementation
• sequence flow points from edge to edge
• context pad integration

• same rules as in bpmn-js apply for labels

• A zoom slider exists.
• Mousewheel zoom can be done via CTRL+Mousewheel.

AT:

• new BPMN 2.0 process is created (BPMN 2.0 XML)
• process contains a start event automatically

this issue leads to a more detailed description (attached support cases): https://app.camunda.com/jira/browse/CAM-227

SVG export currently outputs the outer <div> element, too.

AT:

• BPMN 2.0 xml can be opened in browser
• the following BPMN elemnts are displayed
• Start Event
• Sequence flow
• Gateway
• Tasks
• Labels
• End Event

Find an example here: http://www.camunda.org/share/#/process/9e28cca8-5106-4301-8e79-3d505e50f511

We should update the test results as part of our full BPMN 2.0 rendering release.

• collapsed pools with collection marker
• expanded pools with collection marker

• testcase can be found here http://www.camunda.org/share/#/process/8e751914-7084-48f0-bda4-79cda0f9cb78

• find testcase here (attention, the message on the right should be grey): http://www.camunda.org/share/#/process/557438f8-b55b-46d7-b613-0fdea9e5137a

Try the following and see how it looks

• reduce font size
• reduce space for line feed (especially with external labels)

current problems:

• given: label above a bpmn element (e.g. gateway, sequence flow) + line feed in label
  • label text is displayed on top of bpmn element

Find testcase here:

• http://www.camunda.org/share/#/process/43d19983-4149-4241-91dd-a0d1a5000d5b
• Untyped events
  • Start - Standard
  • Intermediate - Throwing
  • End - Standard
• Message events
  • Start - Standard
  • Intermediate - Catching
  • Intermediate - Boundary Interrupting
  • Intermediate - Boundary Non-Interrupting
  • Intermediate - Throwing
  • End - Standard
• Timer events
  • Start - Standard
  • Intermediate - Catching
  • Intermediate - Boundary Interrupting
  • Intermediate - Boundary Non-Interrupting
• Escalation events
  • Intermediate - Boundary Interrupting
  • Intermediate - Boundary Non-Interrupting
  • Intermediate - Throwing
  • End - Standard
• Conditional events
  • Start - Standard
  • Intermediate - Catching
  • Intermediate - Boundary Interrupting
  • Intermediate - Boundary Non-Interrupting
• Link events
  • Intermediate - Catching
  • Intermediate - Throwing
• Error events
  • Intermediate - Boundary Interrupting
  • End - Standard
• Cancel events
  • Intermediate - Boundary Interrupting
  • End - Standard
• Compensation events
  • Intermediate - Boundary Interrupting
  • Intermediate - Throwing
  • End - Standard
• Signal events
  • Start - Standard
  • Intermediate - Catching
  • Intermediate - Boundary Interrupting
  • Intermediate - Boundary Non-Interrupting
  • Intermediate - Throwing
  • End - Standard
• Multiple events
  • Start - Standard
  • Intermediate - Catching
  • Intermediate - Boundary Interrupting
  • Intermediate - Boundary Non-Interrupting
  • Intermediate - Throwing
  • End - Standard
• Parallel Multiple events
  • Start - Standard
  • Intermediate - Catching
  • Intermediate - Boundary Interrupting
  • Intermediate - Boundary Non-Interrupting
• Terminate
  • End - Standard

Reproduce:

• try to open the following process
  http://www.camunda.org/share/#/process/d2670daa-8789-4143-aaef-6e953a6ca3fc

Problem:
Process does not open
Error Message:
illegal content detected
line: 2
column: 61
nested error: Cannot read property 'effectiveType' of null

We should support drag, zoom and selection events on mobile devices.

find testcase here: http://www.camunda.org/share/#/process/ba2e88c3-adbd-47fe-af51-7308cefce455

AT:

• all BPMN elements can be draged from one place and dropped to another
• the BPMN 2.0 model/XML is updated accordingly

Tasks:

• implement move internals
• implement visuals

Need to scale the shapes to width and height as set in the DI.

• Move 'path' strings to PathMap
• Use getScaledPath() in BpmnRenderer to get a correctly scaled data object

See also #21

Terms of Use
The following terms apply if you use the demo application on http://bpmn.io/demo:

The service is free.
There is no guarantee on the availability of this service.
Use of the service is at your own sole risk on a "as is" basis.
There is no warranty of any kind of features of this service.
As a user you are obliged to observe applicable laws as well as all rights of third parties in the use of this service.

If your are using the the functionality for embedding your process models via JavaScript, your data is stored unencrypted in our database. Camunda has the right to delete these process models.

The bpmn.io Privacy Policy applies accordingly.

here you can find a test case diagramm: http://www.camunda.org/share/#/process/793ce9ec-4228-406a-af87-583f0ed23cfd

Our logo should be encoded using a data url, so that it can be embedded into viewers.
In addition it should always link back to http://bpmn.io.

Find testcase here: http://www.camunda.org/share/#/process/afd9b53c-3ef6-4300-b2fa-50239ec8869c

(Attention, collapsed subprocesses are not correct rendered)

• Message events
  • Start - EventSub-Process Interrupting
  • Start - EventSub-Process Non-Interrupting
• Timer events
  • Start - EventSub-Process Interrupting
  • Start - EventSub-Process Non-Interrupting
• Escalation events
  • Start - EventSub-Process Interrupting
  • Start - EventSub-Process Non-Interrupting
• Conditional events
  • Start - EventSub-Process Interrupting
  • Start - EventSub-Process Non-Interrupting
• Error events
  • Start - EventSub-Process Interrupting
• Compensation events
  • Start - EventSub-Process Interrupting
• Signal events
  • Start - EventSub-Process Interrupting
  • Start - EventSub-Process Non-Interrupting
• Multiple events
  • Start - EventSub-Process Interrupting
  • Start - EventSub-Process Non-Interrupting
• Parallel Multiple events
  • Start - EventSub-Process Interrupting
  • Start - EventSub-Process Non-Interrupting

Visualize BPMN diagram via diagram-js.

Related to #3

Add drag controls to the canvas to allow an easier navigation in diagrams when being zoomed in.

The BPMN model functionality (i.e. parsing and writing BPMN 2.0 XML) should be available in a package outside the bpmn-js so that other libraries may easily reuse it.

Problem: the event inside the event based gateway had to be drawn with a double thin line (like an intermediate multiple event). Currently is looks more like a start event

AT:

• labels can be entered for tasks (inside element), events and gateways (outside element)
• line breaks can be entered by the user

This is easy for primitives like rect, circle but for elements based on paths its difficult.

The easy way to simply transform(scale(x,y)) a path to match with the given width and height will not work as stroke-width is also scaled.
vector-effect="non-scaling-stroke" could help but will not work in all browser/viewers.

Potentially we need to change the path prior first rendering i.E. customize the 'd' attribute for the given bounding box height and width.

• flows are layouted on initial create (SequenceFlow + MessageFlow)
• flows are repaired on re-layout

• if a subprocess or an event subprocess is collapsed, the elements inside the subprocess are not rendered

We should use the comprehensive test suite for bpmn created by the MIWG as parts of our test suite.

BPMN allows us to attach extension elements as part of a BPMN 2.0 document.

<bpmn2:extensionElements>
    <vendor:info key="bgcolor" value="#ffffff"/>
    <vendor:info key="rolle" value="[]"/>
</bpmn2:extensionElements>

We should be able to

• read diagrams containing extension elements
• serialize extension elements back to BPMN 2.0 XML

• testcase can be found here: http://www.camunda.org/share/#/process/5b5bb028-0bf8-47cd-9633-74e5398a132f

• testcase here (attention, sublane not working!!!): http://www.camunda.org/share/#/process/40a2699c-6af7-4261-ad4d-81a55f02a75c