Change Details

The start module contains several tasks that the newcomer can complete. Once complete, or even before then, the module is then taking up valuable space on the page that could be used elsewhere. Therefore, this task is about providing the ability for the user to collapse the start module on desktop. The companion task for desktop is T219391. [[ https://wikimedia.invisionapp.com/share/2TU9L4HJAKW#/screens/387498024 | This is the mockup that contains all the designs for this task. ]] Specifically: * If the user //has not// completed all the tasks in the start module... ** The user only has the ability to collapse the start module once they have [[ https://phabricator.wikimedia.org/T232419 | initiated the suggested edits module ]]. Having initiated suggested edits, the user may then collapse the start module regardless of which other elements of the start module they have completed. ** If the user has initiated suggested edits, add an icon to the upper right of the start module that collapses it. Uses the OOUI "[[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=mobile | collapse ]]" icon. ** When the user clicks it, the module collapses to a state that shows their username and some text about the status of the submodules. ** The icon changes to an "[[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=mobile | expand ]]" icon in the same position in the right side of the module, allowing the user to open the module back up. They may use this icon to toggle the module open and closed. ** In the collapsed state, the module becomes one line that says "Start here" followed by text in parentheses indicating the state of the submodules. *** If no email added: "(add email, view tutorial)" *** If email unconfirmed: "(confirm email, view tutorial)" *** If email confirmed: "(change email, view tutorial)" * If the user //has// completed all the tasks in the start module (including initiating suggested edits)... ** The module becomes one line that says "Start here (complete)" ** It continues to have the arrowNext icon. * In both cases, clicking on the module preview, collapsed or uncollapsed, opens up the full module. * Note that the copy in this task overrides what is written in the mockups.

The start module contains several tasks that the newcomer can complete. Once complete, or even before then, the module is then taking up valuable space on the page that could be used elsewhere. Therefore, this task is about providing the ability for the user to collapse the start module on mobiledesktop. The companion task for desktop is T219391. Invision mocks for v1: https://wikimedia.invisionapp.com/share/2TU9L4HJAKW#/387498026_NH-Mobile_-_Start_Preview_-initial_State-[[ https://wikimedia.invisionapp.com/share/2TU9L4HJAKW#/screens/387498024 | This is the mockup that contains all the designs for this task. ]] Specifically: Notes on the design:* If the user //has not// completed all the tasks in the start module... ** The user only has the ability to collapse the start module once they have [[ https://phabricator.wikimedia.org/T232419 | initiated the suggested edits module ]]. Having initiated suggested edits, the user may then collapse the start module regardless of which other elements of the start module they have completed. ** If the user has initiated suggested edits, add an icon to the upper right of the start module that collapses it. Uses the OOUI "[[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=mobile | collapse ]]" icon. ** When the user clicks it, the module collapses to a state that shows their username and some text about the status of the submodules. ** The icon changes to an "[[ https://doc.wikimedia.org/oojs-ui/master/demos/?page=icons&theme=wikimediaui&direction=ltr&platform=mobile | expand ]]" icon in the same position in the right side of the module, allowing the user to open the module back up. They may use this icon to toggle the module open and closed. ** In the collapsed state, the module becomes one line that says "Start here" followed by text in parentheses indicating the state of the submodules. *** If no email added: "(add email, view tutorial)" *** If email unconfirmed: "(confirm email, view tutorial)" *** If email confirmed: "(change email, view tutorial)" * If the user //has// completed all the tasks in the start module (including initiating suggested edits)... ** The module becomes one line that says "Start here (complete)" ** It continues to have the arrowNext icon. - Start preview is only collapsible* In both cases, clicking on mobile once the tasks module has been added (as per Desktop behavior)the module preview, collapsed or uncollapsed, opens up the full module. - There is a separate tap target to expand/collapse on mobile once the Start preview is collapsible* Note that the copy in this task overrides what is written in the mockups.