notifications_list.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <page-header model="ctrl.navModel"></page-header>
  2. <div class="page-container page-body">
  3. <div ng-if="ctrl.notifications.length">
  4. <div class="page-action-bar">
  5. <div class="page-action-bar__spacer">
  6. </div>
  7. <a href="alerting/notification/new" class="btn btn-primary">
  8. New channel
  9. </a>
  10. </div>
  11. <table class="filter-table filter-table--hover">
  12. <thead>
  13. <th style="min-width: 200px">
  14. <strong>Name</strong>
  15. </th>
  16. <th style="min-width: 100px">Type</th>
  17. <th style="width: 1%"></th>
  18. </thead>
  19. <tbody>
  20. <tr ng-repeat="notification in ctrl.notifications">
  21. <td class="link-td">
  22. <a href="alerting/notification/{{notification.id}}/edit">
  23. {{notification.name}}
  24. </a>
  25. </td>
  26. <td class="link-td">
  27. <a href="alerting/notification/{{notification.id}}/edit">
  28. {{notification.type}}
  29. </a>
  30. </td>
  31. <td class="text-right">
  32. <span class="btn btn-secondary btn-small" ng-show="notification.isDefault == true">
  33. default
  34. </span>
  35. <a ng-click="ctrl.deleteNotification(notification.id)" class="btn btn-danger btn-small">
  36. <i class="fa fa-remove"></i>
  37. </a>
  38. </td>
  39. </tr>
  40. </tbody>
  41. </table>
  42. </div>
  43. <div ng-if="ctrl.notifications.length === 0">
  44. <empty-list-cta model="{
  45. title: 'There are no notification channels defined yet',
  46. buttonIcon: 'gicon gicon-add-alert-notification-channel',
  47. buttonLink: 'alerting/notification/new',
  48. buttonTitle: 'Add channel',
  49. proTip: 'You can include images in your alert notifications.',
  50. proTipLink: 'http://docs.grafana.org/alerting/notifications/',
  51. proTipLinkTitle: 'Learn more',
  52. proTipTarget: '_blank'
  53. }" />
  54. </div>
  55. </div>