Uploaded image for project: 'Kogito'
  1. Kogito
  2. KOGITO-8445

SWF Diagram Viewer - Orthogonal lines

XMLWordPrintable

    • 2022 Week 50-02 (from Dec 12), 2023 Week 03-05 (from Jan 16), 2023 Week 06-08 (from Feb 6)

      Scope: Serverless Workflow Diagram Editor

      Goal: Move from the use of regular poly-lines to the use of orthogonal poly-lines.

      Actions

      • Usage of orthogonal polylines, instead of actual regular ones
      • Usage of multiple end nodes, instead to connectors pointing a single end node, each ending state will point to its "own" ending node
      • Nodes with 1 incoming connection must be connected to top magnet
      • Nodes with 1 outgoing connection must be connected to the bottom magnet
      • Long transitions crossing multiple layers shall not overlap states
      • States with multiple outgoing transitions crossing multiple layers must not overlap each other horizontally
      • Two transitions with same source and target shall not overlap each other (check kubesmarts).
      • Transition labels when present must be placed in the middle of the longest segment, and should remain on the same position on mouse hover
      • States with a backward transition to its source state, in the immediate layer above, shall not be overlaped by its backward transition 
      • Long backward transitions shall not overlap states in the way to its target
      • Close KOGITO-7197 once this work done

      Examples of overlapping identified issues

      *filling-a-glass-of-water.sw.json

      Known Issues

      • Transitions pointing to immediate layer below may overlap nodes depending on the distribution of states in that layer
      • States with multiple transitions crossing multiple layers may overlap each other vertically
      • Transitions may cross other transitions depending on the state's distribution

      Acceptance criteria

      All actions listed above are fulfilled.

        1. orchestration.sw.json
          4 kB
        2. lines-overlapping.png
          lines-overlapping.png
          128 kB
        3. image-2023-02-09-20-48-51-716.png
          image-2023-02-09-20-48-51-716.png
          9 kB
        4. image-2023-02-09-20-45-10-972.png
          image-2023-02-09-20-45-10-972.png
          25 kB
        5. image-2023-02-09-20-42-00-002.png
          image-2023-02-09-20-42-00-002.png
          7 kB
        6. image-2023-02-09-20-38-13-896.png
          image-2023-02-09-20-38-13-896.png
          19 kB
        7. image-2023-02-09-20-31-07-421.png
          image-2023-02-09-20-31-07-421.png
          17 kB
        8. image-2023-02-09-20-30-36-821.png
          image-2023-02-09-20-30-36-821.png
          6 kB
        9. image-2023-02-09-20-30-08-149.png
          image-2023-02-09-20-30-08-149.png
          2 kB
        10. image-2023-02-09-20-28-26-479.png
          image-2023-02-09-20-28-26-479.png
          16 kB
        11. image-2023-02-09-20-27-11-158.png
          image-2023-02-09-20-27-11-158.png
          10 kB
        12. image-2023-02-09-20-26-17-082.png
          image-2023-02-09-20-26-17-082.png
          30 kB
        13. image-2023-02-09-20-24-02-964.png
          image-2023-02-09-20-24-02-964.png
          8 kB
        14. image-2023-02-09-20-22-54-085.png
          image-2023-02-09-20-22-54-085.png
          27 kB
        15. image-2023-02-09-20-21-34-585.png
          image-2023-02-09-20-21-34-585.png
          18 kB
        16. image-2023-02-09-20-19-56-732.png
          image-2023-02-09-20-19-56-732.png
          27 kB
        17. filling-a-glass-of-water.sw.json
          0.9 kB
        18. book-lending.sw.json
          3 kB

              handreyrc Handrey Cunha
              romartin@redhat.com Roger Martinez
              Lubomir Terifaj Lubomir Terifaj
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: