Maniphest T286685

Add a progress bar component to WVUI
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	DannyS712
	Jul 14 2021, 10:52 PM

Tags

Referenced Files

None

Subscribers

Tokens

"Like" token, awarded by Jdlrobson.

Description

We should add a progress bar component to indicate background loading
Eventually we will probably want to support a progress level (i.e. controlling how much of the bar is filled) but the immediate use case (T285607: Create and use a proper "loading" progress bar vue display) is just for an indeterminate state, where the bar will move across the screen and then jump to the start

Discussed with @Volker_E at https://www.mediawiki.org/wiki/Topic:Wcf9k59gp78enllk

Existing components

Wikimedia community

OOUI
ProgressBarWidget

Implementation notes

Accessibility notes

Needs to feature role="progressbar", and aria-valuemin="0" aria-valuemax="100". aria-valuenow should be omitted for the indeterminate type. See
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role

Details

	Subject	Repo	Branch	Lines +/-
	wvui: Change the 'wvui' module back to the full WVUI bundle	mediawiki/core	master	+5 K -11
	Update WVUI to v0.3.0	mediawiki/core	master	+69 -40
	[ProgressBar] Add new progress bar component	wvui	master	+88 -1

Customize query in gerrit

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Open		None	T289833 Update for WVUI 0.3.0
		Open		None	T285607 Create and use a proper "loading" progress bar vue display
		Resolved		DannyS712	T286685 Add a progress bar component to WVUI

Event Timeline

DannyS712 created this task.Jul 14 2021, 10:52 PM

Restricted Application added a project: User-DannyS712. · View Herald TranscriptJul 14 2021, 10:52 PM

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

DannyS712 added a parent task: T285607: Create and use a proper "loading" progress bar vue display.Jul 14 2021, 10:56 PM

Change 704614 had a related patch set uploaded (by DannyS712; author: DannyS712):

[wvui@master] [ProgressBar] Add new progress bar component

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

gerritbot added a project: Patch-For-Review.Jul 14 2021, 11:38 PM

DannyS712 moved this task from Unsorted to Awaiting review and deployment on the User-DannyS712 board.Jul 15 2021, 10:37 AM

Jdlrobson awarded a token.Jul 16 2021, 4:05 AM

Jdlrobson subscribed.

AnneT subscribed.Jul 16 2021, 7:35 PM

DannyS712 mentioned this in T285784: Organize Vue.js migration planning process by front-end team and associated products.Jul 28 2021, 6:19 PM

Volker_E moved this task from Backlog to Doing on the WVUI board.Jul 31 2021, 1:42 AM

Volker_E added a project: Accessibility.Jul 31 2021, 2:02 AM

Volker_E updated the task description. (Show Details)Jul 31 2021, 2:06 AM

DannyS712 updated the task description. (Show Details)Aug 19 2021, 9:29 PM

Change 704614 merged by jenkins-bot:

[wvui@master] [ProgressBar] Add new progress bar component

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

DannyS712 mentioned this in rWVUIe2204a1578b3: [ProgressBar] Add new progress bar component.Aug 19 2021, 11:44 PM

DannyS712 mentioned this in T285607: Create and use a proper "loading" progress bar vue display.Aug 20 2021, 12:06 AM

Maintenance_bot removed a project: Patch-For-Review.Aug 20 2021, 12:10 AM

AnneT added a project: Deprecated-Design-Systems-team-board (Deprecated -DST Kanban Board 2021-2022).Aug 20 2021, 8:20 PM

AnneT moved this task from DST Kanban Backlog to Pending release on the Deprecated-Design-Systems-team-board (Deprecated -DST Kanban Board 2021-2022) board.

Change 715153 had a related patch set uploaded (by VolkerE; author: VolkerE):

[mediawiki/core@master] Update WVUI to v0.3.0

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

gerritbot added a project: Patch-For-Review.Aug 27 2021, 2:29 AM

Change 715153 merged by jenkins-bot:

[mediawiki/core@master] Update WVUI to v0.3.0

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

Maintenance_bot removed a project: Patch-For-Review.Aug 27 2021, 3:10 AM

Change 699951 had a related patch set uploaded (by VolkerE; author: Catrope):

[mediawiki/core@master] wvui: Change the 'wvui' module back to the full WVUI bundle

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

gerritbot added a project: Patch-For-Review.Aug 27 2021, 3:11 AM

Change 699951 merged by jenkins-bot:

[mediawiki/core@master] wvui: Change the 'wvui' module back to the full WVUI bundle

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

Maintenance_bot removed a project: Patch-For-Review.Aug 27 2021, 4:10 AM

Volker_E closed this task as Resolved.Aug 27 2021, 4:14 AM

Volker_E moved this task from Doing to Done on the WVUI board.

DannyS712 mentioned this in T289833: Update for WVUI 0.3.0.Aug 27 2021, 5:51 AM