Quantum Client GUI

Registered by dan wendlandt

Having a GUI to demonstrate the base Quantum functionality will be critical to helping people understand the value of Quantum and provide feedback. The Dashboard for Openstack has achieved official "incubator" status as of June 2011, so a logical starting point would be add a representation of Quantum there.

Blueprint information

Status:
Complete
Approver:
None
Priority:
Low
Drafter:
Mark T. Voelker
Direction:
Needs approval
Assignee:
Mark T. Voelker
Definition:
Approved
Series goal:
None
Implementation:
Implemented
Milestone target:
milestone icon diablo-rbp
Started by
Mark T. Voelker
Completed by
dan wendlandt

Whiteboard

Mockup work in progress.
* Needs labels (easier to deal with than UUID's)
* Workflow: Should we also be able to manipulate connections via the Instances menu?
* Should one be able to detatch-and-delete a port all in one fell swoop? These are separate operations under then hood, but a GUI can create a shortcut to do both with a single click if that's desirable.
* How to represent data from extensions (e.g. QoS, ACL's, etc) without clogging things up? We may need to just start simple and evolve as support for those extensions are added.
* Currently Arvind's mockup doesn't take multi-nic into account (e.g. it attaches instanes, not interfaces on the VM). That will need to change, obviously.

Note: Dashboard has moved from LP to GitHub for code hosting. Arvind has put out a new branch based on Tyler's client library there (this is by no means complete, but those wanting to track progress can start watching it): 

https://github.com/CiscoSystems/dashboard-quantum-beta

Screenshots for those who don't want to try installing the code can be found here:
http://wiki.openstack.org/QuantumClientGUI

(note the feedback above, most of which hasn't been incorporated yet)

=== Somik's Feedback ===

Thanks for the great work, having UI for the next design summit is going to give us a great demo platform and help evangelize the project.

I have a few additional comments in addition to comments above:

1) Networks Tab
     - I suggest renaming "Delete?" to "Actions" - Much more consistent with rest of dashboard as well as provides the flexibility to have multiple actions grouped here under a single tab, obviously if we have too many actions, we'll have to evolve the UI at a later point.
     - Keep the existing "delete" link, and in the future we add more links.

2) Network details page
    - Need a mechanism to go back to the network listing page ( You can always click on "Networks" on left hand menu bar, but it isn't very intuitive, we might have a link on top( like breadcrumbs) that would be helpful...

3) Ports page
    - Rename "Connects" to Attachment
    - Merge Attach, Detach, Delete? columns to "Attach" to make the table more consistent with rest of dashboard.
      * That would make us more consistent with Images, Keys and general dashboard user interaction model. But, I am open to other suggestions.
      * The column contents would look like this:

        [Interface drop down] Attach Detach Delete

     * The links will be grayed out based on the operation the user is allowed to perform, delete operation on already attached port will detach and then delete the port automagically.

Otherwise, I am looking forward to the dashboard stuff completing!

==== End of Somik's feedback ====

(?)

Work Items

This blueprint contains Public information 
Everyone can see this information.