{"action":"created","issue":{"url":"https://api.github.com/repos/pixelated/pixelated-user-agent/issues/548","labels_url":"https://api.github.com/repos/pixelated/pixelated-user-agent/issues/548/labels{/name}","comments_url":"https://api.github.com/repos/pixelated/pixelated-user-agent/issues/548/comments","events_url":"https://api.github.com/repos/pixelated/pixelated-user-agent/issues/548/events","html_url":"https://github.com/pixelated/pixelated-user-agent/issues/548","id":121703482,"number":548,"title":"Send an email with one attachment","user":{"login":"albogabriel","id":350155,"avatar_url":"https://avatars.githubusercontent.com/u/350155?v=3","gravatar_id":"","url":"https://api.github.com/users/albogabriel","html_url":"https://github.com/albogabriel","followers_url":"https://api.github.com/users/albogabriel/followers","following_url":"https://api.github.com/users/albogabriel/following{/other_user}","gists_url":"https://api.github.com/users/albogabriel/gists{/gist_id}","starred_url":"https://api.github.com/users/albogabriel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/albogabriel/subscriptions","organizations_url":"https://api.github.com/users/albogabriel/orgs","repos_url":"https://api.github.com/users/albogabriel/repos","events_url":"https://api.github.com/users/albogabriel/events{/privacy}","received_events_url":"https://api.github.com/users/albogabriel/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/pixelated/pixelated-user-agent/labels/2%20-%20Development","name":"2 - Development","color":"ef689e"},{"url":"https://api.github.com/repos/pixelated/pixelated-user-agent/labels/Attachments","name":"Attachments","color":"eb6420"}],"state":"open","locked":false,"assignee":{"login":"mnandri","id":2129786,"avatar_url":"https://avatars.githubusercontent.com/u/2129786?v=3","gravatar_id":"","url":"https://api.github.com/users/mnandri","html_url":"https://github.com/mnandri","followers_url":"https://api.github.com/users/mnandri/followers","following_url":"https://api.github.com/users/mnandri/following{/other_user}","gists_url":"https://api.github.com/users/mnandri/gists{/gist_id}","starred_url":"https://api.github.com/users/mnandri/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mnandri/subscriptions","organizations_url":"https://api.github.com/users/mnandri/orgs","repos_url":"https://api.github.com/users/mnandri/repos","events_url":"https://api.github.com/users/mnandri/events{/privacy}","received_events_url":"https://api.github.com/users/mnandri/received_events","type":"User","site_admin":false},"milestone":null,"comments":1,"created_at":"2015-12-11T12:56:47Z","updated_at":"2016-01-06T09:37:45Z","closed_at":null,"body":"## Definition\r\nAs a user\r\nI want to be able to add a file attachment to an email and send it\r\nSo I can share this file with my contacts\r\n\r\n## Constraints\r\n- File limit should be 1 MB (this is an arbitrary value for testing purposes. We can update this if it's too big/small). \"File size limit exceeded\" warnings will be handled in another issue.\r\n- Only one file should be attached right now. Multiple attachments will be covered in another issue.\r\n\r\n## UI\r\nWe want to add a paperclip besides the \"Send\" button.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/350155/11744363/df5129b4-9ff6-11e5-94db-3518d5a69a2d.png)\r\n\r\nThis is the same font-awesome paperclip we use in other parts of the app, but rotated to be horizontally aligned. (the [css rotate property](http://www.w3schools.com/cssref/css3_pr_transform.asp) can be used to achieve that).\r\n\r\nWe will then display the browser's default file attachment window.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/350155/11744375/f5db5614-9ff6-11e5-9d14-a2af8768c7ec.png)\r\n\r\n\r\nWhen a file is selected, it's displayed above the action buttons area (send/delete). It uses the same type of component used in the email recipient token - without the border and encryption icon indication.\r\n\r\n![image](https://cloud.githubusercontent.com/assets/350155/11744766/6ccdb8cc-9ffa-11e5-88f1-6f55e85cf079.png)\r\n\r\nNotes:\r\n* The \"x\" to remove the attachment will be covered in #549.\r\n* The file size information will be covered in another issue, yet to be created.\r\n\r\n \r\nIdeally, this UI will also work for reply and forward components. If it doesn't, we can create a new issue for that. \r\n\r\n![image](https://cloud.githubusercontent.com/assets/350155/11745040/4e1b3a7e-9ffc-11e5-9784-a4339a5d50bb.png)\r\n\r\n\r\n## Notes \r\n* Displaying the attachment size will be covered in another issue\r\n* Displaying an alert if the attachment is too big to be sent will be covered in another issue"},"comment":{"url":"https://api.github.com/repos/pixelated/pixelated-user-agent/issues/comments/169277308","html_url":"https://github.com/pixelated/pixelated-user-agent/issues/548#issuecomment-169277308","issue_url":"https://api.github.com/repos/pixelated/pixelated-user-agent/issues/548","id":169277308,"user":{"login":"mnandri","id":2129786,"avatar_url":"https://avatars.githubusercontent.com/u/2129786?v=3","gravatar_id":"","url":"https://api.github.com/users/mnandri","html_url":"https://github.com/mnandri","followers_url":"https://api.github.com/users/mnandri/followers","following_url":"https://api.github.com/users/mnandri/following{/other_user}","gists_url":"https://api.github.com/users/mnandri/gists{/gist_id}","starred_url":"https://api.github.com/users/mnandri/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mnandri/subscriptions","organizations_url":"https://api.github.com/users/mnandri/orgs","repos_url":"https://api.github.com/users/mnandri/repos","events_url":"https://api.github.com/users/mnandri/events{/privacy}","received_events_url":"https://api.github.com/users/mnandri/received_events","type":"User","site_admin":false},"created_at":"2016-01-06T09:37:45Z","updated_at":"2016-01-06T09:37:45Z","body":"to do:\r\n- file names, don't come back if they have spaces\r\n- forward and drafts do not automatically get the attachments"}}