Thanks to visit codestin.com
Credit goes to github.com

Skip to content

CreateWorkspacePageView is too long #15128

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

Open
Tracked by #15143
ggjulio opened this issue Oct 17, 2024 · 3 comments
Open
Tracked by #15143

CreateWorkspacePageView is too long #15128

ggjulio opened this issue Oct 17, 2024 · 3 comments
Labels
customer-requested Features requested by enterprise customers. Only humans may set this. design needed Request for more beauty

Comments

@ggjulio
Copy link
Contributor

ggjulio commented Oct 17, 2024

Workspace creation page is painfully long and force the user to scroll down.

As a owner user with 2 external auths only one coder_parameter fit in the screen.

Image

Additional screenshots :

Image

Image

A similar experience to github codespaces would be nice :

Image


Ideas

  • Reduce the spacing between components.
  • Reduce width of external auth buttons and put them side by side. (3 buttons would fit in a row, a description could show as a tooltip)
  • Makes external auth section much smaller when already connected.
  • Implement dropdown lists similar to github codespaces
  • Remove text Parameters and it's description, and then
    move the title param and descriptions on the same row than the input
  • Or remove text General and it's description
    • Remove text External authentication and it's description.
    • move workspace name, owner, and external auth to the left.
    • Then move parameter list div up in place of current workspace name input.
  • A paging system with a new field page in coder_parameter
    data "coder_parameter" "repository_url" {
      name          = "repository_url"
      page          = 1 # This parameter will appear in page 1
      order         = 1
      display_name  = "Repository URL"
    }
    data "coder_parameter" "target_branch" {
      name          = "target_branch"
      page          = 2 # This parameter will appear in page 2
      order         = 1 # first element of page 2
    }
    data "coder_parameter" "devcontainer_config" {
      name          = "devcontainer_config"
      page          = 2 # In page 2 and after target_branch
      order         = 2
    }
@coder-labeler coder-labeler bot added customer-requested Features requested by enterprise customers. Only humans may set this. design needed Request for more beauty labels Oct 17, 2024
@ggjulio ggjulio changed the title CreateWorkspacePageView is way too long CreateWorkspacePageView is painfully long Oct 17, 2024
@ggjulio ggjulio changed the title CreateWorkspacePageView is painfully long CreateWorkspacePageView is too long Oct 17, 2024
@kylecarbs
Copy link
Member

Entirely agree. Looks yucky

@matifali
Copy link
Member

matifali commented Nov 7, 2024

@chrifro, This could be a good one to improve the UX to create a new workspace.

I remember @BrunoQuaresma also had ideas on converting this page to a wizard where most of the parameters were hidden in an advanced section or 2nd page.

Improving this flow would help us retain new users by making Coder easier to use.

@chrifro
Copy link

chrifro commented Nov 7, 2024

Fully agree. I'll add this issue to my to-do backlog. Thanks for bringing it to my attention 🙌

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
customer-requested Features requested by enterprise customers. Only humans may set this. design needed Request for more beauty
Projects
None yet
Development

No branches or pull requests

4 participants