Page MenuHomePhabricator
Create Task
Maniphest T386437

[Epic] UserInfoCard: Build Vue components for displaying the button and popover contents
Closed, ResolvedPublic
Actions

Description

Summary

Build the frontend code components needed for displaying user information card data.

Background

User stories

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

Technical notes

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
  • Graph showing editing activity over last 60 days (local; using Growth team's sparkline code)
  • Number of edits made over last 60 days (local)

Menu:

  • View user contributions (links to Special:Contributions)
  • View global account information (links to Special:CentralAuth)
  • Add user page to Watchlist
  • Block user (links to Special:Block)
  • Turn off feature (links to Special:Preferences)

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

Details

Related Changes in Gerrit:
SubjectRepoBranchLines +/-
[WIP] Restrict pages where UserInfo button is displayedmediawiki/extensions/CheckUsermaster+59 -0
UserInfoCard: Don't add button for IP addressesmediawiki/extensions/CheckUsermaster+29 -0
UserInfoCard: Populate the CheckUser checks and last date countmediawiki/extensions/CheckUsermaster+11 -5
UserInfoCard: Adjust UserInfo button stylesmediawiki/extensions/CheckUsermaster+28 -1
UserInfoCard: Add entrypoint for button and scaffolding for Vue appmediawiki/extensions/CheckUsermaster+154 -0
Customize query in gerrit

Related Objects
Search...

StatusSubtypeAssignedTask
 ResolvedKColeman-WMFT384725 [Epic] WE4.2.18 UserInfoCard experiment for assisting patrollers and moderators
 ResolvedSimoneThisDotT386437 [Epic] UserInfoCard: Build Vue components for displaying the button and popover contents
 ResolvedSimoneThisDotT389630 UserInfoCard: Loading state when UserInfoCard is waiting on API for data
 ResolvedMimurawilT393014 UserInfoCard: Error state when API load fails
 ResolvedMimurawilT393417 UserInfoCard: Display card header and basic user information
 ResolvedMimurawilT393946 UserInfoCard: Add links to user information
 ResolvedMimurawilT394461 UserInfoCard: Implement links to the user wikis list
 ResolvedMimurawilT397988 UserInfoCard: Data point icon style should have --color-subtle
 ResolvedMimurawilT393804 UserInfoCard: Add menu button
 ResolvedMimurawilT393981 UserInfoCard: Implement menu item for add/remove user page watchlist
 ResolvedMimurawilT393811 UserInfoCard: Use Codex design tokens in the styles
 ResolvedSimoneThisDotT393862 Update visibility and state logic using built-in components
 DeclinedMimurawilT396508 UserInfoCard: Investigate why the prop `userId` can be both string and number
 ResolvedMimurawilT394084 UserInfoCard: Add unit tests
 ResolvedMimurawilT394549 UserInfoCard: Use `Vue.createMwApp` in vue app creation
 ResolvedMimurawilT394842 UserInfoCard: Add chart component for local edits over the last 60 days
 ResolvedMimurawilT397989 UserInfoCard: Change chart padding style
 ResolvedMimurawilT396443 UserInfoCard: Optimize for mobile display
Resolved• mszaboT396444 UserInfoCard: Pressing button with card open should close the card again
 ResolvedMimurawilT396885 UserInfoCard: UI Adjustments
 ResolvedBUG REPORTkostajhT397210 UserInfoCard: Links to Thanks received and given are the wrong way around
 ResolvedBUG REPORTkostajhT397207 UserInfoCard: Link to past blocks incorrect: performer not target

Event Timeline

kostajh created this task.Feb 14 2025, 7:59 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 14 2025, 7:59 AM
kostajh added a parent task: T384725: [Epic] WE4.2.18 UserInfoCard experiment for assisting patrollers and moderators.Feb 14 2025, 8:00 AM
kostajh mentioned this in T386438: UserReputationCard: Implement permissions and preference for using the feature.Feb 14 2025, 8:07 AM
KColeman-WMF renamed this task from UserReputationCard: Build Vue components for displaying the popover to UserInfoCard: Build Vue components for displaying the popover.Mar 12 2025, 3:05 PM
KColeman-WMF updated the task description. (Show Details)
KColeman-WMF updated the task description. (Show Details)
kostajh added a project: CheckUser-UserInfoCard.Mar 13 2025, 11:38 AM
kostajh added a project: Trust and Safety Product Sprint (Sprint Chocolate Cake (March 24 - April 11)).Mar 20 2025, 12:04 PM
kostajh edited projects, added: Trust and Safety Product Sprint (Sprint Cozonac (April 14 - May 2)); removed: Trust and Safety Product Sprint (Sprint Chocolate Cake (March 24 - April 11)).Apr 14 2025, 2:54 PM
kostajh renamed this task from UserInfoCard: Build Vue components for displaying the popover to UserInfoCard: Build Vue components for displaying the button and popover contents.Apr 28 2025, 12:32 PM
kostajh updated the task description. (Show Details)
kostajh assigned this task to SimoneThisDot.Apr 30 2025, 2:28 PM
kostajh edited projects, added: Trust and Safety Product Sprint (Sprint Key Lime Pie (May 5 - May 23)); removed: Trust and Safety Product Sprint (Sprint Cozonac (April 14 - May 2)).
kostajh updated the task description. (Show Details)May 4 2025, 3:07 PM
kostajh updated the task description. (Show Details)May 4 2025, 3:28 PM
kostajh updated the task description. (Show Details)May 4 2025, 7:38 PM
kostajh added a subtask: T389630: UserInfoCard: Loading state when UserInfoCard is waiting on API for data.May 4 2025, 8:20 PM
kostajh added a subtask: T393014: UserInfoCard: Error state when API load fails.
kostajh moved this task from Priority Backlog to Ready on the Trust and Safety Product Sprint (Sprint Key Lime Pie (May 5 - May 23)) board.May 5 2025, 6:47 AM
gerritbot added a comment.May 5 2025, 8:45 AM

Change #1141846 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[mediawiki/extensions/CheckUser@master] [WIP] UserInfoCard: Add entrypoint for button and scaffolding for Vue app

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

gerritbot added a project: Patch-For-Review.May 5 2025, 8:45 AM
kostajh updated the task description. (Show Details)May 5 2025, 7:59 PM
kostajh updated the task description. (Show Details)May 5 2025, 8:01 PM
kostajh updated the task description. (Show Details)May 5 2025, 8:05 PM
kostajh moved this task from Ready to In Progress on the Trust and Safety Product Sprint (Sprint Key Lime Pie (May 5 - May 23)) board.May 6 2025, 8:56 AM
gerritbot added a comment.May 13 2025, 7:53 AM

Change #1145091 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[mediawiki/extensions/CheckUser@master] UserInfoCard: Render the UserInfo button server-side

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

gerritbot added a comment.May 13 2025, 5:59 PM

Change #1141846 merged by jenkins-bot:

[mediawiki/extensions/CheckUser@master] UserInfoCard: Add entrypoint for button and scaffolding for Vue app

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

gerritbot added a comment.May 13 2025, 6:19 PM

Change #1145292 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[mediawiki/extensions/CheckUser@master] UserInfoCard: Adjust UserInfo button styles

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

gerritbot added a comment.May 14 2025, 10:13 PM

Change #1145292 merged by jenkins-bot:

[mediawiki/extensions/CheckUser@master] UserInfoCard: Adjust UserInfo button styles

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

ReleaseTaggerBot added a project: MW-1.45-notes (1.45.0-wmf.2; 2025-05-20).May 14 2025, 11:00 PM
gerritbot added a comment.May 15 2025, 4:25 PM

Change #1146678 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[mediawiki/extensions/CheckUser@master] [WIP] Restrict pages where UserInfo button is displayed

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

kostajh closed subtask T394549: UserInfoCard: Use `Vue.createMwApp` in vue app creation as Resolved.May 19 2025, 7:38 PM
kostajh closed subtask T393014: UserInfoCard: Error state when API load fails as Resolved.May 20 2025, 12:45 PM
kostajh edited projects, added: Trust and Safety Product Sprint (Sprint Carrot Cake (May 26 - June 13)); removed: Trust and Safety Product Sprint (Sprint Key Lime Pie (May 5 - May 23)).May 25 2025, 6:59 PM
kostajh moved this task from Priority Backlog to In Progress on the Trust and Safety Product Sprint (Sprint Carrot Cake (May 26 - June 13)) board.
kostajh closed subtask T389630: UserInfoCard: Loading state when UserInfoCard is waiting on API for data as Resolved.May 27 2025, 8:51 AM
kostajh closed subtask T393804: UserInfoCard: Add menu button as Resolved.
kostajh closed subtask T393811: UserInfoCard: Use Codex design tokens in the styles as Resolved.Jun 8 2025, 6:45 PM
kostajh closed subtask T394842: UserInfoCard: Add chart component for local edits over the last 60 days as Resolved.
kostajh closed subtask T393862: Update visibility and state logic using built-in components as Resolved.Jun 10 2025, 8:27 AM
kostajh closed subtask T393417: UserInfoCard: Display card header and basic user information as Resolved.Jun 11 2025, 4:53 AM
kostajh renamed this task from UserInfoCard: Build Vue components for displaying the button and popover contents to [Epic] UserInfoCard: Build Vue components for displaying the button and popover contents.Jun 11 2025, 9:29 AM
Restricted Application added a project: Epic. · View Herald TranscriptJun 11 2025, 9:29 AM
kostajh moved this task from In Progress to Epics in progress on the Trust and Safety Product Sprint (Sprint Carrot Cake (May 26 - June 13)) board.Jun 11 2025, 9:29 AM
kostajh removed a subtask: T395623: UserInfoCard: Automate d3 library update.Jun 11 2025, 5:09 PM
kostajh closed subtask T394084: UserInfoCard: Add unit tests as Resolved.Jun 11 2025, 8:15 PM
kostajh closed subtask T396444: UserInfoCard: Pressing button with card open should close the card again as Resolved.Jun 11 2025, 9:46 PM
gerritbot added a comment.Jun 15 2025, 8:32 AM

Change #1158335 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[mediawiki/extensions/CheckUser@master] UserInfoCard: Populate the CheckUser checks and last date count

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

kostajh edited projects, added: Trust and Safety Product Sprint (Sprint Baklava (June 16 - July 4)); removed: Trust and Safety Product Sprint (Sprint Carrot Cake (May 26 - June 13)).Jun 16 2025, 6:10 AM
kostajh moved this task from Priority Backlog to Epics in progress on the Trust and Safety Product Sprint (Sprint Baklava (June 16 - July 4)) board.
gerritbot added a comment.Jun 16 2025, 8:36 AM

Change #1158335 merged by jenkins-bot:

[mediawiki/extensions/CheckUser@master] UserInfoCard: Populate the CheckUser checks and last date count

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

ReleaseTaggerBot edited projects, added: MW-1.45-notes (1.45.0-wmf.6; 2025-06-17); removed: MW-1.45-notes (1.45.0-wmf.2; 2025-05-20).Jun 16 2025, 9:00 AM
Mimurawil closed subtask T396885: UserInfoCard: UI Adjustments as Resolved.Jun 16 2025, 6:59 PM
kostajh closed subtask T396443: UserInfoCard: Optimize for mobile display as Resolved.Jun 16 2025, 7:22 PM
gerritbot added a comment.Jun 17 2025, 11:56 AM

Change #1160109 had a related patch set uploaded (by Kosta Harlan; author: Kosta Harlan):

[mediawiki/extensions/CheckUser@master] UserInfoCard: Don't add button for IP addresses

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

gerritbot added a comment.Jun 17 2025, 12:38 PM

Change #1160109 merged by jenkins-bot:

[mediawiki/extensions/CheckUser@master] UserInfoCard: Don't add button for IP addresses

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

ReleaseTaggerBot edited projects, added: MW-1.45-notes (1.45.0-wmf.7; 2025-06-24); removed: MW-1.45-notes (1.45.0-wmf.6; 2025-06-17).Jun 17 2025, 1:00 PM
kostajh added a subtask: T397210: UserInfoCard: Links to Thanks received and given are the wrong way around.Jun 17 2025, 3:11 PM
kostajh added a subtask: T397207: UserInfoCard: Link to past blocks incorrect: performer not target.Jun 17 2025, 3:16 PM
KColeman-WMF added a subtask: T397665: UserInfoCard: Data point icon size should use @size-icon-small.Jun 23 2025, 10:06 PM
KColeman-WMF removed a subtask: T397665: UserInfoCard: Data point icon size should use @size-icon-small.Jun 23 2025, 10:25 PM
Nardog subscribed.Jun 24 2025, 9:19 AM
kostajh closed this task as Resolved.Jun 27 2025, 7:13 AM
kostajh closed subtask T397210: UserInfoCard: Links to Thanks received and given are the wrong way around as Resolved.Jun 28 2025, 6:29 AM
gerritbot added a comment.Jun 30 2025, 3:24 PM

Change #1146678 abandoned by Kosta Harlan:

[mediawiki/extensions/CheckUser@master] [WIP] Restrict pages where UserInfo button is displayed

Reason:

No longer needed

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

kostajh reopened subtask T396444: UserInfoCard: Pressing button with card open should close the card again as Open.Jul 2 2025, 10:39 AM
kostajh closed subtask T397207: UserInfoCard: Link to past blocks incorrect: performer not target as Resolved.Jul 2 2025, 3:58 PM
• mszabo changed the status of subtask T396444: UserInfoCard: Pressing button with card open should close the card again from Open to In Progress.Jul 28 2025, 3:39 PM
kostajh closed subtask T396444: UserInfoCard: Pressing button with card open should close the card again as Resolved.Jul 28 2025, 3:52 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits