[User Story]: Have settings for alternate layout options

[chrisdburr]

Role

As a user

Desired Feature

I want to be able to display an assurance case either horizontally or vertically.

Benefit

So that I can navigate and edit an assurance case to suit my preferences.

Acceptance Criteria

GIVEN a setting in the app has been toggled between vertical or horizontal alignment. WHEN I create or open an assurance case, I should see the case displayed either top-to-bottom (current option) or left-to-right.

Dependencies

No response

Technical Notes

No response

Definition of Done

• [ ] The feature fulfills all acceptance criteria.
• [ ] The code is reviewed and meets team coding standards.
• [ ] All unit, integration, and end-to-end tests are passed.
• [ ] The feature meets accessibility standards set for the project.
• [ ] The code passes the CI/CD pipeline quality controls (style and linting).
• [ ] The feature is merged into the main branch.
• [ ] The feature is deployed and functional in the QA environment.
• [ ] The feature was demonstrated to the team and accepted by the product owner.

[RichGriff]

We can achieve this by switch the layout from 'TB' to 'LR'. However, this means we have to update the logic for the custom nodes handles to appear left and right. This all has to be done dynamically with the user selecting a layout. Will result in a bit of work, to get it working.

[RichGriff]

Myself and @cptanalatriste have looked further into this and can be achieved but with some additional work - by tracking the users preferences on what layout they want to use and also dynamically changing the custom nodes.

Example of vertical layout

[chrisdburr]

Myself and @cptanalatriste have looked further into this and can be achieved but with some additional work - by tracking the users preferences on what layout they want to use and also dynamically changing the custom nodes.

Example of vertical layout

Looks good as a proof of concept, and I don't think the context element will be an issue once we move over to embedding this information as attributes within specific elements. Thanks.