(!) the functionality is the same for adding statement as for editing statements, but has been broken into two tickets: T403979 /
as a wikidata editor
I want to be visual informed that the publish process is happening
so that I am not confused
{F66016863}
[[ https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=2456-12235&t=UJD9cq5pwSZ1c2tA-1 | Figma file here ]]
A/C
- when the user initially clicks, the state of the button changes from default to active, to indicate that it is "pressed"
- clicking the button while in active state should have no effect
- if after 300 milliseconds the user is still waiting for feedback, the progress bar should appear
- Apply the progress bar [[ https://doc.wikimedia.org/codex/latest/components/demos/progress-bar.html | progress bar component, ]] as an inline progress bar added to the top margin of the footer
- A message also fades in to explain to the user what is happening - use the [[ https://doc.wikimedia.org/codex/latest/components/demos/message.html | message component ]] as a notice and with fade in.
- for the time being, the message displayed can be "publishing in progress..." but this is most likely not the final copy
- support for message published in T403595, but implementation is only for after the modal is dismissed. So some adjustment to this will be needed
- The width of the message should match the screen underneath. For the edit statement modal, this is currently set to full screen
Note: loading spinner has been used interchangeably with progress bar during this project. They both refer to the blue progress bar
Open Question- what is the minimum amount of time the progress bar should be displayed - Answer: the progress bar is displayed until there is an answer - positive or negative - from the server and the respective message is shown, or until the user quits and leaves the window!