notification_edit.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <navbar icon="fa fa-fw fa-list" title="Alerting" title-url="alerting">
  2. </navbar>
  3. <div class="page-container" >
  4. <div class="page-header">
  5. <h1>Alert notification</h1>
  6. </div>
  7. <div class="gf-form-group section">
  8. <div class="gf-form">
  9. <span class="gf-form-label width-8">Name</span>
  10. <input type="text" class="gf-form-input max-width-12" ng-model="ctrl.notification.name"></input>
  11. </div>
  12. <div class="gf-form">
  13. <span class="gf-form-label width-8">Type</span>
  14. <div class="gf-form-select-wrapper width-12">
  15. <select class="gf-form-input"
  16. ng-model="ctrl.notification.type"
  17. ng-options="t for t in ['webhook', 'email']"
  18. ng-change="ctrl.typeChanged(notification, $index)">
  19. </select>
  20. </div>
  21. </div>
  22. <div class="gf-form">
  23. <gf-form-switch class="gf-form" label-class="width-8" label="Always execute" checked="ctrl.notification.alwaysExecute" on-change=""></gf-form-switch>
  24. </div>
  25. </div>
  26. <div class="gf-form-group section" ng-show="ctrl.notification.type === 'webhook'">
  27. <div class="gf-form">
  28. <span class="gf-form-label width-6">Url</span>
  29. <input type="text" class="gf-form-input max-width-26" ng-model="ctrl.notification.settings.url"></input>
  30. </div>
  31. <div class="gf-form-inline">
  32. <div class="gf-form">
  33. <span class="gf-form-label width-6">Username</span>
  34. <input type="text" class="gf-form-input max-width-10" ng-model="ctrl.notification.settings.username"></input>
  35. </div>
  36. <div class="gf-form">
  37. <span class="gf-form-label width-6">Password</span>
  38. <input type="text" class="gf-form-input max-width-10" ng-model="ctrl.notification.settings.password"></input>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="gf-form-group section" ng-show="ctrl.notification.type === 'email'">
  43. <div class="gf-form">
  44. <span class="gf-form-label width-8">To</span>
  45. <input type="text" class="gf-form-input max-width-26" ng-model="ctrl.notification.settings.to">
  46. </div>
  47. </div>
  48. <div class="gf-form-button-group">
  49. <button ng-click="ctrl.save()" class="btn btn-success">Save</button>
  50. </div>
  51. </div>