module.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <div class="panel-alert-list" style="{{ctrl.contentHeight}}">
  2. <section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'current'">
  3. <ol class="card-list">
  4. <li class="card-item-wrapper" ng-repeat="alert in ctrl.currentAlerts">
  5. <div class="card-item card-item--alert">
  6. <div class="card-item-body">
  7. <div class="card-item-details">
  8. <div class="card-item-notice">
  9. <a href="dashboard/{{alert.dashboardUri}}?panelId={{alert.panelId}}&fullscreen&edit&tab=alert">
  10. {{alert.name}}
  11. </a>
  12. </div>
  13. <div class="card-item-sub-name">
  14. <span class="alert-list-item-state {{alert.stateModel.stateClass}}">
  15. <i class="{{alert.stateModel.iconClass}}"></i>
  16. {{alert.stateModel.text}}
  17. </span> for {{alert.newStateDateAgo}}
  18. </div>
  19. <div class="small muted" ng-show="alert.executionError">
  20. {{alert.executionError}}
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. </li>
  26. </ol>
  27. </section>
  28. <section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'changes'">
  29. <ol class="card-list">
  30. <li class="card-item-wrapper" ng-repeat="al in ctrl.alertHistory">
  31. <div class="card-item card-item--alert">
  32. <div class="card-item-header">
  33. <div class="card-item-sub-name">{{al.time}}</div>
  34. </div>
  35. <div class="card-item-body">
  36. <div class="card-item-details">
  37. <div class="card-item-notice">{{al.title}}</div>
  38. <div class="card-item-sub-name">
  39. <span class="alert-list-item-state {{al.stateModel.stateClass}}">
  40. <i class="{{al.stateModel.iconClass}}"></i>
  41. {{al.stateModel.text}}
  42. </span> {{al.info}}
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </li>
  48. </ol>
  49. </section>
  50. </div>