CogniCrypt icon indicating copy to clipboard operation
CogniCrypt copied to clipboard

Improve wizard interface for the task selection page

Open marvinvo opened this issue 3 years ago • 4 comments

Signed-off-by: Marvin Philipp Vogel [email protected]

Description

This commit changes the gui for the code generators task selection. It shows all titles and descriptions of the task next to their buttons and not only the button, but also the text is clickable. It also removes the arbitrarily default selected task, so the user has to actively choose a task before he could continue.

Screenshot of old page: Old

Screenshot of new page: New

Type of change

  • [ ] Bug fix (non-breaking change which fixes an issue)
  • [x] New feature (non-breaking change which adds functionality)
  • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • [x] This change requires a documentation update
    • pictures of the page would need an update

How Has This Been Tested?

  • [x] Manually checking all navigation options and resizing window

Test Configuration:

  • Eclipse Version: 4.21.0
  • Java Version: 1.8
  • OS: macOS

Checklist:

  • [x] I have performed a self-review of my own code
  • [x] I have commented my code, particularly in hard-to-understand areas
  • [ ] I have made corresponding changes to the documentation
  • [x] My changes generate no new warnings
  • [ ] I have added tests that prove my fix is effective or that my feature works
  • [ ] New and existing unit tests pass locally with my changes

marvinvo avatar Oct 13 '21 13:10 marvinvo

  • [ ] Can you change the icons with their respective explanation into one clickable button?

  • [ ] Can you also add shadows to the buttons?

schlichtig avatar Oct 13 '21 15:10 schlichtig

  • [ ] Can you change the icons with their respective explanation into one clickable button?

Buttons cannot hold a layout. Hence it is not possible to put all text well formatted into it. A workaround is, to put the current button into the group with the text.

  • [ ] Can you also add shadows to the buttons?

So with the workaround, the button is actually a SWT Group. You can add shadow as a style to each group, but on my display it didn't show any effect.

Futhermore I tried to work with different colors for the selected items, but that will lead to issues with different color themes, e.g. the dark mode. An alternative is, to make the button a radio button. A screenshot of how it would look like is here:

New2

marvinvo avatar Oct 14 '21 13:10 marvinvo

@marvinvo Is the screen sizable? If so, do we have scrollbars or a dynamic button layout so everything can be visible. E.g in the last screenshot it looks like the last item group got cut off.

AnakinRaW avatar Oct 18 '21 07:10 AnakinRaW

@marvinvo Is the screen sizable? If so, do we have scrollbars or a dynamic button layout so everything can be visible. E.g in the last screenshot it looks like the last item group got cut off.

The window is resizeable. Also all items are contained in a ScrollableComposite, which can scroll vertically and horizontally through the list. I could try to make the scrollbar permanently visible when content is overflowing.

marvinvo avatar Oct 18 '21 08:10 marvinvo