module.html 2.2 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="alert-list card-item card-item--alert">
  6. <div class="alert-list-body">
  7. <div class="alert-list-icon alert-list-item-state {{alert.stateModel.stateClass}}">
  8. <i class="{{alert.stateModel.iconClass}}"></i>
  9. </div>
  10. <div class="alert-list-main">
  11. <p class="alert-list-title">
  12. <a href="dashboard/{{alert.dashboardUri}}?panelId={{alert.panelId}}&fullscreen&edit&tab=alert">
  13. {{alert.name}}
  14. </a>
  15. </p>
  16. <p class="alert-list-text">
  17. <span class="alert-list-state {{alert.stateModel.stateClass}}">{{alert.stateModel.text}}</span>
  18. for {{alert.newStateDateAgo}}
  19. </p>
  20. </div>
  21. </div>
  22. </div>
  23. </li>
  24. </ol>
  25. </section>
  26. <section class="card-section card-list-layout-list" ng-if="ctrl.panel.show === 'changes'">
  27. <ol class ="card-list">
  28. <li class="card-item-wrapper" ng-repeat="al in ctrl.alertHistory">
  29. <div class="alert-list card-item card-item--alert">
  30. <div class="alert-list-body">
  31. <div class="alert-list-icon alert-list-item-state {{al.stateModel.stateClass}}">
  32. <i class="{{al.stateModel.iconClass}}"></i>
  33. </div>
  34. <div class="alert-list-main">
  35. <p class="alert-list-title">{{al.title}}</p>
  36. <div class="alert-list-text">
  37. <span class="alert-list-state {{al.stateModel.stateClass}}">{{al.stateModel.text}}</span>
  38. <span class="alert-list-info alert-list-info-left">{{al.info}}</span>
  39. </div>
  40. </div>
  41. </div>
  42. <div class="alert-list-footer">
  43. <span class="alert-list-text">{{al.time}}</span>
  44. <span class="alert-list-text"><!--Img Link--></span>
  45. </div>
  46. </div>
  47. </li>
  48. </ol>
  49. </section>
  50. </div>