Page MenuHomePhabricator

Use Codex HtmlForm in Special:GlobalContributions
Open, Needs TriagePublic

Description

Background

User research for Special:GlobalContributions was conducted using Codex designs. There was a positive response to the Codex designs.

In MediaWiki, there are several special pages that display lists of contributions based on search criteria (Special:Contributions, Special:DeletedContribuitons, Special:IPContributions, and soon Special:GlobalContributions).

The search form for these pages is built by the same part of the software (ContributionsSpecialPage), and therefore looks the same:

image.png (506×855 px, 32 KB)

Ideally, we would update the form to use Codex. We should do this carefully, since Special:Contributions is widely used and the users may not want big changes suddenly.

What needs doing

  • In ContributionsSpecialPage, allow subclasses to specify whether they want to use Codex or OOUI for their form
  • Update any style modules and the form structure as necessary
  • If any of the form fields have not yet been implemented in Codex, implement them. We may be able to get support from the Design Systems Team.

Design (Figma)

Desktop mockup

codex-search-page.png (880×1 px, 54 KB)

Search input
ComponentDesignNotes
TypeaheadSearch
codex-search-input.png (420×960 px, 15 KB)
Searches all wiki projects for existing usernames, IP addresses or IP ranges that match the search input text.
Advanced search

Related Objects

StatusSubtypeAssignedTask
Resolvedkostajh
DeclinedNone
In ProgressNiharika
OpenNiharika
OpenSTran
OpenNone
OpenSTran
ResolvedTchanders
ResolvedSTran
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
DeclinedPRODUCTION ERRORNone
OpenPRODUCTION ERRORNone
ResolvedPRODUCTION ERRORDreamy_Jazz
DuplicatePRODUCTION ERRORNone
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedDreamy_Jazz
ResolvedTchanders

Event Timeline

Tchanders renamed this task from Add filters to search form according to final designs to Display search form from Special:GlobalContributions in Codex.Aug 6 2024, 2:34 PM
Tchanders updated the task description. (Show Details)
Tchanders renamed this task from Display search form from Special:GlobalContributions in Codex to Use HtmlForm Special:GlobalContributions in Codex.Aug 6 2024, 3:52 PM
Tchanders updated the task description. (Show Details)

This doesn't seem to be as trivial as just updating this line to call HTMLForm::factory( 'codex', $fields, $this->getContext() ). At the time of writing, doing so produces:

image.png (578×765 px, 36 KB)

Tchanders renamed this task from Use HtmlForm Special:GlobalContributions in Codex to Use Codex HtmlForm in Special:GlobalContributions.Aug 6 2024, 3:53 PM
Tchanders attached a referenced file: F57121220: image.png. (Show Details)