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

feat: provider creation form #4317

Merged
merged 2 commits into from Oct 16, 2023
Merged

feat: provider creation form #4317

merged 2 commits into from Oct 16, 2023

Conversation

deboer-tim
Copy link
Collaborator

@deboer-tim deboer-tim commented Oct 12, 2023

What does this PR do?

Creating an instance of a Podman Machine or Kubernetes provider had a UI that didn't quite match other places. Switching it to be a FormPage aligns the look and feel with the rest of our UI (header, breadcrumbs, etc.) and fixes things that we've already solved once in all the form pages, e.g. clicking Esc to close (#2853).

Since this page was done a while ago there was some minor restructuring to make this happen:

  • The Resources page has to be marked as a details navigation hint so that the backlink/close button goes back to the correct page.
  • The code to find the provider display name and image (the header info) is moved up from the connection creation page to the provider rendering form.
  • This makes the provider image 'always hidden' on the component, so the property could be removed.

Screenshot/screencast of this PR

Before:

Screenshot 2023-10-12 at 2 05 53 PM Screenshot 2023-10-12 at 2 11 54 PM

After:

Screenshot 2023-10-12 at 1 56 15 PM

Onboarding unchanged.

What issues does this PR fix or reference?

Fixes #2853.

How to test this PR?

Create a Podman machine or Kubernetes provider.

@deboer-tim deboer-tim requested review from benoitf and a team as code owners October 12, 2023 18:18
@deboer-tim deboer-tim requested review from dgolovin, jeffmaury, lstocchi and cdrage and removed request for a team, benoitf, dgolovin and jeffmaury October 12, 2023 18:18
Creating an instance of a Podman Machine or Kubernetes provider currently has
a UI that doesn't quite match other places. Switching it to be a FormPage
aligns the look and feel with the rest of our UI (header, breadcrumbs, etc.)
and fixes things that we've already solved once in all the form pages,
e.g. clicking Esc to close (#2853).

Since this page was done a while ago there was some minor restructuring to
make this happen:
- The Resources page has to be marked as a details navigation hint so that
  the backlink/close button goes back to the correct page.
- The code to find the provider display name and image (header info) is moved
  up from the connection creation page to the provider rendering form and
  onboardig.
- This makes the provider image 'always hidden' on the component, so the
  property could be removed.

Fixes #2853.

Signed-off-by: Tim deBoer <git@tdeboer.ca>
Signed-off-by: Tim deBoer <git@tdeboer.ca>
Copy link
Contributor

@lstocchi lstocchi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

My only doubt is about the header color. It looks to me a bit too dark compared to the rest. I know it depends on the background of the resources section ... it's just an impression.

@deboer-tim
Copy link
Collaborator Author

Noted. I confirmed it is picking up the 'correct' color and it is the same as the top was before, so I think we review the design with Mo later.

@deboer-tim deboer-tim merged commit a1cbf7c into main Oct 16, 2023
9 checks passed
@deboer-tim deboer-tim deleted the machine-form branch October 16, 2023 13:34
@podman-desktop-bot podman-desktop-bot added this to the 1.5.0 milestone Oct 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Clicking ESC on Create new machine/cluster, etc is not closing the window
3 participants