This project is about converting MediaWiki extensions [[ https://www.mediawiki.org/wiki/Extension:WikiLove | WikiLove ]], [[ https://www.mediawiki.org/wiki/Extension:MultimediaViewer | MultimediaViewer ]] and [[ https://www.mediawiki.org/wiki/Extension:MassMessage | MassMessage ]] to use [[ https://www.mediawiki.org/wiki/OOUI | OOUI ]]
Subtasks:.
OOUI is the WMF's widget library that follows our [[ https://wikimedia.github.io/WikimediaUI-Style-Guide/ | style guide ]]. We are trying to move all interfaces to this new library
so that we no longer have a mix of old CSS, no CSS and jQuery UI. For the project you'll need to:
* Look at the current design of the extension and see how it can be redesigned using OOUI [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop | widgets ]], [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=dialogs&theme=wikimediaui&direction=ltr&platform=desktop | dialogs ]], and [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop#Outlined-BookletLayout | layouts ]]
* Migrate the forms to [[ https://www.mediawiki.org/wiki/HTMLForm | HTMLForm ]] where applicable
* Switch the interface to using OOUI
There are many extensions and special pages that have already been converted:
* {T137017}
* {T104299}
* {T96914}
### Subtasks
* {T111159}
* {T104419}
* {T89815}
Skills required: HTML### Skills required
* HTML
* Javascript
* PHP
* UI design
* Familiarity with OOUI
###Mentors:
* @Prtksxna
* @matmarex
### Get started
* Download and setup [[ https://gerrit.wikimedia.org/r/#/admin/projects/oojs/ui | OOUI ]].
** See `README.md` to get started
** Checkout the demo page [[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=widgets&theme=wikimediaui&direction=ltr&platform=desktop | online ]], Javascriptand build it locally: `npm run build`
** Understand the basics of OOUI by following @Mooeypoo's tutorial: [[ http://moriel.smarterthanthat.com/tips/tutorial-building-a-todo-app-with-oojs-ui-part-1/ | part 1 ]] and [[ http://moriel.smarterthanthat.com/tips/tutorial-building-a-todo-app-with-oojs-ui-part-2/ | part 2]].
* Download and setup MediaWiki using [[ https://www.mediawiki.org/wiki/MediaWiki-Vagrant | Vagrant ]]
* Install and try the above mentioned extensions: [[ https://www.mediawiki.org/wiki/Extension:WikiLove | WikiLove ]], PHP, Familiarity with OOUI[[ https://www.mediawiki.org/wiki/Extension:MultimediaViewer | MultimediaViewer ]] and [[ https://www.mediawiki.org/wiki/Extension:MassMessage | MassMessage ]]
* Take a loot at [[ https://phabricator.wikimedia.org/search/query/azZSfI1etlLu/#R | easy tasks related to OOUI ]]
Mentors: @Prtksxna and @matmarex* Talk to us here, or on IRC: `#wikimedia-dev` or `#wikimedia-editing`