{"action":"opened","issue":{"url":"https://api.github.com/repos/bikebike/BikeBike/issues/122","repository_url":"https://api.github.com/repos/bikebike/BikeBike","labels_url":"https://api.github.com/repos/bikebike/BikeBike/issues/122/labels{/name}","comments_url":"https://api.github.com/repos/bikebike/BikeBike/issues/122/comments","events_url":"https://api.github.com/repos/bikebike/BikeBike/issues/122/events","html_url":"https://github.com/bikebike/BikeBike/issues/122","id":163437033,"number":122,"title":"Look into using html2canvas to capture screenshots","user":{"login":"G0dwin","id":1109252,"avatar_url":"https://avatars.githubusercontent.com/u/1109252?v=3","gravatar_id":"","url":"https://api.github.com/users/G0dwin","html_url":"https://github.com/G0dwin","followers_url":"https://api.github.com/users/G0dwin/followers","following_url":"https://api.github.com/users/G0dwin/following{/other_user}","gists_url":"https://api.github.com/users/G0dwin/gists{/gist_id}","starred_url":"https://api.github.com/users/G0dwin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/G0dwin/subscriptions","organizations_url":"https://api.github.com/users/G0dwin/orgs","repos_url":"https://api.github.com/users/G0dwin/repos","events_url":"https://api.github.com/users/G0dwin/events{/privacy}","received_events_url":"https://api.github.com/users/G0dwin/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/bikebike/BikeBike/labels/Front%20end","name":"Front end","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-07-01T17:06:55Z","updated_at":"2016-07-01T17:06:55Z","closed_at":null,"body":"To ensure that our pages looks as expected on different devices, it may be possible to take a screenshot and upload the image to our server so that we can later investigate where problems exist.\r\n\r\n1. Add a new table that contains columns for:\r\n - url\r\n - user_agent\r\n - assets_version\r\n - image_name\r\n - session_id\r\n2. On page load, determine whether or not the user will be taking part. If no url+user_agent+assets_version exists in the table and the session_id does not exist in the table, then the user can take part.\r\n3. If they are taking part, include the javascript for [html2canvas](https://github.com/niklasvh/html2canvas) and our custom JS that will be required to upload the image: http://stackoverflow.com/questions/9250505\r\n4. Once the page has fully loaded, take the screenshot and upload it. Once the data is sent, destroy the code necessary for performing the action.\r\n5. On the server side, we should save the image to a private folder, and add the necessary data to the table.\r\n\r\nThere are definitely some privacy concerns here, however, as long as the data is dealt with securely and is kept confidential, we should not breach the users' trust.\r\n\r\nIf the proof of concept succeeds, we should gemify the concept so that others can make use of it as well."}}
{"actor":{"display_login":"G0dwin"}}