Picking Cover Photo from Images on Events

[mickzijdel]

Suggested by Lois Zon

Description

Select the cover image from one of the uploaded images to an event rather than having to upload one to a separate field

Considerations

• Migrating existing cover images.
• Making sure that the cover images all have the same aspect ratios.

Implementation Details

Do a migration thing that would convert all current cover to attached images (except for duplicates) and then tick the box for those to be cover image (or tick the existing duplicate one to be the cover image).

Bonus

• Add a cropping tool like you get on Instagram and Facebook events where you can select which part of the image you want shown as the cover image. No idea how that works, but it sounds common enough that there must be tutorials, guides or maybe even a library.

[TaoBi22]

• Add a cropping tool like you get on Instagram and Facebook events where you can select which part of the image you want shown as the cover image. No idea how that works, but it sounds common enough that there must be tutorials, guides or maybe even a library.

https://github.com/fengyuanchen/cropperjs looks pretty solid