| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <div class="panel-alert-list">
- <div class="panel-alert-list__no-alerts" ng-show="ctrl.noAlertsMessage">
- {{ctrl.noAlertsMessage}}
- </div>
- <section ng-if="ctrl.panel.show === 'current'">
- <ol class="alert-rule-list">
- <li class="alert-rule-item" ng-repeat="alert in ctrl.currentAlerts">
- <div class="alert-rule-item__body">
- <div class="alert-rule-item__icon {{alert.stateModel.stateClass}}">
- <i class="{{alert.stateModel.iconClass}}"></i>
- </div>
- <div class="alert-rule-item__header">
- <p class="alert-rule-item__name">
- <a href="dashboard/{{alert.dashboardUri}}?panelId={{alert.panelId}}&fullscreen&edit&tab=alert">
- {{alert.name}}
- </a>
- </p>
- <div class="alert-rule-item__text">
- <span class="{{alert.stateModel.stateClass}}">{{alert.stateModel.text}}</span>
- <span class="alert-rule-item__time">for {{alert.newStateDateAgo}}</span>
- </div>
- </div>
- </div>
- </li>
- </ol>
- </section>
- <section ng-if="ctrl.panel.show === 'changes'">
- <ol class="alert-rule-list">
- <li class="alert-rule-item" ng-repeat="al in ctrl.alertHistory">
- <div class="alert-rule-item__body">
- <div class="alert-rule-item__icon {{al.stateModel.stateClass}}">
- <i class="{{al.stateModel.iconClass}}"></i>
- </div>
- <div class="alert-rule-item__header">
- <p class="alert-rule-item__name">{{al.alertName}}</p>
- <div class="alert-rule-item__text">
- <span class="{{al.stateModel.stateClass}}">{{al.stateModel.text}}</span>
- </div>
- </div>
- <span ng-show="al.info !== 'No Data'" class="alert-rule-item__info alert-rule-item__info--left">{{al.info}}</span>
- </div>
- <div class="alert-list__footer alert-list__footer--column alert-rule-item__time">
- <span>{{al.time}}</span>
- <span>
- <!--Img Link-->
- </span>
- </div>
- </li>
- </ol>
- </section>
- </div>
|