Script Generator: Improve user interface

[DominicOram]

As a user of the script generator I would like the user interface to feel intuitive and uncluttered. Currently buttons have been added to the user interface for every new feature without much thought as to the holistic view of the generator. We should tidy this up using tools such as:

• Icons rather than large buttons
• Right click menus

Acceptance Criteria

• The Script Generator is less cluttered
• All functionality is still present and it is intuitive on how to access it - if possible ask a scientist to test it
• There is documentation on how to use the view (e.g. update https://github.com/ISISComputingGroup/ibex_user_manual/wiki/Using-the-Script-Generator)
• If appropriate right click menu for some options

Notes

• Thought should be given to future iteration which will allow the user to have multiple tables for different sorts of actions, within one. Positions and sort of user buttons should still work.
• Also remember that this is a screen in IBEX GUI as well as part of the stand alone app.
• Use excel as a guide most people can use it but also remember that this application is different because excel has infinite cells in all directions and we do not.

[DominicOram]

If we're not doing this for cycle 01/2021 we should at least update https://github.com/ISISComputingGroup/ibex_user_manual/wiki/Using-the-Script-Generator to be correct

[kjwoodsISIS]

Attached is a mockup of how the UI might appear using smaller, icon buttons, rather than long, wordy button names. The mockup also shows how the name of the file and an indicator that the file has not been saved (since last modified) might appear.

The icons are, from left to right:

• Load Parameters
• Save Parameters
• Save Parameters As
• Generate Script
• Add Action to End
• Insert Action Below
• Delete Selected Action
• Clear All Actions Each button could have a tooltip to explain what its purpose is (if it is not obvious). I'm happy for others with more artistic talent to create alternative icons.

[DominicOram]

Might be good to do https://github.com/ISISComputingGroup/IBEX/issues/5967 at the same time

[JamesKingWork]

I propose that we remove the "Get Validity Errors" button in the top right as I believe it is not used and does not display the information nicely anyway

[JamesKingWork]

Some more ideas:

• Dragging and dropping to insert actions, clicking to add to end (this will help when we can select the script definition for each action)
• Expand and collapse of parameters and output read-only columns

[ThomasLohnert]

Consider having different UI layouts for different levels of requirements (e.g. reflectometry compared to Muons)

[ThomasLohnert]

Simple words are better than complex words or icons (icons are difficult to describe to users on the phone).

examples:

• "generate script" -> "save script" (to the users, the table IS the script, the distinction to the generated python code is unimportant)
• "action" -> "line"

[ThomasLohnert]

Feedback from Muons: more important for the table to extend vertically, not horizontally