Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI add a side-by-side step-editing experience and filters #5804

Closed
MarkSiedle opened this issue Aug 23, 2019 · 3 comments
Closed

UI add a side-by-side step-editing experience and filters #5804

MarkSiedle opened this issue Aug 23, 2019 · 3 comments
Assignees
Milestone

Comments

@MarkSiedle
Copy link

Background

Side-by-side step-editing

We want to refactor the deployment process list and editing screens so customers can see and interact with their deployment process list while editing/adding new steps. The v4 re-design project always intended to include a side-by-side step-editing experience, but due to time constraints this design was never actioned.

Introducing Process Filtering (and Advanced Filtering)

This issue takes the opportunity to add simple and advanced filters to the process list (and sidebar) so customers can find what they're looking for quickly, with filters persisted while in the given project for ease-of-use. The aim being to improve the quality of life for users only interested in a given channel or environment.

Results

screencapture-localhost-5000-octopus-html-2019-07-16-17_01_37

screencapture-localhost-5000-octopus-html-2019-07-16-17_01_53

Known limitations

User experience

  • You can still only edit one step at a time. While this may seem frustrating, this approach does have its own set of benefits and avoids a heap of edge cases that we're not ready to approach at this point in time. This could be considered for a phase 2.
  • You cannot use the sidebar overflow menu for a step you are currently viewing/editing (we chose this approach to avoid a myriad of potential edge-cases in this first phase (such as things getting out of sync between the sidebar and the step you're viewing/part-way-through-editing). We do intend to try and address this in the future, but that is very much a phase 2 concern).
  • Advanced filters do not update the query string (the complexity of maintaining your advanced filters while clicking between various steps and various menus to get back to your main deployment process made this complicated, so we chose to avoid it for now).
@MarkSiedle MarkSiedle self-assigned this Aug 23, 2019
@MarkSiedle MarkSiedle added this to the 2019.7.13 milestone Aug 23, 2019
@MarkSiedle
Copy link
Author

Release Note: UI adding a side-by-side step-editing experience and filters

@zapr-16
Copy link

zapr-16 commented Oct 12, 2019

After 2019.9.1 LTS I see that the side by side is working but I get a pretty ugly overlapping of the step names onto the right side view, is this expected?

This is happening on the latest version of Chrome and Firefox

image

@lock
Copy link

lock bot commented Jan 10, 2020

This thread has been automatically locked since there has not been any recent activity after it was closed. If you think you've found a related issue, please contact our support team so we can triage your issue, and make sure it's handled appropriately.

@lock lock bot locked as resolved and limited conversation to collaborators Jan 10, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants