notification_edit.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <navbar icon="icon-gf icon-gf-alert" title="Alerting" title-url="alerting">
  2. <a href="alerting/notifications" class="navbar-page-btn">
  3. <i class="fa fa-fw fa-rss"></i>
  4. Notification channels
  5. </a>
  6. </navbar>
  7. <div class="page-container">
  8. <div class="page-header">
  9. <h1 ng-show="ctrl.model.id">Edit Channel</h1>
  10. <h1 ng-show="!ctrl.model.id">New Channel</h1>
  11. </div>
  12. <form name="ctrl.theForm" ng-if="ctrl.notifiers">
  13. <div class="gf-form-group">
  14. <div class="gf-form">
  15. <span class="gf-form-label width-12">Name</span>
  16. <input type="text" required class="gf-form-input max-width-15" ng-model="ctrl.model.name" required></input>
  17. </div>
  18. <div class="gf-form">
  19. <span class="gf-form-label width-12">Type</span>
  20. <div class="gf-form-select-wrapper width-15">
  21. <select class="gf-form-input" ng-model="ctrl.model.type" ng-options="t.type as t.name for t in ctrl.notifiers" ng-change="ctrl.typeChanged(notification, $index)">
  22. </select>
  23. </div>
  24. </div>
  25. <gf-form-switch
  26. class="gf-form"
  27. label="Send on all alerts"
  28. label-class="width-12"
  29. checked="ctrl.model.isDefault"
  30. tooltip="Use this notification for all alerts">
  31. </gf-form-switch>
  32. <gf-form-switch
  33. class="gf-form"
  34. label="Include image"
  35. label-class="width-12"
  36. checked="ctrl.model.settings.uploadImage"
  37. tooltip="Captures an image and include it in the notification">
  38. </gf-form-switch>
  39. </div>
  40. <div class="gf-form-group" ng-include src="ctrl.notifierTemplateId">
  41. </div>
  42. <div class="gf-form-group">
  43. <div class="gf-form-inline">
  44. <div class="gf-form width-6">
  45. <button type="submit" ng-click="ctrl.save()" class="btn btn-success">Save</button>
  46. </div>
  47. <div class="gf-form width-20">
  48. <div class="gf-form">
  49. <button type="submit" ng-click="ctrl.testNotification()" class="btn btn-secondary">Send Test</button>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </form>
  55. </div>