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

consoles: Redesign #2008

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Conversation

mvollmer
Copy link
Member

@mvollmer mvollmer commented Jan 30, 2025

Demo: https://www.youtube.com/watch?v=Y3Q3QcBU8vs

Screenshots:

image

image

image

Alternative:

image

The "edit" button will open the dialog immediately. The popover doesn't have the "Set port and password" button anymore. The "VNC address:port" part is there so that the user has a clue what it is they will be editing when clicking on "edit".

I think this puts too much under the in-page viewer that is not immediately useful. You don't need to know address/port for the in-page viewer, and changing port or password has no effect on the in-page viewer. You don't need to know address/port for "Launch viewer" button, and changing the port has no effect on it.

src/components/vm/consoles/consoles.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/consoles.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/consoles.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vncBody.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vncBody.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/consoles.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
@mvollmer mvollmer force-pushed the console-redesign branch 2 times, most recently from f65bf5f to ace6a87 Compare February 14, 2025 10:27
@mvollmer mvollmer removed the blocked label Feb 14, 2025
@mvollmer mvollmer force-pushed the console-redesign branch 3 times, most recently from 165110f to 4f73613 Compare February 17, 2025 14:05
src/components/vm/consoles/consoles.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/consoles.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/vmDetailsPage.jsx Fixed Show fixed Hide fixed
src/components/vm/vmDetailsPage.jsx Fixed Show fixed Hide fixed
@mvollmer mvollmer force-pushed the console-redesign branch 2 times, most recently from 5137d12 to 8128512 Compare February 17, 2025 14:34
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
src/components/vm/consoles/vnc.jsx Fixed Show fixed Hide fixed
@mvollmer mvollmer force-pushed the console-redesign branch 2 times, most recently from a363668 to ae64118 Compare February 18, 2025 08:24
- A ToggleGroup in the Card header is used to switch consoles

- The console switcher is also there for shut-off machines. This gives
  us a place type-specific actions that also make sense for a shut-off
  machine, like editing VNC server settings.

- The DesktopViewer is gone, but there is a footer with a "Launch
  viewer" button and a "How to connect" popover.

- Actions for the Graphics console are collected into a kebab menu,
  with a separate one for "Send keys".

- The expanded console has less UI around it, and it keeps the type
  that was active in the collapsed view.

- When there is no actual console for a given type, there is now a
  EmptyState component where you can activate it. (VNC and serial)

- It is possible to change VNC server settings via the "How to
  connect" popup.

- The SPICE console invites you to replace it with VNC.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant