Photo upload efficiency improvements

[jf1]

Part 1

Current flow:

1. Go to candidate page
2. Click: Edit candidate
3. Wait for superfluous edit candidate page to load
4. Click: There’s a separate page for uploading a photo

Instead, at 2, under the Edit candidate button, a link for Or upload a photo (of [candidate name]) could be placed here to replace steps 2 and 3 with a single click achieving what step 4 currently does.

Part 2

On the photo upload page the uploader isn't shown the photo policy (see #144).

Part 3

It'd also be useful to tell uploaders that the final result will be a square image, so they should be discouraged from cropping it manually or ideally they would be given the same cropping text and function that's on the photo moderation page.

Part 4

As mentioned in mysociety/yournextrepresentative#981 the best option for uploaders would be if, as well as the option to upload a file, they had another option to:
Enter two URLs (image url and source url)
Then crop the photo themselves before clicking Submit.

Photos can be automatically imported from facebook using:
https://developers.facebook.com/docs/graph-api/reference/user/picture/
https://developers.facebook.com/docs/graph-api/reference/page/picture/

---

Updated by @octopusinvitro to split the issue in its different parts

[mhl]

There are a lot of different suggestions here, but I've suggested that @octopusinvitro does this bit today first of all:

Instead, at 2, under the Edit candidate button, a link for Or upload a photo (of [candidate name]) could be placed here to replace steps 2 and 3 with a single click achieving what step 4 currently does.

And after that we'll look at adding the policy text, and after that upload from a URL.

[JoeMitchell]

Remember that Joe R in his facebook video was trying to click on the blank face image below!

[JoeMitchell]

(Sorry if this is too late!)

[mhl]

@JoeMitchell yep - thanks, @zarino and @octopusinvitro have watched the video and noted that.

[octopusinvitro]

I have edited the issue to split all the different parts.

Part 1 done here: #176

Part 2 done here: #189 ✔️ Merged

I'm gonna start now working on Part 4 if nobody is working on it

(apparently we won't implement part 3, or at least not yet)