triggers panel: highlight new events

This commit is contained in:
Alexander Zobnin
2017-12-13 23:00:53 +03:00
parent c1cb3b41d8
commit f53db242d7
10 changed files with 80 additions and 39 deletions

View File

@@ -7,7 +7,7 @@
<div class="alert-list-body">
<div class="alert-list-icon alert-list-item-state alert-list-icon--alerting"
ng-style="{color: trigger.color}">
<i class="icon-gf" ng-class="ctrl.getAlertStateIcon(trigger)"></i>
<i class="icon-gf" ng-class="ctrl.getAlertIconClass(trigger)"></i>
</div>
<div class="alert-list-main">
<p class="alert-list-title">
@@ -18,10 +18,10 @@
</p>
<p class="alert-list-text">
<span ng-if="ctrl.panel.statusField" class="alert-list-state" ng-class="ctrl.getStatusClass(trigger)">
<span ng-if="ctrl.panel.statusField" class="alert-list-state" ng-class="ctrl.getAlertStateClass(trigger)">
{{ctrl.triggerStatusMap[trigger.value]}}
</span>
<span ng-if="ctrl.panel.severityField" class="alert-list-state" ng-class="ctrl.getStatusClass(trigger)"
<span ng-if="ctrl.panel.severityField" class="alert-list-state" ng-class="ctrl.getAlertStateClass(trigger)"
ng-style="{color: trigger.color}">
{{trigger.severity}}
</span>

View File

@@ -83,9 +83,9 @@
<div class="section gf-form-group">
<h5 class="section-heading">View options</h5>
<div class="gf-form max-width-14">
<label class="gf-form-label width-8">Font size</label>
<div class="gf-form-select-wrapper max-width-6">
<div class="gf-form">
<label class="gf-form-label width-10">Font size</label>
<div class="gf-form-select-wrapper max-width-8">
<select class="gf-form-input"
ng-model="editor.panel.fontSize"
ng-options="f for f in editor.fontSizes"
@@ -93,13 +93,26 @@
</div>
</div>
<div class="gf-form">
<label class="gf-form-label width-8">Page size</label>
<input class="gf-form-input width-6"
<label class="gf-form-label width-10">Page size</label>
<input class="gf-form-input width-8"
type="number"
ng-model="editor.panel.pageSize"
ng-model-onblur
ng-change="ctrl.render()">
</div>
<gf-form-switch class="gf-form"
label-class="width-10"
label="Highlight new events"
checked="ctrl.panel.highlightNewEvents"
on-change="ctrl.render()">
</gf-form-switch>
<div class="gf-form">
<label class="gf-form-label width-10">Newer than</label>
<input class="gf-form-input width-8"
ng-model="editor.panel.highlightNewerThan"
ng-model-onblur
ng-change="ctrl.render()">
</div>
<gf-form-switch class="gf-form"
label-class="width-16"
label="Custom Last change format"