Summary

Build the frontend code components needed for displaying user information card (header and basic user data).

User stories

When I click the user info icon, I should see a popover card with helpful contextual information about the user.

Technical notes

• Should build on top of https://gerrit.wikimedia.org/r/c/mediawiki/extensions/CheckUser/+/1141846
• Should use the Popover component in Codex T363375: [EPIC] Popover: Add Popover component to Codex)

Vue components

• Username
• Gender
• Date joined (local wiki)
• Active blocks (local blocks, across all wikis)
• Recent past blocks (local blocks, across all wikis, only show blocks made in the last year)
• Global edit count
• Local edit count
• Locally reverted edits
• New articles created (local)
• Thanks received (local)
• Thanks given (local)
• Number of CheckUser investigations (local)
• Date of last CU check (local)
• Groups (local)
• Active wikis

Acceptance criteria

• Frontend code exists and is functional in displaying the popover component with user information card data when an icon next to a username is clicked