Jump to: navigation, search

Difference between revisions of "QuantumClientGUI"

m
 
(6 intermediate revisions by 3 users not shown)
Line 1: Line 1:
__NOTOC__
+
The Quantum GUI should expose all tenant operations exposed as part of the core Quantum API.
The Quantum GUI should expose all capabilities exposed as part of the core Quantum API.
 
  
Communication with Quantum should be over the tenant web services API.
+
Communication with Quantum should be over the tenant web services API.
  
 
Key operations include
 
Key operations include
 +
 
* creation/modify/delete networks
 
* creation/modify/delete networks
* view set of available interfaces exposed by "interface services"  
+
* view set of available interfaces exposed by "interface services"
* attach/detach those interfaces from networks.  
+
* attach/detach those interfaces from networks.
 +
 
 +
Some representation of additional attributes exposed by [[QuantumAPIExtensions]] may be desirable as well (e.g. QoS, ACL's, etc).  An example template for this GUI would be the work to modify [[OpenStack]] dashboard for the Quantum demo given at the Diablo summit.  The bulk of the code can be done in a "django-quantum" module.
 +
 
 +
This work may benefit from shared client library code with the [[QuantumClientCLI]] work.
 +
 
 +
Screenshots from the latest development branch of the dashboard:
 +
 
 +
Homepage:
 +
 
 +
[[Image:dashboard_instances.png]]
 +
 
 +
List of networks:
 +
 
 +
[[Image:dashboard_network_home.png]]
 +
 
 +
Create a network:
 +
 
 +
[[Image:dashboard_network_create.png]]
 +
 
 +
Network created:
 +
 
 +
[[Image:dashboard_network_created.png]]
 +
 
 +
Network details:
 +
 
 +
[[Image:dashboard_network_detail.png]]
 +
 
 +
Create ports:
 +
 
 +
[[Image:dashboard_port_create.png]]
 +
 
 +
Ports created:
 +
 
 +
[[Image:dashboard_port_created.png]]
 +
 
 +
Attach port:
 +
 
 +
[[Image:dashboard_port_attach.png]]
 +
 
 +
VIF Select:
 +
 
 +
[[Image:dashboard_select_vif.png]]
 +
 
 +
Port Attached:
 +
 
 +
[[Image:dashboard_port_attached.png]]
 +
 
 +
Delete Port:
 +
 
 +
[[Image:dashboard_port_delete.png]]
 +
 
 +
Delete Confirmation:
 +
 
 +
[[Image:dashboard_port_delete_confirm.png]]
 +
 
 +
Port Delete error:
 +
 
 +
[[Image:dashboard_port_delete_error.png]]
 +
 
 +
Port deleted:
 +
 
 +
[[Image:dashboard_port_deleted.png]]
 +
 
 +
Turn port UP:
 +
 
 +
[[Image:dashboard_port_up.png]]
 +
 
 +
Port activated:
 +
 
 +
[[Image:dashboard_port_upped.png]]
 +
 
 +
Turn Port Down:
 +
 
 +
[[Image:dashboard_port_down.png]]
 +
 
 +
Port turned down:
 +
 
 +
[[Image:dashboard_port_downed.png]]
 +
 
 +
Rename network:
 +
 
 +
[[Image:dashboard_network_rename.png]]
 +
 
 +
Network renamed:
 +
 
 +
[[Image:dashboard_network_renamed.png]]
 +
 
 +
Delete Network:
 +
 
 +
[[Image:dashboard_network_delete.png]]
 +
 
 +
Delet error (connected ports):
 +
 
 +
[[Image:dashboard_network_delete_error.png]]
 +
 
 +
Network deleted:
  
An example template for this GUI would be the work to modify [[OpenStack]] dashboard for the Quantum demo given at the Diablo summit.
+
[[Image:dashboard_network_deleted.png]]

Latest revision as of 21:42, 16 February 2013

The Quantum GUI should expose all tenant operations exposed as part of the core Quantum API.

Communication with Quantum should be over the tenant web services API.

Key operations include

  • creation/modify/delete networks
  • view set of available interfaces exposed by "interface services"
  • attach/detach those interfaces from networks.

Some representation of additional attributes exposed by QuantumAPIExtensions may be desirable as well (e.g. QoS, ACL's, etc). An example template for this GUI would be the work to modify OpenStack dashboard for the Quantum demo given at the Diablo summit. The bulk of the code can be done in a "django-quantum" module.

This work may benefit from shared client library code with the QuantumClientCLI work.

Screenshots from the latest development branch of the dashboard:

Homepage:

Dashboard instances.png

List of networks:

Dashboard network home.png

Create a network:

Dashboard network create.png

Network created:

Dashboard network created.png

Network details:

Dashboard network detail.png

Create ports:

Dashboard port create.png

Ports created:

Dashboard port created.png

Attach port:

Dashboard port attach.png

VIF Select:

Dashboard select vif.png

Port Attached:

Dashboard port attached.png

Delete Port:

Dashboard port delete.png

Delete Confirmation:

Dashboard port delete confirm.png

Port Delete error:

Dashboard port delete error.png

Port deleted:

Dashboard port deleted.png

Turn port UP:

Dashboard port up.png

Port activated:

Dashboard port upped.png

Turn Port Down:

Dashboard port down.png

Port turned down:

Dashboard port downed.png

Rename network:

Dashboard network rename.png

Network renamed:

Dashboard network renamed.png

Delete Network:

Dashboard network delete.png

Delet error (connected ports):

Dashboard network delete error.png

Network deleted:

Dashboard network deleted.png