Would there be interest in a revamped webui?

[jon-walton]

Community Note

• Please vote on this issue by adding a 👍 reaction to the original issue to help the community and maintainers prioritize this request. Searching for pre-existing feature requests helps us consolidate datapoints for identical requirements into a single place, thank you!
• Please do not leave "+1" or other comments that do not add relevant new information or questions, they generate extra noise for issue followers and do not help prioritize the request.
• If you are interested in working on this issue or have submitted a pull request, please leave a comment.

---

• I'd be willing to implement this feature (contributing guide).

Hi and thank you maintainers for working on a tool many of us use almost every day!

In my team, we're starting to reach limitations in the comment based workflow so we've taken a look at enhancements we can make and hopefully contribute back to the project. The main concern is around managing the workflow of a change with many projects being planned / applied multiple times (due to errors, more commits, etc). it's not unheard of for us to have a pr with 300+ comments due to... reasons 😢

One of the enhancements is making the web ui useful in more areas around pr management. We currently have 10+ prs with [many] jobs which results in quite the long list in the existing ui. We're also experiencing pain with websocket stability for the live output

Would there be interest in a pull request to upstream the new ui? (+22k, -2k lines across 87 files).

Our next feature for use internally (and upstream if desired) is to optionally have atlantis post a comment at the top of the pr and keep it updated with stats, and optionally not post comments to the pr, therefore we'll rely on the new ui

Attached are some screenshots from my dev instance

pr list grouped by repository showing aggregate stats from the projects

details of the pr showing status of the projects

details of a project with output of each previous (or live) run. each section is collapsable. command output is now persisted in the database and cleaned up with everything else when the project is unlocked

locks with button to unlock all projects in a pr

list of currently running jobs grouped by pr

live job output. replaces websockets with sse for reliability

settings page for turning off applies (when it's off, the sidebar goes red for all pages)

[userbradley]

I really like the UI you've come up with!

One issue I see tho:

and optionally not post comments to the pr, therefore we'll rely on the new ui

Most users will never look at the UI unless the plan errors for some reason. Having users now have to login to another UI when their MR/PR plans is another tab to get lost and side tracked in.

I for one work in an env where the UI is not really used at all, as it only provides an overview of what's running, not much interaction

One thing I really love in your UI is the PR/MR's grouped by repo. That's amazing!

Would you at all be interested in releasing the internal version to the public for users like my self to have a play with?

[jon-walton]

😳 thanks!

that's a great point regarding people not looking at the ui and just doing a rubber stamp on the pr. it's not something we've actually sat down to think in detail about yet. I somewhat regret putting that line in my original post actually because it's unrelated to this exact ui work

I'll need to check if we can release our build, possibly not. I'll look at making the branch available in some form anyway

[jon-walton]

hi @userbradley give this a go and lemme know how you get on? https://github.com/jon-walton/atlantis/tree/feature/webui-clean

there's a script that'll seed a local dev database. run go run ./scripts/seed-db (server needs to be stopped).

when the server is running with --dev flag, you can create test jobs

  # Default test job - standard terraform plan output
  curl "http://localhost:4141/jobs/test"

  # Slow output - simulates a long-running plan with delays between lines
  curl "http://localhost:4141/jobs/test?pattern=slow"

  # Burst output - rapid stream of output to test buffering
  curl "http://localhost:4141/jobs/test?pattern=burst"

  # Color output - ANSI colored terraform output (add/change/destroy highlights)
  curl "http://localhost:4141/jobs/test?pattern=colors"

  # Error output - simulates a failed terraform run with error messages
  curl "http://localhost:4141/jobs/test?pattern=error"

  # Long output - extended job with many resources
  curl "http://localhost:4141/jobs/test?pattern=long"

  # Custom repo/PR - job linked to specific PR for testing PR detail page
  curl "http://localhost:4141/jobs/test?repo=acme/infrastructure&pr=42"

  # Apply step - simulates an apply job instead of plan
  curl "http://localhost:4141/jobs/test?step=apply&pattern=slow"

defined here https://github.com/jon-walton/atlantis/blob/feature/webui-clean/server/controllers/jobs_controller.go#L301-L348