{"action":"created","issue":{"url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/issues/552","repository_url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal","labels_url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/issues/552/labels{/name}","comments_url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/issues/552/comments","events_url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/issues/552/events","html_url":"https://github.com/projectkudu/AzureFunctionsPortal/issues/552","id":177005473,"number":552,"title":"Develop Tab usability refresh improvement","user":{"login":"christopheranderson","id":2252976,"avatar_url":"https://avatars.githubusercontent.com/u/2252976?v=3","gravatar_id":"","url":"https://api.github.com/users/christopheranderson","html_url":"https://github.com/christopheranderson","followers_url":"https://api.github.com/users/christopheranderson/followers","following_url":"https://api.github.com/users/christopheranderson/following{/other_user}","gists_url":"https://api.github.com/users/christopheranderson/gists{/gist_id}","starred_url":"https://api.github.com/users/christopheranderson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/christopheranderson/subscriptions","organizations_url":"https://api.github.com/users/christopheranderson/orgs","repos_url":"https://api.github.com/users/christopheranderson/repos","events_url":"https://api.github.com/users/christopheranderson/events{/privacy}","received_events_url":"https://api.github.com/users/christopheranderson/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/labels/Improvement","name":"Improvement","color":"1d76db"}],"state":"open","locked":false,"assignee":{"login":"alrod","id":2578359,"avatar_url":"https://avatars.githubusercontent.com/u/2578359?v=3","gravatar_id":"","url":"https://api.github.com/users/alrod","html_url":"https://github.com/alrod","followers_url":"https://api.github.com/users/alrod/followers","following_url":"https://api.github.com/users/alrod/following{/other_user}","gists_url":"https://api.github.com/users/alrod/gists{/gist_id}","starred_url":"https://api.github.com/users/alrod/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alrod/subscriptions","organizations_url":"https://api.github.com/users/alrod/orgs","repos_url":"https://api.github.com/users/alrod/repos","events_url":"https://api.github.com/users/alrod/events{/privacy}","received_events_url":"https://api.github.com/users/alrod/received_events","type":"User","site_admin":false},"assignees":[{"login":"alrod","id":2578359,"avatar_url":"https://avatars.githubusercontent.com/u/2578359?v=3","gravatar_id":"","url":"https://api.github.com/users/alrod","html_url":"https://github.com/alrod","followers_url":"https://api.github.com/users/alrod/followers","following_url":"https://api.github.com/users/alrod/following{/other_user}","gists_url":"https://api.github.com/users/alrod/gists{/gist_id}","starred_url":"https://api.github.com/users/alrod/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alrod/subscriptions","organizations_url":"https://api.github.com/users/alrod/orgs","repos_url":"https://api.github.com/users/alrod/repos","events_url":"https://api.github.com/users/alrod/events{/privacy}","received_events_url":"https://api.github.com/users/alrod/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/milestones/6","html_url":"https://github.com/projectkudu/AzureFunctionsPortal/milestones/rc","labels_url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/milestones/6/labels","id":1841322,"number":6,"title":"rc","description":"","creator":{"login":"christopheranderson","id":2252976,"avatar_url":"https://avatars.githubusercontent.com/u/2252976?v=3","gravatar_id":"","url":"https://api.github.com/users/christopheranderson","html_url":"https://github.com/christopheranderson","followers_url":"https://api.github.com/users/christopheranderson/followers","following_url":"https://api.github.com/users/christopheranderson/following{/other_user}","gists_url":"https://api.github.com/users/christopheranderson/gists{/gist_id}","starred_url":"https://api.github.com/users/christopheranderson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/christopheranderson/subscriptions","organizations_url":"https://api.github.com/users/christopheranderson/orgs","repos_url":"https://api.github.com/users/christopheranderson/repos","events_url":"https://api.github.com/users/christopheranderson/events{/privacy}","received_events_url":"https://api.github.com/users/christopheranderson/received_events","type":"User","site_admin":false},"open_issues":33,"closed_issues":36,"state":"open","created_at":"2016-06-21T18:51:03Z","updated_at":"2016-09-15T22:14:20Z","due_on":null,"closed_at":null},"comments":2,"created_at":"2016-09-14T20:00:33Z","updated_at":"2016-09-15T22:22:26Z","closed_at":null,"body":"Based on feedback we've gotten around the usability of the Develop tab, we have some changes we'd like to make to make it easier to develop code with Azure Functions.\r\n\r\n - No scrolling - https://github.com/projectkudu/AzureFunctionsPortal/issues/33\r\n - Make logs and run more obvious with limited screen real estate\r\n - pave the way for adding more functionality later on to Develop tab with less clutter\r\n\r\n## Specification\r\n\r\n \r\n![image](https://cloud.githubusercontent.com/assets/2252976/18527605/4f7b5d3c-7a7a-11e6-876b-ab337d3ed96c.png)\r\n\r\n\r\nThe code panel (**1** in the mockup above) is designed to not require page scrolling in most scenarios (scrolling still occurs for large code files). \r\n\r\n- [ ] It should consume the full space possible, with a min width of `600px` and min-height of `400px`.\r\n- <strike>It should wordwrap to avoid horizontal scrolling.</strike>\r\n\r\nThe menu panel (**2** in the mockup above) pops in from the right side. It switches based on the panel selectors in the top right (**3** in the mockup above)\r\n\r\n- [ ] It should be the width of 1/3 the original code panel width, with the code panel shrinking to 2/3 the original space.\r\n- [ ] It should have a min width of `300px` and share the min-height of the code panel.\r\n- [ ] The menu panel should close when the \"close\" button is pressed on the bottom toolbar \r\n- [ ] The menu panel should close when the currently selected panel selector (**3**) is clicked again.\r\n\r\n\r\n## Additional Mockups\r\n\r\n### Develop Tab with panel's closed\r\n![image](https://cloud.githubusercontent.com/assets/2252976/18527408/886221c2-7a79-11e6-84f5-24512be9e9a8.png)\r\n\r\n### Develop Tab with panel's open\r\n![image](https://cloud.githubusercontent.com/assets/2252976/18527549/16167338-7a7a-11e6-90aa-498891180734.png)\r\n\r\n### Hifi\r\n\r\n![image](https://cloud.githubusercontent.com/assets/2252976/18527742/e360b088-7a7a-11e6-966e-1cc22a6e19d2.png)\r\n\r\nNote, there are a few differences.\r\n - Save on the bottom of the screen is moved to top\r\n - Fullscreen is out of scope\r\n - There are extra menu panel selector options (ignore Errors + Warnings, Signature, and Console)\r\n\r\n## Open questions\r\n\r\n - Are the min widths/heights appropriate? Might need to play with them. \r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/issues/comments/247471945","html_url":"https://github.com/projectkudu/AzureFunctionsPortal/issues/552#issuecomment-247471945","issue_url":"https://api.github.com/repos/projectkudu/AzureFunctionsPortal/issues/552","id":247471945,"user":{"login":"christopheranderson","id":2252976,"avatar_url":"https://avatars.githubusercontent.com/u/2252976?v=3","gravatar_id":"","url":"https://api.github.com/users/christopheranderson","html_url":"https://github.com/christopheranderson","followers_url":"https://api.github.com/users/christopheranderson/followers","following_url":"https://api.github.com/users/christopheranderson/following{/other_user}","gists_url":"https://api.github.com/users/christopheranderson/gists{/gist_id}","starred_url":"https://api.github.com/users/christopheranderson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/christopheranderson/subscriptions","organizations_url":"https://api.github.com/users/christopheranderson/orgs","repos_url":"https://api.github.com/users/christopheranderson/repos","events_url":"https://api.github.com/users/christopheranderson/events{/privacy}","received_events_url":"https://api.github.com/users/christopheranderson/received_events","type":"User","site_admin":false},"created_at":"2016-09-15T22:22:26Z","updated_at":"2016-09-15T22:22:26Z","body":"@christopheranderson \r\n- [ ] names/buttons \r\n- [ ] mocks for others"}}
{"actor":{"display_login":"christopheranderson"}}