[UI] as UI pages get larger, save | apply workflow becomes bothersome

[Andrew Woodward]

UX Issues.

1) Save or apply button may be at top, or bottom of the screen, it depends on which interface it's in.
2) You have to remember if you have to scroll up, or scroll down to find the save | apply button
3) When you navigate away from a page with pending changes, you have to leave discarding changes, or cancel the request to navigate away. You don't have any choice to save and leave on the popup.

Possible solutions
1) Unify button location.
2) Make controll buttons "float" over the settings so that they are all ways available to click.
3) Add ability to save on navigate away popup.

[Alexandra Morozova (astepanchuk)]

As for #1 - buttons location, could you, please, provide an example where these controls are at the top of the page. As far as I know - Save and Apply buttons are always at the bottom.

As for #2 - we are working on unified solution with "floatable" controls.

As for #3 - I agree with the points. What others think?

[Julia Aranovich (jkirnosova)]

#1 we have control buttons (Cancel, Apply Changes) placed on the top of Add/Edit Nodes screens, for example

#3 I support suggested feature too. But we should also think about data validation when saving

[Nick Bogdanov (nikolay-bogdanov)]

#3 separated into https://bugs.launchpad.net/fuel/+bug/1428633

[OpenStack Infra (hudson-openstack)]

Reviewed: https://review.openstack.org/163747
Committed: https://git.openstack.org/cgit/stackforge/fuel-web/commit/?id=3522ef98aee076825902a65b27012b0c8b0f5af0
Submitter: Jenkins
Branch: master

commit 3522ef98aee076825902a65b27012b0c8b0f5af0
Author: Nick Bogdanov <email address hidden>
Date: Thu Mar 12 13:06:49 2015 +0300

    Adds apply button to unsaved changes dialog

    Introduces unsavedChangesMixin to pages where unsaved changes might
    be lost. When these cases detected user gets a dialog
    prompting to Cancel/Discard/Save their changes.

    Change-Id: I3d370ed1fecdf35d70de98b09c00fc3d96a8d122
    Closes-Bug: #1428633
    Closes-Bug: #1340353
    Closes-Bug: #1441093

[Julia Aranovich (jkirnosova)]

Verified on ISO#286

{"build_id": "286", "build_number": "286", "release_versions": {"2015.1.0-7.0": {"VERSION": {"build_id": "286", "build_number": "286", "api": "1.0", "fuel-library_sha": "ff63a0bbc93a3a0fb78215c2fd0c77add8dfe589", "nailgun_sha": "5c33995a2e6d9b1b8cdddfa2630689da5084506f", "feature_groups": ["mirantis"], "fuel-nailgun-agent_sha": "d7027952870a35db8dc52f185bb1158cdd3d1ebd", "openstack_version": "2015.1.0-7.0", "fuel-agent_sha": "082a47bf014002e515001be05f99040437281a2d", "production": "docker", "python-fuelclient_sha": "1ce8ecd8beb640f2f62f73435f4e18d1469979ac", "astute_sha": "8283dc2932c24caab852ae9de15f94605cc350c6", "fuel-ostf_sha": "1f08e6e71021179b9881a824d9c999957fcc7045", "release": "7.0", "fuelmain_sha": "9ab01caf960013dc882825dc9b0e11ccf0b81cb0"}}}, "auth_required": true, "api": "1.0", "fuel-library_sha": "ff63a0bbc93a3a0fb78215c2fd0c77add8dfe589", "nailgun_sha": "5c33995a2e6d9b1b8cdddfa2630689da5084506f", "feature_groups": ["mirantis"], "fuel-nailgun-agent_sha": "d7027952870a35db8dc52f185bb1158cdd3d1ebd", "openstack_version": "2015.1.0-7.0", "fuel-agent_sha": "082a47bf014002e515001be05f99040437281a2d", "production": "docker", "python-fuelclient_sha": "1ce8ecd8beb640f2f62f73435f4e18d1469979ac", "astute_sha": "8283dc2932c24caab852ae9de15f94605cc350c6", "fuel-ostf_sha": "1f08e6e71021179b9881a824d9c999957fcc7045", "release": "7.0", "fuelmain_sha": "9ab01caf960013dc882825dc9b0e11ccf0b81cb0"}