Upload screenshots to Tramline

[kitallis]

Context

We currently allow editing the release notes/metadata on the stores from within Tramline. We'd also like to start updating the release screenshots from within Tramline.

Updating screenshots is a little involved, because there are a bunch of rules around dimensions and minimum device-type requirements. Tramline, at least to begin with, should support the most basic subset of screenshot uploading.

Requirements

Note: This issue only deals with building a system to upload screenshots to Tramline. The second part, where we actually upload them to Play Store and App Store can come as a separate ticket.

This is roughly what the screenshots section would look like:

Rules around screenshots uploads and dropdown:

• For App Store, screenshots are only for the primary locale
• For Play Store, screenshots are editable for all locales
• For App Store, the list of devices available are:
  • Allow all iPhone types only.
• For Play Store, the list of devices available are:
  • Phone
  • 7" screenshots
  • 10" screenshots

Acceptance Criteria

The above diagram is just an example of the design. For this we can let the design be, since I'll probably hack on it myself and figure out how to do it right. So for the first cut, we can do a very basic design without any styling or anything. We can borrow from what's there in Release metadata tab as a starting point.

With this ticket, we're primarily looking at a system that uploads screenshots to Tramline, along with the correct device type and correct locale.

Screenshots should be attached on a release-level, like release metadata, but they should be stored against the app-level in the db and then that reference should be attached to the release. This will allow us to create a library of screenshots that can be reused for future releases easily.

Misc:

• Clicking on the image slot, should open up an image viewer
• We don't need to support drag and drop, clicking on the empty slot will open up file browser
• The first slot will be the empty slot always
• Only allow uploading upto 3 for now for each device
• For screenshots, each screenshot must be less than 8mb (for both stores)
• We should validate image dimensions against the device specifications described in the links earlier

Additional Notes

Image viewer we can use: https://app.hey.com/assets/controllers/lightbox_controller-55e45e5a.js

[gitstart-connector[bot]]

Issue synced into GitStart. Please review, edit and hand it off to GitStart by following this link.

[gitstart-connector[bot]]

This issue has been handed off to GitStart: https://clients.gitstart.com/tramline/11653/tickets/TRAB-647