Instance Details Redesign
Summary
=======
This is a redesign of the instance details page which will incorporate the UX collaboration done in the community before during and after the Kilo design summit. It will be based on angular and will incorporate many aspects of the development being done for the following blueprints:
https:/
https:/
Motivation
========
The instance is one of the most important interactions that users have with OpenStack. The current instance details form has been received poorly by new users and causes OpenStack to be unapproachable. We want to enable a more modern UI that is also more end-consumer friendly.
Description
=========
The instance detail panel will include a modern layout, access to enhanced descriptions, and an improved help system.
We will leverage widgets being done for identity management and launch instance to help improve consistency and reusability.
The UX mockups will provide the majority of the details.
The Instance Details screen currently includes an Actions pull-down that is a Django construct.
This feature should be implemented as a generic feature (e.g. an Angular directive) that can be used in other similar screens.
UX
===
The design is being done with the community and will be continued to be iterated on as necessary.
Wireframes, Mocks, Videos and UI Markup
-------
The user experience has been mocked up through many rounds of iteration with the community:
The iteration in the community has led to the following concepts being incorporated:
* Be approachable to new users with information and help readily available
* Ease of navigation between sections of information
* Provide quick access to advanced settings for advanced users
Testing
======
Reviewers will be able to pull the patch from Gerritt.
Outside Dependencies
==================
Is this functionality already supported in other services? Yes.
List the appropriate API calls and if they are extensions or base API functionality. The below are all the existing APIs that are base functionality which will be used. The below is the list of APIs that will likely be called, but they will only be called in a lazy loading fashion if the user accesses a tab that requires the information or performs an action the requires the API.
api.glance.
api.glance.
api.glance.
api.cinder.
api.cinder.
quotas.
api.nova.
api.nova.
api.nova.
api.network.
api.neutron.
api.neutron.
api.neutron.
api.nova.
Requirements Update Required
=======
None
Doc Impact
=========
Only docs that have screenshots or discussion of the current details page should be affected.
Blueprint information
- Status:
- Complete
- Approver:
- David Lyle
- Priority:
- Medium
- Drafter:
- Travis Tripp
- Direction:
- Needs approval
- Assignee:
- Matt Borland
- Definition:
- Obsolete
- Series goal:
- None
- Implementation:
- Good progress
- Milestone target:
- None
- Started by
- Travis Tripp
- Completed by
- Rob Cresswell
Related branches
Related bugs
Sprints
Whiteboard
Gerrit topic: https:/
Addressed by: https:/
Metadata display widget
Gerrit topic: https:/
Addressed by: https:/
WIP - Instance Details UX/Angular redesign
Addressed by: https:/
Angular Filter files
Addressed by: https:/
Nova Flavor Server Extensions Rest APIs - Angular
Addressed by: https:/
WIP - Image Details UX/Angular redesign
Addressed by: https:/
Add New UX CSS for Upcoming Detail Screens
Gerrit topic: https:/
Addressed by: https:/
Keystone REST API single project GET
[david-lyle | 2015-03-17] Moving out of kilo.
Addressed by: https:/
WIP - Detail-page directives
Addressed by: https:/
Image Detail Redesign (Angular/UX)
Addressed by: https:/
Add Get Instances Rest API
[robcresswell 2017-02-21]
Marking obsolete as the work will be under any future angular instances development
Work Items
Dependency tree
* Blueprints in grey have been implemented.