Change download button to Share Icon, and make it a menu

[christopherreay]

• [ ] Change the download icon to the standard Share icon
• [ ] Consider placing the icon in a different position on the screen. It is good where it is I think.
• [ ] Make the share icon open a dropdown menu:
  1. Share Infogram
  2. ------ divider
  3. Share Image as svg
  4. Share Image as jpg
• [ ] The menu items should all create some kind of popup box that allows the user to easily copy a URL into their clipboard.

Each button will send data to the server, which will return a URL to be copied. I will take care of the AJAX and server parts. @bertonbeil can you do the interface bits?

[bertonbeil]

So if l understand you correct download button change to button with share icon and on click event open custom select dropdown with three options ?

[christopherreay]

So if l understand you correct download button change to button with share icon

http://www.flaticon.com/free-icon/share-button_61020

and on click event open custom select dropdown with three options ?

Yes

And also that each Select Option, when clicked, should expect to send an AJAX, and the return from the server will have a URL that will be shown on the screen and made easy for the user to copy into the clipboard. It seems reasonable for the interface to pause whilst this happens, and for the URL to appear in the center center of the screen when the server returns

I would like to have the select options to have pictures in them like modern ones. I think this is part of bootstrap?

Judging by Bit.ly there is no cross platform way to add stuff to the clipboard on mobile, so they just have an URL that you have to hold-press on and "copy url" using the browser menu

[bertonbeil]

Ok and one more "Each button" which buttons you mean? I need create a new button or just change actual download button ?

[christopherreay]

@bertonbeil Please see edits to previous comment. Sorry :) i used the wrong word. I have also added another paragraph