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

CNV-23376: Create new page for InstanceTypes VM creation flow #1001

Merged

Conversation

avivtur
Copy link
Member

@avivtur avivtur commented Dec 14, 2022

Signed-off-by: Aviv Turgeman aturgema@redhat.com

📝 Description

changes introduced by this PR:

  • Changing the Catalog layout to have a horizontal nav layout, had to avoid using HorizontalNav from the console and used Tabs from PF to have an icon and a label in the tab's title.
  • Creating a new page layout for VM creation flow via InstanceTypes CR => CreateFromInstanceTypes, including dividing into sections and changing their styles with the onClick method.
  • Adding a new create option From bootable Volume to VirtualMachine list view create dropdown.

issue
UX design
sub task

🎥 Demo

instance-types-create-layout.mp4

@openshift-ci openshift-ci bot added the approved This issue is something we want to fix label Dec 14, 2022
<StackItem className="co-m-pane__heading">
<Title headingLevel="h1">{t('Create new VirtualMachine')}</Title>
</StackItem>
<StackItem>{t('Select an option to create a VirtualMachine from.')}</StackItem>
Copy link
Member

Choose a reason for hiding this comment

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

We can ask Yifat about this if you want, but the correct English would be "Select an option from which to create a VirtualMachine."

Copy link
Member Author

Choose a reason for hiding this comment

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

I've changed it, thanks :)

@avivtur avivtur force-pushed the instance-type-create-layout branch 3 times, most recently from 6bb63ec to e985e6e Compare December 18, 2022 12:17
@avivtur avivtur changed the title [WIP] CNV-23376: Create new page for InstanceTypes VM creation flow CNV-23376: Create new page for InstanceTypes VM creation flow Dec 18, 2022
@avivtur avivtur force-pushed the instance-type-create-layout branch 2 times, most recently from 2c286a6 to e9ebfdc Compare December 18, 2022 13:03
@avivtur avivtur changed the title CNV-23376: Create new page for InstanceTypes VM creation flow [WIP] CNV-23376: Create new page for InstanceTypes VM creation flow Dec 18, 2022
@avivtur avivtur force-pushed the instance-type-create-layout branch 3 times, most recently from ad920e1 to 19ae73f Compare December 22, 2022 14:28
Signed-off-by: Aviv Turgeman <aturgema@redhat.com>
@avivtur avivtur changed the title [WIP] CNV-23376: Create new page for InstanceTypes VM creation flow CNV-23376: Create new page for InstanceTypes VM creation flow Dec 29, 2022
@pcbailey
Copy link
Member

pcbailey commented Jan 3, 2023

This looks great!

/lgtm

@openshift-ci openshift-ci bot added the lgtm Passed code review, ready for merge label Jan 3, 2023
@openshift-ci
Copy link
Contributor

openshift-ci bot commented Jan 3, 2023

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: avivtur, pcbailey

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@openshift-merge-robot openshift-merge-robot merged commit 08b5e66 into kubevirt-ui:main Jan 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved This issue is something we want to fix lgtm Passed code review, ready for merge
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants