603123 - [Step 4] Cobble up the Add Images page

Status: RESOLVED FIXED

(addons.mozilla.org Graveyard :: Developer Pages, defect, P1)

Description

[Wil Clouser [:clouserw]]

Current URL: Somewhere under https://addons.mozilla.org/en-US/developers/addon/submit 
New URL: https://addons.mozilla.org/en-US/developers/addon/submit/4 (we're
making unique URLs now) 
Mockups: 
http://people.mozilla.com/~chowse/drop/amo/devtools/v3/addon_submission/04_media.png
http://people.mozilla.com/~chowse/drop/amo/devtools/v3/interaction/addon_icon.png
http://people.mozilla.com/~chowse/drop/amo/devtools/v3/interaction/screenshot_video.png

Start this bug early, it's got a lot going on.  Also, there are a lot of mockups, chances are good someone will miss something.  Be like fonzie.

The first mockup is general page layout (icons above screenshots)

The second mockup is good stuff.  Frontend:  Loading the icon should be ajax hitting the add-ons icon URL.  We got a pile of default icons to use for this in bug 592513.  They are already in git.  Backend:  We need to accept an icon upload.  The image should come off StAMO and use a hash in the URL.  All the icon processing is bug 600423.

The third mockup details the screenshot/video interaction.  Frontend: This should use the same uploading progress widgets as step 2.  Backend: We need to accept screenshots here, same deal about putting a hash in the URL.  Processing for thumbnails is waiting on bug 600423 also.

**This but does NOT include anything to do with videos.  That's a different bug.**

Please look over all those mockups.  If we need to split stuff out (screenshot drag and drop reordering, etc.) let me know early.


Also, adding boxes dynamically might get hairy with the L10n stuff.  Beware!

CCing fligtar for copy

Comment 1

[Justin Scott [:fligtar]]

copy:

Custom icons and screenshots draw attention to your add-on and help users understand what it does. We strongly recommend uploading a custom icon, as in some areas of the website, only your add-on's icon and name will appear.

Comment 2

[Gregory Koberger (:gkoberger)]

https://github.com/jbalogh/zamboni/commit/8401a8d001d6ba998dfe2f6e6d9fccc4a6d9e5c0