Page MenuHomePhabricator

Redesign UI for listing 2FA methods and adding new methods
Closed, ResolvedPublic

Assigned To
Authored By
Catrope
Aug 13 2025, 5:14 AM
Referenced Files
F66004924: Screenshot 2025-09-10 at 21.46.47.png
Sep 10 2025, 8:49 PM
F66004923: Screenshot 2025-09-10 at 21.47.21.png
Sep 10 2025, 8:49 PM
F65751911: image.png
Aug 14 2025, 8:53 PM
F65751909: image.png
Aug 14 2025, 8:53 PM
F65751903: image.png
Aug 14 2025, 8:53 PM
F65751899: image.png
Aug 14 2025, 8:53 PM
F65746137: image.png
Aug 13 2025, 5:14 AM
F65745998: image.png
Aug 13 2025, 5:14 AM

Description

New designs by @AAlhazwani-WMF:

image.png (1×553 px, 91 KB)
image.png (1×553 px, 110 KB)
image.png (1×533 px, 91 KB)
image.png (1×533 px, 88 KB)
When no 2FA methods are set upSuccess message after setting up a 2FA methodWith two methods set upExpanded accordion
  • Remove existing UI with separate "Enable" buttons for TOTP and WebAuthn
  • Add a "Two-factor authentication" section on Special:AccountSecurity (see T401771) which lists all registered 2FA methods as accordions
    • Each accordion contains the name and type of the method in its title (shown when collapsed)
    • When expanded, each accordion displays the creation timestamp, and "Rename" and "Delete" buttons (see also T401775: Allow 2FA methods to be renamed)
  • At the bottom of this section, add a ButtonGroup with two buttons, one for adding a TOTP app and one for WebAuthn
  • When a new 2FA method is added, or a method is removed, a success message should be displayed

Event Timeline

Change #1182195 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/extensions/OATHAuth@master] Add feature flag for new SpecialOathManage UI

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

Change #1182195 merged by jenkins-bot:

[mediawiki/extensions/OATHAuth@master] Add feature flag for new SpecialOathManage UI

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

Change #1184590 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/extensions/WebAuthn@master] Allow &action=enable to add a new key if WebAuthn is already enabled

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

Change #1184591 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/extensions/WebAuthn@master] Add "add key" and "delete success" messages

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

Change #1184594 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/extensions/OATHAuth@master] New UI for Special:AccountSecurity

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

Test wiki created on Patch demo by Roan Kattouw (WMF) using patch(es) linked to this task:
https://012755790c.catalyst.wmcloud.org/w/

Change #1184590 merged by jenkins-bot:

[mediawiki/extensions/WebAuthn@master] Allow &action=enable to add a new key if WebAuthn is already enabled

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

Change #1184591 merged by jenkins-bot:

[mediawiki/extensions/WebAuthn@master] Add "add key" and "delete success" messages

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

Change #1188455 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/extensions/WebAuthn@master] Remove "delete success" message

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

Change #1188455 merged by jenkins-bot:

[mediawiki/extensions/WebAuthn@master] Remove "delete success" message

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

Change #1184594 merged by jenkins-bot:

[mediawiki/extensions/OATHAuth@master] New UI for Special:AccountSecurity

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

Test wiki on Patch demo by Roan Kattouw (WMF) using patch(es) linked to this task was deleted:

https://012755790c.catalyst.wmcloud.org/w/

Change #1189516 had a related patch set uploaded (by SBassett; author: SBassett):

[mediawiki/extensions/OATHAuth@master] Ignore special modules in new UI display

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

Change #1189516 merged by jenkins-bot:

[mediawiki/extensions/OATHAuth@master] Introduce IModule::isSpecial and ignore special modules in new UI

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

Change #1198336 had a related patch set uploaded (by Krinkle; author: Majavah):

[mediawiki/extensions/OATHAuth@master] Make group-oathauth-twofactorauth-member lowercase

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

Change #1198336 merged by jenkins-bot:

[mediawiki/extensions/OATHAuth@master] Make group-oathauth-twofactorauth-member lowercase

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