Page MenuHomePhabricator

CX Dashboard: refactor and prepare for section translation
Closed, ResolvedPublic

Description

Now that we have finished technical exploration T242006: Technical exploration to support Section Translation workflow on mobile and desktop for next version of CX dashboard to start section translation support in mobiles and desktops, this ticket outlines the development steps. Tickets for each of these steps can be created separately.

  • Declare a new RL module that get loaded instead of the existing dashboard RL modules based on:
    • Wiki specific configuration variable
    • Mobile targets only
  • Set up a Vue application in modules/dashboard as outlined in T242006, use the webpack build output for the new resource loaded which get loaded conditionally as explained above.
  • The aim is to replicate all the existing features of current CX dashboard in new dashboard, but alter the design so that the UI is mobile first. Follow the design by @Pginer-WMF
  • While the algorithm to find missing sections is being investigated, start with the minimal algorithm of adding sections to recently translated articles as per https://pauginer.github.io/prototypes/translation/sections/dash-mob/test/#NewTranslation
    • This will involve defining an API at MW backend to find missing sections in saved source and translation content in parallel corpus table.
  • In small increments build the mobile section translation UI.

Event Timeline

Change 570360 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] CX Dashboard: New version in Vue - Framework

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

Change 572623 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] Add Button component and Unit testing tooling

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

Change 576011 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] Add git precommit hook to run build and test on Vue dashboard

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

Change 570360 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] CX Dashboard: New version in Vue - Framework

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

Change 576298 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] Add responsive grid system

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

Change 576299 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] UI Library: Add MWIcon component

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

Change 572623 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Add Button component and Unit testing tooling

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

Change 576298 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Add responsive grid system

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

Change 576299 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] UI Library: Add MWIcon component

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

Change 576630 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] Tests: Add test for MWIcon and rename MWButton tests file names

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

Change 577521 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] Add CXHeader with improved button and icon components

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

Change 576011 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Add git precommit hook to run test on Vue dashboard code

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

Change 576630 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Tests: Add test for MWIcon and rename MWButton tests file names

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

Change 577521 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Add CXHeader with improved button and icon components

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

Closing this as we have first iteration of section translation and enabled in one wiki after reviews. We can create follow up tickets as needed for further iterations