jaspero/bpmn

@Jaspero/BPMN

A BPMN UI published as a web component.

bpmn's Issues

Import Improvements

• Properly expose import errors
• Let's restrict allowed files to only .xml

Connect sidebar for intermediate timer

See this task for more details
#12

Improve version dialog

• "x" doesn't work
• Let's show a table with "Version", "Created On", "Trigger"

Versions dialog

On the overview component the dropdown menu should have a "view versions" button that opens a dialog listing all existing versions with the option to update and delete any of them. Only the latest version should not be possible to delete.

Condition style

When ever you have a minute please see how this can be styled better. I would like it to neatly fit in the sidebar. At the moment initially it's slim but then as you type it's allowed to expand out of the sidebar.

Test Run

We should have a Test Run button next to the save. This opens a dialog where either you pick from existing predefined test datasets or create a new one.

Test Data Adjustment

I don't like that the size of the dialog is so much smaller while "Loading..." is displayed then when the data loads. The width of the dialog also seems to change depending on what test data I select.

Loading indicator on delete

Import XML

When creating a new BPMN model it should be possible to select an XML file to be imported.

Tags

Connect sidebar for user tasks

Adjust single component to use dispatch

On the "single" component we also need to adjust the integration to use dispatch instead of goto where ever that's necessary.

Confirmation on delete

When hitting delete we need to first ask for confirmation. This should use our web component confirmation.

Connect sidebar for start timer

It should have the options to pick between a date and a cycle

This is how it should be represented in xml

https://docs.camunda.io/docs/components/modeler/bpmn/timer-events/#xml-representation

This is an example of a full process

<?xml version="1.0" encoding="UTF-8"?>
<bpmn:definitions xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:modeler="http://camunda.org/schema/modeler/1.0" xmlns:zeebe="http://camunda.org/schema/zeebe/1.0" xmlns:camunda="http://camunda.org/schema/1.0/bpmn" id="Definitions_1" targetNamespace="http://bpmn.io/schema/bpmn" exporter="Camunda Web Modeler" exporterVersion="4a485f2" modeler:executionPlatform="Camunda Cloud" modeler:executionPlatformVersion="8.0.0" camunda:diagramRelationId="5185a998-1603-4ccf-b6d0-8cbeafd0cdce">
  <bpmn:process id="template-microservice-tutorial" name="Microservice Orchestration Tutorial " isExecutable="true">
    <bpmn:startEvent id="Event_07gqdln" name="Start">
      <bpmn:outgoing>Flow_1olajmy</bpmn:outgoing>
      <bpmn:timerEventDefinition id="TimerEventDefinition_0sghb34">
        <bpmn:timeCycle xsi:type="bpmn:tFormalExpression">R/P1D</bpmn:timeCycle>
      </bpmn:timerEventDefinition>
    </bpmn:startEvent>
    <bpmn:sequenceFlow id="Flow_1olajmy" sourceRef="Event_07gqdln" targetRef="Activity_0nkw611" />
    <bpmn:endEvent id="Event_0d0025v">
      <bpmn:incoming>Flow_0yug4qv</bpmn:incoming>
    </bpmn:endEvent>
    <bpmn:sequenceFlow id="Flow_0yug4qv" sourceRef="Activity_0nkw611" targetRef="Event_0d0025v" />
    <bpmn:serviceTask id="Activity_0nkw611" zeebe:modelerTemplate="io.camunda.connectors.HttpJson.v2" zeebe:modelerTemplateVersion="4" zeebe:modelerTemplateIcon="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjAzMzUgOC45OTk5N0MxNy4wMzM1IDEzLjQ0NzUgMTMuNDI4MSAxNy4wNTI5IDguOTgwNjUgMTcuMDUyOUM0LjUzMzE2IDE3LjA1MjkgMC45Mjc3NjUgMTMuNDQ3NSAwLjkyNzc2NSA4Ljk5OTk3QzAuOTI3NzY1IDQuNTUyNDggNC41MzMxNiAwLjk0NzA4MyA4Ljk4MDY1IDAuOTQ3MDgzQzEzLjQyODEgMC45NDcwODMgMTcuMDMzNSA0LjU1MjQ4IDE3LjAzMzUgOC45OTk5N1oiIGZpbGw9IiM1MDU1NjIiLz4KPHBhdGggZD0iTTQuOTMxMjYgMTQuMTU3MUw2Ljc4MTA2IDMuNzE0NzFIMTAuMTM3NUMxMS4xOTE3IDMuNzE0NzEgMTEuOTgyNCAzLjk4MzIzIDEyLjUwOTUgNC41MjAyN0MxMy4wNDY1IDUuMDQ3MzYgMTMuMzE1IDUuNzMzNTggMTMuMzE1IDYuNTc4OTJDMTMuMzE1IDcuNDQ0MTQgMTMuMDcxNCA4LjE1NTIyIDEyLjU4NDEgOC43MTIxNUMxMi4xMDY3IDkuMjU5MTMgMTEuNDU1MyA5LjYzNzA1IDEwLjYyOTggOS44NDU5TDEyLjA2MTkgMTQuMTU3MUgxMC4zMzE1TDkuMDMzNjQgMTAuMDI0OUg3LjI0MzUxTDYuNTEyNTQgMTQuMTU3MUg0LjkzMTI2Wk03LjQ5NzExIDguNTkyODFIOS4yNDI0OEM5Ljk5ODMyIDguNTkyODEgMTAuNTkwMSA4LjQyMzc0IDExLjAxNzcgOC4wODU2MUMxMS40NTUzIDcuNzM3NTMgMTEuNjc0MSA3LjI2NTEzIDExLjY3NDEgNi42Njg0MkMxMS42NzQxIDYuMTkxMDYgMTEuNTI0OSA1LjgxODExIDExLjIyNjUgNS41NDk1OUMxMC45MjgyIDUuMjcxMTMgMTAuNDU1OCA1LjEzMTkgOS44MDkzNiA1LjEzMTlIOC4xMDg3NEw3LjQ5NzExIDguNTkyODFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K">
      <bpmn:extensionElements>
        <zeebe:taskDefinition type="io.camunda:http-json:1" />
        <zeebe:ioMapping>
          <zeebe:input source="noAuth" target="authentication.type" />
          <zeebe:input source="GET" target="method" />
          <zeebe:input source="https://google.com" target="url" />
          <zeebe:input source="20" target="connectionTimeoutInSeconds" />
        </zeebe:ioMapping>
        <zeebe:taskHeaders>
          <zeebe:header key="retryBackoff" value="PT0S" />
        </zeebe:taskHeaders>
      </bpmn:extensionElements>
      <bpmn:incoming>Flow_1olajmy</bpmn:incoming>
      <bpmn:outgoing>Flow_0yug4qv</bpmn:outgoing>
    </bpmn:serviceTask>
  </bpmn:process>
  <bpmndi:BPMNDiagram id="BPMNDiagram_1">
    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="template-microservice-tutorial">
      <bpmndi:BPMNShape id="Event_1rveo3s_di" bpmnElement="Event_07gqdln">
        <dc:Bounds x="152" y="82" width="36" height="36" />
        <bpmndi:BPMNLabel>
          <dc:Bounds x="158" y="125" width="25" height="14" />
        </bpmndi:BPMNLabel>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="Event_0d0025v_di" bpmnElement="Event_0d0025v">
        <dc:Bounds x="392" y="82" width="36" height="36" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape id="Activity_1m0vi3i_di" bpmnElement="Activity_0nkw611">
        <dc:Bounds x="240" y="60" width="100" height="80" />
      </bpmndi:BPMNShape>
      <bpmndi:BPMNEdge id="Flow_1olajmy_di" bpmnElement="Flow_1olajmy">
        <di:waypoint x="188" y="100" />
        <di:waypoint x="240" y="100" />
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge id="Flow_0yug4qv_di" bpmnElement="Flow_0yug4qv">
        <di:waypoint x="340" y="100" />
        <di:waypoint x="392" y="100" />
      </bpmndi:BPMNEdge>
    </bpmndi:BPMNPlane>
  </bpmndi:BPMNDiagram>
</bpmn:definitions>