{"action":"created","issue":{"url":"https://api.github.com/repos/grafana/grafana/issues/8383","repository_url":"https://api.github.com/repos/grafana/grafana","labels_url":"https://api.github.com/repos/grafana/grafana/issues/8383/labels{/name}","comments_url":"https://api.github.com/repos/grafana/grafana/issues/8383/comments","events_url":"https://api.github.com/repos/grafana/grafana/issues/8383/events","html_url":"https://github.com/grafana/grafana/issues/8383","id":228954307,"node_id":"MDU6SXNzdWUyMjg5NTQzMDc=","number":8383,"title":"UX: Alert history list","user":{"login":"torkelo","id":10999,"node_id":"MDQ6VXNlcjEwOTk5","avatar_url":"https://avatars3.githubusercontent.com/u/10999?v=4","gravatar_id":"","url":"https://api.github.com/users/torkelo","html_url":"https://github.com/torkelo","followers_url":"https://api.github.com/users/torkelo/followers","following_url":"https://api.github.com/users/torkelo/following{/other_user}","gists_url":"https://api.github.com/users/torkelo/gists{/gist_id}","starred_url":"https://api.github.com/users/torkelo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/torkelo/subscriptions","organizations_url":"https://api.github.com/users/torkelo/orgs","repos_url":"https://api.github.com/users/torkelo/repos","events_url":"https://api.github.com/users/torkelo/events{/privacy}","received_events_url":"https://api.github.com/users/torkelo/received_events","type":"User","site_admin":false},"labels":[{"id":227867844,"node_id":"MDU6TGFiZWwyMjc4Njc4NDQ=","url":"https://api.github.com/repos/grafana/grafana/labels/comp:%20alerting","name":"comp: alerting","color":"c5def5","default":false}],"state":"closed","locked":false,"assignee":{"login":"Ijin08","id":23470681,"node_id":"MDQ6VXNlcjIzNDcwNjgx","avatar_url":"https://avatars2.githubusercontent.com/u/23470681?v=4","gravatar_id":"","url":"https://api.github.com/users/Ijin08","html_url":"https://github.com/Ijin08","followers_url":"https://api.github.com/users/Ijin08/followers","following_url":"https://api.github.com/users/Ijin08/following{/other_user}","gists_url":"https://api.github.com/users/Ijin08/gists{/gist_id}","starred_url":"https://api.github.com/users/Ijin08/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ijin08/subscriptions","organizations_url":"https://api.github.com/users/Ijin08/orgs","repos_url":"https://api.github.com/users/Ijin08/repos","events_url":"https://api.github.com/users/Ijin08/events{/privacy}","received_events_url":"https://api.github.com/users/Ijin08/received_events","type":"User","site_admin":false},"assignees":[{"login":"Ijin08","id":23470681,"node_id":"MDQ6VXNlcjIzNDcwNjgx","avatar_url":"https://avatars2.githubusercontent.com/u/23470681?v=4","gravatar_id":"","url":"https://api.github.com/users/Ijin08","html_url":"https://github.com/Ijin08","followers_url":"https://api.github.com/users/Ijin08/followers","following_url":"https://api.github.com/users/Ijin08/following{/other_user}","gists_url":"https://api.github.com/users/Ijin08/gists{/gist_id}","starred_url":"https://api.github.com/users/Ijin08/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Ijin08/subscriptions","organizations_url":"https://api.github.com/users/Ijin08/orgs","repos_url":"https://api.github.com/users/Ijin08/repos","events_url":"https://api.github.com/users/Ijin08/events{/privacy}","received_events_url":"https://api.github.com/users/Ijin08/received_events","type":"User","site_admin":false}],"milestone":null,"comments":2,"created_at":"2017-05-16T08:33:47Z","updated_at":"2018-11-08T09:35:07Z","closed_at":"2017-11-02T15:06:00Z","author_association":"MEMBER","body":"Would like some help redesigning the alert state history list \r\n\r\nCurrent look alert state history tab:\r\n![image](https://cloud.githubusercontent.com/assets/10999/26096438/8112f67c-3a21-11e7-877e-9dd1ecc48273.png)\r\n\r\nCurrent look alert-list panel:\r\n![image](https://cloud.githubusercontent.com/assets/10999/26096501/b0848038-3a21-11e7-9ca4-07c5ba04e53c.png)\r\n\r\nWant to solve two problems. First try to align both these lists so they use same component and look more similar. There is one big difference in that the alert-list panel items needs to contain the Alert Rule name as it will contain a mixed list of state changes for different alert rules while the alert state history tab is for one alert rule and hence does not contain the alert rule name. Not sure if this is a big enough difference to warrant very different design (or code component). I hope we can align the two even with this difference. \r\n\r\nWould like to add more info to this list and make it more useful. \r\n\r\nWIP work on new design:\r\n![image](https://cloud.githubusercontent.com/assets/10999/26096682/48b457fc-3a22-11e7-8231-74207b5930d6.png)\r\n\r\nSo we have more info to show (Image link, reason, execution error) and would like to make it a little bit more structured.  Also a link to move time range to alert (maybe an icon after time stamp or make time stamp a link). \r\n\r\nFeel a bit stuck getting this design to look good and work in both context (alert list panel with Alert rule title included somewhere, and in state history tab). And would like some help. \r\n\r\nInfo we have to show for each item:\r\n\r\n- Alert rule name (only show in alert-list panel state history mode)\r\n- Alert history item state \r\n- Alert history item timestamp\r\n- Alert history item reason (NoData, Conditions true, Error, Conditions false)\r\n- Alert history item metrics (values that triggered conditions true)\r\n- Alert history item error message (if reason error)\r\n- Alert history item image link (not always available) \r\n\r\nAlso just throwing this idea out to use background colors instead to add color & make it stand out more. Not sure it's a good idea, just could be worth testing :) \r\n\r\n![background](https://cloud.githubusercontent.com/assets/10999/26096826/c5de2a3c-3a22-11e7-94a0-000297205d25.png)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/grafana/grafana/issues/comments/436931362","html_url":"https://github.com/grafana/grafana/issues/8383#issuecomment-436931362","issue_url":"https://api.github.com/repos/grafana/grafana/issues/8383","id":436931362,"node_id":"MDEyOklzc3VlQ29tbWVudDQzNjkzMTM2Mg==","user":{"login":"marefr","id":1668778,"node_id":"MDQ6VXNlcjE2Njg3Nzg=","avatar_url":"https://avatars0.githubusercontent.com/u/1668778?v=4","gravatar_id":"","url":"https://api.github.com/users/marefr","html_url":"https://github.com/marefr","followers_url":"https://api.github.com/users/marefr/followers","following_url":"https://api.github.com/users/marefr/following{/other_user}","gists_url":"https://api.github.com/users/marefr/gists{/gist_id}","starred_url":"https://api.github.com/users/marefr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marefr/subscriptions","organizations_url":"https://api.github.com/users/marefr/orgs","repos_url":"https://api.github.com/users/marefr/repos","events_url":"https://api.github.com/users/marefr/events{/privacy}","received_events_url":"https://api.github.com/users/marefr/received_events","type":"User","site_admin":false},"created_at":"2018-11-08T09:35:07Z","updated_at":"2018-11-08T09:35:07Z","author_association":"MEMBER","body":"@Gobiviswa there's no support for filtering based on specific panels from dashboard. The only option when looking at current state is to filter by alert name."}}
{"actor":{"display_login":"marefr"}}