From d21f97e69b287da643274fe698ca95a9b2951139 Mon Sep 17 00:00:00 2001
From: bergquist <carl.bergquist@gmail.com>
Date: Wed, 20 Apr 2016 21:38:31 +0200
Subject: [PATCH] feat(alerting): adds basic alerting tab

---
 public/app/plugins/panel/graph/module.ts      |  1 +
 .../panel/graph/partials/tab_alerting.html    | 66 +++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 public/app/plugins/panel/graph/partials/tab_alerting.html

diff --git a/public/app/plugins/panel/graph/module.ts b/public/app/plugins/panel/graph/module.ts
index 1fcd44204f7..d34e1e0ab0f 100644
--- a/public/app/plugins/panel/graph/module.ts
+++ b/public/app/plugins/panel/graph/module.ts
@@ -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,
diff --git a/public/app/plugins/panel/graph/partials/tab_alerting.html b/public/app/plugins/panel/graph/partials/tab_alerting.html
new file mode 100644
index 00000000000..72c3aa05bfb
--- /dev/null
+++ b/public/app/plugins/panel/graph/partials/tab_alerting.html
@@ -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>
+