Page MenuHomePhabricator

Show a loading indicator for suggestions
Closed, ResolvedPublic

Description

In the Translations dashboard, users can access the suggestions view. When landing in the suggestions view some suggestions are loaded immediately, but other suggestions appear after a few seconds.

We should communicate better the loading to avoid the new results to come as a surprise.
Showing the three pulsing circles that is used as a loading indicator in the editing view can work here. We can show them at the top of the list of suggestions (right below the title) as part of a new element using Base90 ( #F8F9FA) as background for further distinction.

The idea is illustrated below (although you'll have to imagine the three dots moving):

Details

Related Gerrit Patches:
mediawiki/extensions/ContentTranslation : masterApply box shadow to header/list wrappers on suggestions page
mediawiki/extensions/ContentTranslation : masterShow a loading indicator for suggestions

Event Timeline

Pginer-WMF updated the task description. (Show Details)
Pginer-WMF updated the task description. (Show Details)Oct 13 2017, 9:16 AM

Change 385145 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/ContentTranslation@master] Show a loading indicator for suggestions

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

Petar.petkovic moved this task from Backlog to In Review on the Language-2017-Oct-Dec board.

Change 385145 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Show a loading indicator for suggestions

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

Change 388457 had a related patch set uploaded (by Esanders; owner: Esanders):
[mediawiki/extensions/ContentTranslation@master] Apply box shadow to header/list wrappers on suggestions page

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

Change 388457 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Apply box shadow to header/list wrappers on suggestions page

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

Checked in cx-testing

  • the three pulsing circles are shown when suggestions are being loaded after choosing a new language

  • when "Refresh suggestions" is clicked

Etonkovidova closed this task as Resolved.Nov 9 2017, 9:43 PM
Nikerabbit moved this task from QA to Done on the Language-2017-Oct-Dec board.