GSoC: Make it possible to insert clipart on mobile

[pedropintosilva]

This is an Easy Project, idea for GSoC. Potential mentors: @eszkadev @quikee

Detailed description and rationale

On mobile we are exposing many actions via the mobilewizard control it would be good if we could expose some sort of gallery of pre-filled images that then can be insert by the user on mobile. This would facilitate working with document on the go.

To make this possible we could try to expose the already available gallery from LO core and render it as a sidebar section and on mobile right within a mobilewizard instance. In short make it possible to:

• Select images to insert into the document.
• Display the contents of the Gallery as icons, or icons with titles and path information.
• Zoom in or zoom out on a single object in the Gallery

Objects are organized by themes (categories). User can navigate through the list of themes, select one of them and see all the correspondent objects from that theme.

Milestones with estimated time

1. Convert gallery to real IconView widget from ValueSet (1-2-3 weeks)
2. Enable Gallery deck in JSDialogs and add shortcut in mobilewizard in Online (1-2 days)
3. Improve UI using CSS (1 - 2 days)
4. Implement missing JSDialog features - right click menu in IconView ? (optional, 1 - 2 weeks)

Code pointers

Online

• Control: https://github.com/CollaboraOnline/online/blob/master/browser/src/control/Control.MobileWizard.js
  • Then calls builder: Control.MobileWizardBuilder.js , used for building the native HTML components from the JSON description provided by the server.
• JSDialogBuilder.js listens to its changes

Core

• Thee gallery, in the core side, uses binary formats are used to store the objects of gallery (.sdg, .sdv, .thm, .str)
  • .sdg : StarDraw Graphics
  • .str stores the name of the theme
• Gallery is disabled: https://cgit.freedesktop.org/libreoffice/core/commit/?id=ca54fdefb9f063af125a3083ec67a7a17541c5c1
• Where are the default assets are located: instdir/share/gallery/
• Gallery Panel definition: https://opengrok.libreoffice.org/xref/core/svx/source/gallery2/GalleryControl.cxx?r=1653bb9b#29
• JSDialog enabling: https://opengrok.libreoffice.org/xref/core/vcl/jsdialog/enabled.cxx?r=490fcebb
• JSDialog JSON generation: https://opengrok.libreoffice.org/xref/core/vcl/jsdialog/jsdialogbuilder.cxx?r=ea771e85
• Gallery previews (https://opengrok.libreoffice.org/xref/core/svx/source/gallery2/galbrws2.cxx?r=23662e4c#332)

Required skills / knowledge

C++ - LibreOffice hacking JavaScript / CSS - Collabora Online side

Size

350 hour

Difficulty

Easy - Medium

[Andreas-Kainz]

Fyi ALL the new gallery item's in LibO are drawings, done ith LibO Draw (by me) and than added added to .sdg files.

If it would be easier to generate previews from .odg files I cann add the files to LibO and cool can pick tham (and in the future maybe LibO can also pick the .odg files). Cause the .sdg file with all the other files inside, are black boxes, you can't edit. Compare to .odg files, where you can edit them with LibO/Cool.

[eszkadev]

Fyi ALL the new gallery item's in LibO are drawings, done ith LibO Draw (by me) and than added added to .sdg files.

If it would be easier to generate previews from .odg files I cann add the files to LibO and cool can pick tham (and in the future maybe LibO can also pick the .odg files). Cause the .sdg file with all the other files inside, are black boxes, you can't edit. Compare to .odg files, where you can edit them with LibO/Cool.

@Andreas-Kainz this sounds more like LibreOffice GSoC project (it doesn't require any change in COOL) :)