{"action":"created","issue":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1701","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1701/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1701/comments","events_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1701/events","html_url":"https://github.com/Automattic/wp-calypso/pull/1701","id":122605293,"number":1701,"title":"Help: Implement a loading placeholder the contact form","user":{"login":"dllh","id":2738252,"avatar_url":"https://avatars.githubusercontent.com/u/2738252?v=3","gravatar_id":"","url":"https://api.github.com/users/dllh","html_url":"https://github.com/dllh","followers_url":"https://api.github.com/users/dllh/followers","following_url":"https://api.github.com/users/dllh/following{/other_user}","gists_url":"https://api.github.com/users/dllh/gists{/gist_id}","starred_url":"https://api.github.com/users/dllh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dllh/subscriptions","organizations_url":"https://api.github.com/users/dllh/orgs","repos_url":"https://api.github.com/users/dllh/repos","events_url":"https://api.github.com/users/dllh/events{/privacy}","received_events_url":"https://api.github.com/users/dllh/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/Support","name":"Support","color":"006b75"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Status]%20Needs%20Design%20Review","name":"[Status] Needs Design Review","color":"009800"},{"url":"https://api.github.com/repos/Automattic/wp-calypso/labels/[Status]%20Needs%20Review","name":"[Status] Needs Review","color":"fbca04"}],"state":"open","locked":false,"assignee":{"login":"dllh","id":2738252,"avatar_url":"https://avatars.githubusercontent.com/u/2738252?v=3","gravatar_id":"","url":"https://api.github.com/users/dllh","html_url":"https://github.com/dllh","followers_url":"https://api.github.com/users/dllh/followers","following_url":"https://api.github.com/users/dllh/following{/other_user}","gists_url":"https://api.github.com/users/dllh/gists{/gist_id}","starred_url":"https://api.github.com/users/dllh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dllh/subscriptions","organizations_url":"https://api.github.com/users/dllh/orgs","repos_url":"https://api.github.com/users/dllh/repos","events_url":"https://api.github.com/users/dllh/events{/privacy}","received_events_url":"https://api.github.com/users/dllh/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/Automattic/wp-calypso/milestones/26","html_url":"https://github.com/Automattic/wp-calypso/milestones/Help:%20v1","labels_url":"https://api.github.com/repos/Automattic/wp-calypso/milestones/26/labels","id":1425190,"number":26,"title":"Help: v1","description":"","creator":{"login":"rachelmcr","id":8658164,"avatar_url":"https://avatars.githubusercontent.com/u/8658164?v=3","gravatar_id":"","url":"https://api.github.com/users/rachelmcr","html_url":"https://github.com/rachelmcr","followers_url":"https://api.github.com/users/rachelmcr/followers","following_url":"https://api.github.com/users/rachelmcr/following{/other_user}","gists_url":"https://api.github.com/users/rachelmcr/gists{/gist_id}","starred_url":"https://api.github.com/users/rachelmcr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rachelmcr/subscriptions","organizations_url":"https://api.github.com/users/rachelmcr/orgs","repos_url":"https://api.github.com/users/rachelmcr/repos","events_url":"https://api.github.com/users/rachelmcr/events{/privacy}","received_events_url":"https://api.github.com/users/rachelmcr/received_events","type":"User","site_admin":false},"open_issues":6,"closed_issues":8,"state":"open","created_at":"2015-11-23T14:58:33Z","updated_at":"2015-12-16T21:23:46Z","due_on":"2015-12-17T05:00:00Z","closed_at":null},"comments":1,"created_at":"2015-12-16T21:23:46Z","updated_at":"2015-12-16T21:27:12Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/Automattic/wp-calypso/pulls/1701","html_url":"https://github.com/Automattic/wp-calypso/pull/1701","diff_url":"https://github.com/Automattic/wp-calypso/pull/1701.diff","patch_url":"https://github.com/Automattic/wp-calypso/pull/1701.patch"},"body":"When loading the contact form, we have to fetch information about the availability of chat. The loading screen isn't very useful right now, as described in #515. Here's what it looks like:\r\n\r\n![loading](https://cloud.githubusercontent.com/assets/8658164/11339823/3cdaf572-91f3-11e5-82b8-4847fe1568bc.png)\r\n\r\nA user who sees this screen might reasonably think that something's broken. To repro:\r\n\r\n1. Go to http://calypso.localhost:3000/help/contact\r\n2. Observe the blinking placeholder\r\n\r\nThis PR attempts to improve the UX by adding some placeholder form controls and styles to more closely mirror similar loading experiences elsewhere in the product. Here it is in action:\r\n\r\n![chat-loading](https://cloud.githubusercontent.com/assets/2738252/11854271/c60f488c-a410-11e5-9054-2322278263f2.gif)\r\n\r\nCc @folletto since you had kindly offered feedback on #515. Cc @omarjackman."},"comment":{"url":"https://api.github.com/repos/Automattic/wp-calypso/issues/comments/165254057","html_url":"https://github.com/Automattic/wp-calypso/pull/1701#issuecomment-165254057","issue_url":"https://api.github.com/repos/Automattic/wp-calypso/issues/1701","id":165254057,"user":{"login":"dllh","id":2738252,"avatar_url":"https://avatars.githubusercontent.com/u/2738252?v=3","gravatar_id":"","url":"https://api.github.com/users/dllh","html_url":"https://github.com/dllh","followers_url":"https://api.github.com/users/dllh/followers","following_url":"https://api.github.com/users/dllh/following{/other_user}","gists_url":"https://api.github.com/users/dllh/gists{/gist_id}","starred_url":"https://api.github.com/users/dllh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dllh/subscriptions","organizations_url":"https://api.github.com/users/dllh/orgs","repos_url":"https://api.github.com/users/dllh/repos","events_url":"https://api.github.com/users/dllh/events{/privacy}","received_events_url":"https://api.github.com/users/dllh/received_events","type":"User","site_admin":false},"created_at":"2015-12-16T21:27:12Z","updated_at":"2015-12-16T21:27:12Z","body":"Will need some styling love in Firefox:\r\n\r\n![screen shot 2015-12-16 at 4 26 36 pm](https://cloud.githubusercontent.com/assets/2738252/11854427/d3630e6e-a411-11e5-97e4-07571bf193ad.png)\r\n"}}