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

SWF Viewer - Drop of SVG shapes. Improve UX for hover/selection states.

    XMLWordPrintable

Details

    • 2022 Week 29-31 (from Jul 18), 2022 Week 32-34 (from Aug 8), 2022 Week 35-37 (from Aug 29), 2022 Week 38-40 (from Sept 19), 2022 Week 41-43 (from Oct 10), 2022 Week 44-46 (from Oct 31)

    Description

      Goal #1

      Drop the internal use of SVG shapes (view) generation, and replace the shapes for the whole SWF domain by custom lienzo implementations.

      • Remove org.kie.kogito.stunner.serverless.editor:kie-wb-common-stunner-svg-client module
      • Remove org.kie.kogito.stunner.serverless.editor:kie-wb-common-stunner-svg-gen module
      • Remove SVG shapes and replace it with custom lienzo implementation
      • Remove Decorators from Shapes
      • Activate HIGHLIGHTED mode for shapes from stunner shape state handlers

      Goal #2

      Currently two node selection states are supported:

      • Default (not selected)
      • Selected (user selection)

      The goal of this task is to implement the "Hover" state using the design proposal from UX:

       UX Proposal

      This way nodes will support three selection states as depicted below:

      • Default (not selected)
      • Selected  (user selection)
      • Hover (mouse pointer over the state area)

      Expected behaviour:

      • Module org.kie.kogito.stunner.serverless.editor:kie-wb-common-stunner-svg-client removed
      • Module org.kie.kogito.stunner.serverless.editor:kie-wb-common-stunner-svg-gen removed
      • Visually shapes and transitions should be changed in a way:
        • Default: #FFFFFF fill with #CCCCCC outline
        • Hover: #FFFFFF fill with #4F5255 outline
        • Selected: #E7F1FA fill with #0066CC outline with shadow
      • On mouse over the borders are highlighted
      • On selection node is moved to selected state and over is not applying anymore

      Attachments

        Issue Links

          Activity

            People

              kgaevski@redhat.com Kirill Gaevskii
              romartin@redhat.com Roger Martinez
              Dominik Hanak Dominik Hanak
              Dominik Hanak Dominik Hanak
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: