Page MenuHomePhabricator

a[MEX] M3.1.2 - add progress bar to add statements modal
Closed, ResolvedPublic

Description

(!) T405454 may show that this ticket is not needed

(!) the functionality is the same for adding statement as for editing statements, but has been broken into two tickets: T403979 / T404866

as a wikidata editor
I want to be visual informed that the publish process is happening
so that I am not confused

Screenshot 2025-09-12 at 11.19.28.png (1×1 px, 178 KB)

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 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 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!

Related Objects

Event Timeline

Change #1205098 had a related patch set uploaded (by Hasan Akgün (WMDE); author: Hasan Akgün (WMDE)):

[mediawiki/extensions/Wikibase@master] Add progress bar to modal overlay and add statement modal

https://gerrit.wikimedia.org/r/1205098

Change #1205098 abandoned by Hasan Akgün (WMDE):

[mediawiki/extensions/Wikibase@master] Add progress bar to modal overlay and add statement modal

https://gerrit.wikimedia.org/r/1205098

Change #1205105 had a related patch set uploaded (by Hasan Akgün (WMDE); author: Hasan Akgün (WMDE)):

[mediawiki/extensions/Wikibase@master] Add progress bar to modal overlay and add statement modal

https://gerrit.wikimedia.org/r/1205105

ArthurTaylor renamed this task from [MEX] M3.1.2 - add progress bar to add statements modal to a[MEX] M3.1.2 - add progress bar to add statements modal.Mon, Nov 17, 7:23 AM
ArthurTaylor claimed this task.

Change #1205105 merged by jenkins-bot:

[mediawiki/extensions/Wikibase@master] Add progress bar to modal overlay and add statement modal

https://gerrit.wikimedia.org/r/1205105