vm portal UI redesign -- weekly report

Hi,

Note: A team is working on redesigning the UI of vm portal. This is the first edition of my weekly status report on this project.

[tl;dr pretty screens: https://github.com/oVirt/ovirt-design/pull/6]

project book: n/a (using github issues [1] and ovirt-design [2])
trello: none
(Note: we have been using a google doc [3], but because it's not publicly visible upstream, we are transitioning to github [2].)

Status:
 * last week we iterated on Jenny's design updates.
 * Tomas posted a patch to give us everything needed in the API.
 * The inline edit page is very close to final UI.
 * Liz is beginning interaction design on Add VM.
 * Current designs a missing the network graph --  that can come back. It should look identical to the CPU and Memory, a single total Bandwidth. So three pies.
 * 'Other OS' icon looks awesome but will neutralize the color (gray)
 * change 'asleep' --> 'suspended'
 * Marek + Bohdan + Scott are now coding.
 * Scott can begin immediately with cards that talk to the stats service, and probably others, and will demo a prototype this week

Action items

Scott: prototype of the VM details page
- functioning CPU, Memory, and Network cards
- and as much as possible of everything else :)

Jenny:
- confirmation popups for 'Remove' VM and other actions (ask Marek / Scott for all such actions -- stop, force stop, delete, others?)
- console dialog (console options, edit connection type)
- options dialog (ssh key)
- add a network card, connect it to a network (just a listbox)
- button bar changing when VM is in different states
- add disks
- create snapshot
- gray the Other OS icon

Liz:
- new VM flow (could feature explode -- may want to mimic cockpit's design)

Marek / Bohdan:
- continue coding / creating github issues


[1] github issues:
Redesign main page · Issue #641 · oVirt/ovirt-web-ui
https://github.com/oVirt/ovirt-web-ui/issues/641

Designer review of VM Detail page · Issue #596 · oVirt/ovirt-web-ui
https://github.com/oVirt/ovirt-web-ui/issues/596

convert 'force' actions to secondary dropdown pattern · Issue #588 · oVirt/ovirt-web-ui
https://github.com/oVirt/ovirt-web-ui/issues/588

use modal dialog pattern instead of popover · Issue #587 · oVirt/ovirt-web-ui
https://github.com/oVirt/ovirt-web-ui/issues/587

[2] https://github.com/oVirt/ovirt-design/pull/6

[3] https://docs.google.com/presentation/d/1UavAccggYAqLeXZYnVpyiE6h5tnCJJQMq_fD_iBzflM/edit

Best wishes,
Greg

--

GREG SHEREMETA

SENIOR SOFTWARE ENGINEER - TEAM LEAD - RHV UX

Red Hat NA

gshereme@redhat.com    IRC: gshereme