GSoC 2022: Improve the custom picture selector

Students interested in GSoC 2022, welcome! Please read the instructions to apply. The set of enhancements below constitutes the proposed task that the chosen student will implement during GSoC 2022.

---

The custom picture selector appears when the user taps the + then taps the third button (at the bottom, a gallery icon with a small Commons icon overlay):

Below is a list of enhancements that would make it more convenient for users:

UI when within a folder

• At the bottom of the picker, show two buttons:
  • “Upload” to start the Upload Wizard with the selected pictures (replacing the already implemented ✔️ button currently available at the top-right).
  • “Mark as not for upload” to mark these pictures with a 🚫 overlay icon (and grey them out). For instance family pictures, not meant to be uploaded to Commons. This state must be remembered even after restarting the app. Tapping “Not for upload” when all selected pictures are already marked as “Not for upload” has the opposite effect, a bit like pressing “Italic” twice in a text editor makes the selected text in Italic then normal.
• Button to hide/unhide pictures that are either marked as “Not for upload” or have been uploaded already. Hiding them allows the contributor to more easily spot pictures they might want to upload.
  • For a good user experience, the screen should try to show the same point in time after changing this setting. For instance in the mockup below, after disabling this setting I should still see the pictures with no lower-right overlay, even if many pictures were removed above them. This may require adjusting the scroll position.
• Currently, when selecting 3 pictures, they are numbered “1”, “2”, “3”. Instead, please make all numbers always show the number of selected pictures, for instance if 3 pictures are selected, they should all have the number “3”, and be uploaded in the same order as their thumbnails are shown.
• Add a fast scrollbar (ideally bubble scroll showing the date at which the pictures shown were taken).

UI when in full-screen mode

(fullscreen starts when you long-press any picture in the custom picker)

• Show a small overlay indicating whether the picture is selected or not, showing the number of selected pictures.
• Gestures:
  • Left/right swipe to go from one picture to another.
  • Swipe up to select the picture (the equivalent of tapping it in non-fullscreen mode) and show the next picture (the picture that follows in the folder view, skipping pictures that have either already been uploaded or ignored).
  • Swipe down to immediately mark that picture as “Not for upload” (the equivalent of selecting it then tapping “Mark as not for upload” in non-fullscreen mode), and show the next picture.

[nicolas-raoul]

@Ayan-10 Nice research, thanks a lot! 😃 Such research may actually be planned as part of the GSoC itself. Alternatively, if you already know a library that you think is a great fit, you can write in your proposal that you will use that one (you can also add a small buffer of time so that if for some unforeseen reason the library is found to not be usable, you will still have time to go with another solution).

[4D17Y4]

Congratulation to our GSoC candidate for this year @Ayan-10, great job on your contribution to the project and proposal for GSoC. He will be working on this issue this summer. Glad to have you on board, Ayan.

We would like to thank all the candidates for their interest and proposals. We had some great ones but unfortunately, there was just one slot and we had to choose only one. Do not get disappointed by this and continue contributing to the project. We would love to see you participate again.

Assigning this to @Ayan-10. Congratulations Again.