notifications_list.html 1.9 KB

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