Wikidata/Development/UI editing story

Purpose of this story

prevent the user from editing multiple values at the same time
make it more obvious what part of an item is currently in edit mode

How to achieve this

disable all edit-elements (those are edit-buttons, add-buttons, remove-buttons) except those of the (one) value which is currently being edited
keep all edit-elements disabled while the save/remove request is going on. wait until success or an failure is returend.
highlight the row or block which is currently in edit-mode

Detailed explanation

Currently there are these sections of an item which can be edited seperately:

label
description
aliases
each sitelink

Each of those sections can be in view-mode or in edit-mode. Entering the edit-mode of one section (by clicking edit/add/remove) will trigger all other edit-elements to be disabled.

Example

user clicks "edit" beside the label
the label switches to edit-mode
all other edit-, add- and remove-links (currently those for description, aliases and sitelinks) get disabled
user changes the label and clicks save
ajax-request is sent to the server and some sort of "loading/saving" symbol is shown telling the user that a request is going on
all edit-elements stay disabled and the loading-symbol stays visible until the request returns
on success we move to view-mode for the label and all edit-elements get enabled again
on failure the label stays in edit-mode while all other edit-elements stay disabled and an error is displayed (currently inside a bubble-tooltipp)

Sum up

edit-elements get disabled
- while something is in edit-mode
- during an ajax-request
edit-elements are enabled
- while nothing is in edit-mode
- when an ajax-request returns success
- when "cancel" is pressed in edit-mode