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

SWF Editor - Auto-layout improvements

XMLWordPrintable

    • False
    • None
    • False
    • If Release Note Needed, Set a Value
    • Set a Value
    • ---
    • ---
    • 2022 Week 41-43 (from Oct 10), 2022 Week 44-46 (from Oct 31), 2022 Week 47-49 (from Nov 21)

      Primary Actions

      1. All states without specified incoming transition are shown in top left corner. One overlaps each other, and may also overlap the Start node.
        • See no-transition-state.sw.json
        • Solution: Group all states with no incoming transition to the first row, just right to the Start, and once after another in the same row (do not overlap states)

      Secondary Actions

      1. Improving distance between nodes to be constant and result in aligned nodes for all layers
        1. Possible solution: Virtual grid (for properly layouting of rows / cols)
        2. Possible solution: Play with settings (eg: distance)
      2. End shape when having lots of incoming lines
        • This is already reported at https://issues.redhat.com/browse/KOGITO-7197 .
        • Can we fix this in some way too? IMO this doesn't block the UI, but would be nice trying to find some quick win that makes this look better. 
      3. The states with the transition to the first level of states are shown next to the Start node and the Start node is not in the center.
        • TODO: We think there is nothing to  do here, because states with no incoming transition are also "starting poitns" for the wf. At much we can improve the alignment. Clarify with Lubo / Runtimes
        • See start-next-to-state.sw.json
      4. Lines & intersection
        1. The connections intersect the other nodes, or the connections overlap each other.
        2. Connection may intersect other connections. Ex:order-saga-error-handling.sw.json
        3. Connections may intersect states. Ex: order-saga-error-handling.sw.json transition-intersection.sw.json book-lending.sw.json
        4. [UX issue] Some diagrams look like there were not centered properly and they don't look good. Ex: book-lending.sw.json filling-a-glass-of-water.sw.json
        5. [UX issue] The connections intersect with other nodes and located on the opposite side orchestration.sw.json
      1. The states connected with transition are sometimes shown in the same level, but they shouldn't

      Future Actions

      1. Device Viewport - Space saving & nodes distribution

       

        1. transition-intersection.sw.json
          3 kB
        2. start-next-to-state.sw.json
          0.6 kB
        3. same-level.sw.json
          0.5 kB
        4. reusing-function-and-event-definitions.sw.json
          2 kB
        5. order-saga-error-handling.sw.json
          311 kB
        6. orchestration.sw.json
          5 kB
        7. no-transition-state.sw.json
          0.5 kB
        8. filling-a-glass-of-water.sw.json
          0.9 kB
        9. connection-intersects-state.sw.json
          0.6 kB
        10. car-vitals-checks-sub-workflow.sw.json
          0.9 kB
        11. book-lending.sw.json
          3 kB

              eignatow Eder Ignatowicz
              romartin@redhat.com Roger Martinez
              Daniel Rosa Daniel Rosa
              Daniel Rosa Daniel Rosa
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: