Change Details

This task is about re-implementing the existing impact module list using Vue. Old design (not in Vue): {F35321659} New design (in Vue): {F35321655} Figma Design: https://www.figma.com/file/fOa1x7hw6EM9VnaMJv7vib/Positive-reinforcement?node-id=1467%3A108100 What is not included in this task: - The sparkline visual is a separate task: T220141 - Filter / sort articles is a separate task: T220139 - Add references link under article title is a separate task: **Acceptance Criteria** As a logged in user with "Display newcomer homepage" enabled in my preferences, When I visit the newcomer homepage, Then I see a list of up to 5 articles that are the most viewed articles that I have edited in the last 30 days. - New table list component built using Vue. - Ensure the component will be compatible with future filtering (past 30 days, past 60 days, past year, all time) and sorting options (sort by most viewed, least viewed, newest edits, oldest edits). ----- #### Completion checklist **Functionality** [] The patches have been code reviewed and merged [] The task passes its acceptance criteria **Engineering** [] There are existing and passing unit/integration tests [] Tests for every involved patch should pass [] Coverage for every involved project should have improved or stayed the same **Design & QA** [] If the task is UX/Design related: it must be reviewed and approved by the UX/Design team [] Must be reviewed and approved by Quality Assurance. **Documentation** [] Related and updated documentation done where necessary - Internal technical changes: internal repository documentation must be updated (README.md, JSDoc, PHPDoc) - Infrastructure technical changes: technical changes that reflect on environment, infrastructure, endpoints or any other area of interest for technical contributors should be reflected on [[ https://www.mediawiki.org/wiki/Extension:GrowthExperiments | Extension:GrowthExperiments ]] or [[ https://www.mediawiki.org/wiki/Extension:GrowthExperiments/Technical_documentation | Extension:GrowthExperiments/Technical documentation ]] pages.

This task is about re-implementing the existing impact module list using Vue. Old design (not in Vue): {F35321659} New design (in Vue): {F35321813} Figma Design: https://www.figma.com/file/fOa1x7hw6EM9VnaMJv7vib/Positive-reinforcement?node-id=1467%3A108100 What is not included in this task: - The sparkline visual is a separate task: T220141 - Filter / sort articles is a separate task: T220139 - "Edit again" call to action under article title is a separate task: T310649 **Acceptance Criteria** As a logged in user with "Display newcomer homepage" enabled in my preferences, When I visit the newcomer homepage, Then I see a list of up to 5 articles that are the most viewed articles that I have edited in the last 30 days. - "View all you edits" links to: https://en.wikipedia.org/wiki/Special:Contributions/[[USERNAME]] - New table list component built using Vue. - Ensure the component will be compatible with future task to add filtering (past 30 days, past 60 days, past year, all time) and sorting options (sort by most viewed, least viewed, newest edits, oldest edits). T220139 ----- #### Completion checklist **Functionality** [] The patches have been code reviewed and merged [] The task passes its acceptance criteria **Engineering** [] There are existing and passing unit/integration tests [] Tests for every involved patch should pass [] Coverage for every involved project should have improved or stayed the same **Design & QA** [] If the task is UX/Design related: it must be reviewed and approved by the UX/Design team [] Must be reviewed and approved by Quality Assurance. **Documentation** [] Related and updated documentation done where necessary - Internal technical changes: internal repository documentation must be updated (README.md, JSDoc, PHPDoc) - Infrastructure technical changes: technical changes that reflect on environment, infrastructure, endpoints or any other area of interest for technical contributors should be reflected on [[ https://www.mediawiki.org/wiki/Extension:GrowthExperiments | Extension:GrowthExperiments ]] or [[ https://www.mediawiki.org/wiki/Extension:GrowthExperiments/Technical_documentation | Extension:GrowthExperiments/Technical documentation ]] pages.

This task is about re-implementing the existing impact module list using Vue. Old design (not in Vue): {F35321659} New design (in Vue): {F35321655}813} Figma Design: https://www.figma.com/file/fOa1x7hw6EM9VnaMJv7vib/Positive-reinforcement?node-id=1467%3A108100 What is not included in this task: - The sparkline visual is a separate task: T220141 - Filter / sort articles is a separate task: T220139 - Add references link- "Edit again" call to action under article title is a separate task: T310649 **Acceptance Criteria** As a logged in user with "Display newcomer homepage" enabled in my preferences, When I visit the newcomer homepage, Then I see a list of up to 5 articles that are the most viewed articles that I have edited in the last 30 days. - "View all you edits" links to: https://en.wikipedia.org/wiki/Special:Contributions/[[USERNAME]] - New table list component built using Vue. - Ensure the component will be compatible with future task to add filtering (past 30 days, past 60 days, past year, all time) and sorting options (sort by most viewed, least viewed, newest edits, oldest edits). T220139 ----- #### Completion checklist **Functionality** [] The patches have been code reviewed and merged [] The task passes its acceptance criteria **Engineering** [] There are existing and passing unit/integration tests [] Tests for every involved patch should pass [] Coverage for every involved project should have improved or stayed the same **Design & QA** [] If the task is UX/Design related: it must be reviewed and approved by the UX/Design team [] Must be reviewed and approved by Quality Assurance. **Documentation** [] Related and updated documentation done where necessary - Internal technical changes: internal repository documentation must be updated (README.md, JSDoc, PHPDoc) - Infrastructure technical changes: technical changes that reflect on environment, infrastructure, endpoints or any other area of interest for technical contributors should be reflected on [[ https://www.mediawiki.org/wiki/Extension:GrowthExperiments | Extension:GrowthExperiments ]] or [[ https://www.mediawiki.org/wiki/Extension:GrowthExperiments/Technical_documentation | Extension:GrowthExperiments/Technical documentation ]] pages.