Networking extended help popovers

https://blueprints.launchpad.net/fuel/+spec/network-requirements-popup

Networks and networking parameters on the Network tab should be accompanied by list of requirements and/or instructions how to set up the network settings properly.

Problem description

Networks tab contains many settings and this is not simple UX for the End User.

Networking help popovers need to show all restrictions or requirements for networks or networking parameters to help End User to correctly set up the network setting values.

Proposed changes

Web UI

There will be new informational icons near network or networking parameters titles on the Network Settings tab, if End User mouse hover it, additional information about the requirements will be shown in the popover. These icons are visible in all cases, even if the tab is locked.

Requirements data for popovers will be stored in i18n translations bundle, as well as network descriptions which are alredy used on the Network tab.

The following mockup contains a design how this popover will look like:

../../_images/network-requirements-popup.png

Nailgun

No changes required.

Data model

None.

REST API

None.

Orchestration

No changes required.

RPC Protocol

None.

Fuel Client

No changes required.

Plugins

No changes required.

Fuel Library

No changes required.

Alternatives

None.

Upgrade impact

None.

Security impact

None.

Notifications impact

None.

End user impact

There is Fuel UI change only.

Performance impact

None.

Deployment impact

None.

Developer impact

Network settings developer should provide such instructions for the new network or add new requirements to an existing network.

Infrastructure impact

None.

Documentation impact

The user guide should be updated according to the described feature.

Implementation

Assignee(s)

Primary assignee:
kpimenova (kpimenova@mirantis.com)
Other contributors:
bdudko (bdudko@mirantis.com) - visual design
Mandatory design review:
vkramskikh (vkramskikh@mirantis.com)

Work Items

  1. Visual mockups creation.
  2. JavaScript development of the feature.

Dependencies

None.

Testing, QA

Functional tests should be added to check popovers are shown on UI and contain data.

Acceptance criteria

  • In case if network has a list of restrictions or requirements, they should be shown on Network settings tab.

References

#fuel-ui on freenode