{"action":"opened","issue":{"url":"https://api.github.com/repos/department-of-veterans-affairs/vets-website/issues/4015","repository_url":"https://api.github.com/repos/department-of-veterans-affairs/vets-website","labels_url":"https://api.github.com/repos/department-of-veterans-affairs/vets-website/issues/4015/labels{/name}","comments_url":"https://api.github.com/repos/department-of-veterans-affairs/vets-website/issues/4015/comments","events_url":"https://api.github.com/repos/department-of-veterans-affairs/vets-website/issues/4015/events","html_url":"https://github.com/department-of-veterans-affairs/vets-website/issues/4015","id":190138016,"number":4015,"title":"Loading animation for user actions","user":{"login":"U-DON","id":1067024,"avatar_url":"https://avatars.githubusercontent.com/u/1067024?v=3","gravatar_id":"","url":"https://api.github.com/users/U-DON","html_url":"https://github.com/U-DON","followers_url":"https://api.github.com/users/U-DON/followers","following_url":"https://api.github.com/users/U-DON/following{/other_user}","gists_url":"https://api.github.com/users/U-DON/gists{/gist_id}","starred_url":"https://api.github.com/users/U-DON/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/U-DON/subscriptions","organizations_url":"https://api.github.com/users/U-DON/orgs","repos_url":"https://api.github.com/users/U-DON/repos","events_url":"https://api.github.com/users/U-DON/events{/privacy}","received_events_url":"https://api.github.com/users/U-DON/received_events","type":"User","site_admin":false},"labels":[{"id":439849269,"url":"https://api.github.com/repos/department-of-veterans-affairs/vets-website/labels/messaging","name":"messaging","color":"E374C7","default":false},{"id":411484024,"url":"https://api.github.com/repos/department-of-veterans-affairs/vets-website/labels/Rx","name":"Rx","color":"cc0099","default":false}],"state":"open","locked":false,"assignee":{"login":"angel","id":103496,"avatar_url":"https://avatars.githubusercontent.com/u/103496?v=3","gravatar_id":"","url":"https://api.github.com/users/angel","html_url":"https://github.com/angel","followers_url":"https://api.github.com/users/angel/followers","following_url":"https://api.github.com/users/angel/following{/other_user}","gists_url":"https://api.github.com/users/angel/gists{/gist_id}","starred_url":"https://api.github.com/users/angel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/angel/subscriptions","organizations_url":"https://api.github.com/users/angel/orgs","repos_url":"https://api.github.com/users/angel/repos","events_url":"https://api.github.com/users/angel/events{/privacy}","received_events_url":"https://api.github.com/users/angel/received_events","type":"User","site_admin":false},"assignees":[{"login":"angel","id":103496,"avatar_url":"https://avatars.githubusercontent.com/u/103496?v=3","gravatar_id":"","url":"https://api.github.com/users/angel","html_url":"https://github.com/angel","followers_url":"https://api.github.com/users/angel/followers","following_url":"https://api.github.com/users/angel/following{/other_user}","gists_url":"https://api.github.com/users/angel/gists{/gist_id}","starred_url":"https://api.github.com/users/angel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/angel/subscriptions","organizations_url":"https://api.github.com/users/angel/orgs","repos_url":"https://api.github.com/users/angel/repos","events_url":"https://api.github.com/users/angel/events{/privacy}","received_events_url":"https://api.github.com/users/angel/received_events","type":"User","site_admin":false},{"login":"gnakm","id":13420618,"avatar_url":"https://avatars.githubusercontent.com/u/13420618?v=3","gravatar_id":"","url":"https://api.github.com/users/gnakm","html_url":"https://github.com/gnakm","followers_url":"https://api.github.com/users/gnakm/followers","following_url":"https://api.github.com/users/gnakm/following{/other_user}","gists_url":"https://api.github.com/users/gnakm/gists{/gist_id}","starred_url":"https://api.github.com/users/gnakm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gnakm/subscriptions","organizations_url":"https://api.github.com/users/gnakm/orgs","repos_url":"https://api.github.com/users/gnakm/repos","events_url":"https://api.github.com/users/gnakm/events{/privacy}","received_events_url":"https://api.github.com/users/gnakm/received_events","type":"User","site_admin":false}],"milestone":null,"comments":0,"created_at":"2016-11-17T19:18:41Z","updated_at":"2016-11-17T19:18:41Z","closed_at":null,"body":"How should the loading indicator be used when the user has performed an action that hits the API?\r\n\r\nRight now, when transitioning between pages or tabs, we display the loading indicator in place of the section that will appear when we get the relevant data from the server.\r\n\r\nBut for actions like refilling a prescription or sending a message, we should also indicate that something is happening. I'm not sure if it makes sense to just replace the entire view with just the loader similar to how loading a page works. For example, if we just clicked to confirm a refill or send a message, it wouldn't look right to replace everything with the loader, and then show everything back again when the action is done. Some actions will redirect and transition to a different page when successful, so the loading indicator would work there, but when there's an error, the modal or page would remain.\r\n\r\nSo I'm wondering what the UX for these things should look like. My initial thought is to overlay the full page with a transparent background and have the loader fixed in the center. Let me know if my descriptions weren't clear."}}
{"actor":{"display_login":"U-DON"}}