IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat(alerting): adds basic alerting tab

Browse Source
This commit is contained in:
bergquist 2016-04-20 21:38:31 +02:00
parent 96e88ee84d
commit d21f97e69b
2 changed files with 67 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/app/plugins/panel/graph/module.ts
View File

@ -128,6 +128,7 @@ class GraphCtrl extends MetricsPanelCtrl {
this.addEditorTab('Axes', 'public/app/plugins/panel/graph/tab_axes.html', 2);
this.addEditorTab('Legend', 'public/app/plugins/panel/graph/tab_legend.html', 3);
this.addEditorTab('Display', 'public/app/plugins/panel/graph/tab_display.html', 4);
this.addEditorTab('Alerting', 'public/app/plugins/panel/graph/partials/tab_alerting.html', 5);
this.logScales = {
'linear': 1,

66
public/app/plugins/panel/graph/partials/tab_alerting.html Normal file
View File

@ -0,0 +1,66 @@
<div class="editor-row">
<div class="gf-form-group section">
</div>
<div class="gf-form-group section">
<h5 class="section-heading">Query</h5>
<div class="gf-form">
<span class="gf-form-label">Query to watch</span>
<div class="gf-form-select-wrapper">
<select class="gf-form-input gf-size-auto"
ng-model="ctrl.panel.alerting.query_ref"
ng-options="target.refId as target.refId for target in ctrl.panel.targets"></select>
</div>
</div>
<h5 class="section-heading">Thresholds</h5>
<div class="gf-form">
<span class="gf-form-label width-7">Warn level</span>
<input class="gf-form-input max-width-7" type="text" ng-model="ctrl.panel.alerting.warn_level"></input>
</div>
<div class="gf-form">
<span class="gf-form-label width-7">Critical level</span>
<input class="gf-form-input max-width-7" type="text" ng-model="ctrl.panel.alerting.crit_level"></input>
</div>
</div>
<div class="gf-form-group section">
<h5 class="section-heading">Aggregation settings</h5>
<div class="gf-form">
<span class="gf-form-label width-10">Aggregation method</span>
<div class="gf-form-select-wrapper">
<select class="gf-form-input max-width-10"
ng-model="ctrl.panel.alerting.aggregator"
ng-options="oper as oper for oper in ['avg', 'sum']"></select>
</div>
</div>
<div class="gf-form">
<span class="gf-form-label width-10">Query range</span>
<input class="gf-form-input max-width-10" type="text"
ng-model="ctrl.panel.alerting.query_range" placeholder="10m"></input>
</div>
<div class="gf-form">
<span class="gf-form-label width-10">Interval</span>
<input class="gf-form-input max-width-10" type="text"
ng-model="ctrl.panel.alerting.interval" placeholder="10s"></input>
</div>
</div>
<div class="gf-form-group section">
<h5 class="section-heading">Alert info</h5>
<div class="gf-form">
<span class="gf-form-label width-10">Alert name</span>
<input type="text" class="gf-form-input max-width-26" ng-model="ctrl.panel.alerting.title">
</div>
<div class="gf-form-inline">
<div class="gf-form">
<span class="gf-form-label width-10">Alert description</span>
</div>
<div class="gf-form">
<textarea rows="4" ng-model="ctrl.panel.alerting.description" class="gf-form-input max-width-26"></textarea>
</div>
</div>
</div>
</div>