From e5f936c0cb32ff51a801ba3a15d77919ddca03f5 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Sat, 22 Jul 2017 21:34:48 +0300
Subject: [PATCH] DS config: hide alert options when not enable

---
 dist/datasource-zabbix/partials/config.html | 28 +++++++++++----------
 src/datasource-zabbix/partials/config.html  | 28 +++++++++++----------
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/dist/datasource-zabbix/partials/config.html b/dist/datasource-zabbix/partials/config.html
index 1e9af2d..aaa1368 100644
--- a/dist/datasource-zabbix/partials/config.html
+++ b/dist/datasource-zabbix/partials/config.html
@@ -99,19 +99,21 @@
     label="Enable alerting"
     checked="ctrl.current.jsonData.alerting">
   </gf-form-switch>
-  <gf-form-switch class="gf-form" label-class="width-9"
-    label="Add thresholds"
-    checked="ctrl.current.jsonData.addThresholds">
-  </gf-form-switch>
-  <div class="gf-form max-width-20">
-    <span class="gf-form-label width-9">Min severity</span>
-    <div class="gf-form-select-wrapper max-width-16">
-      <select class="gf-form-input" ng-model="ctrl.current.jsonData.alertingMinSeverity"
-        ng-options="s.val as s.text for s in [
-          {val: 0, text: 'Not classified'}, {val: 1, text:'Information'},
-          {val: 2, text: 'Warning'}, {val: 3, text: 'Average'},
-          {val: 4, text: 'High'}, {val: 5, text: 'Disaster'}]">
-      </select>
+  <div ng-if="ctrl.current.jsonData.alerting">
+    <gf-form-switch class="gf-form" label-class="width-9"
+      label="Add thresholds"
+      checked="ctrl.current.jsonData.addThresholds">
+    </gf-form-switch>
+    <div class="gf-form max-width-20">
+      <span class="gf-form-label width-9">Min severity</span>
+      <div class="gf-form-select-wrapper max-width-16">
+        <select class="gf-form-input" ng-model="ctrl.current.jsonData.alertingMinSeverity"
+          ng-options="s.val as s.text for s in [
+            {val: 0, text: 'Not classified'}, {val: 1, text:'Information'},
+            {val: 2, text: 'Warning'}, {val: 3, text: 'Average'},
+            {val: 4, text: 'High'}, {val: 5, text: 'Disaster'}]">
+        </select>
+      </div>
     </div>
   </div>
 </div>
diff --git a/src/datasource-zabbix/partials/config.html b/src/datasource-zabbix/partials/config.html
index 1e9af2d..aaa1368 100644
--- a/src/datasource-zabbix/partials/config.html
+++ b/src/datasource-zabbix/partials/config.html
@@ -99,19 +99,21 @@
     label="Enable alerting"
     checked="ctrl.current.jsonData.alerting">
   </gf-form-switch>
-  <gf-form-switch class="gf-form" label-class="width-9"
-    label="Add thresholds"
-    checked="ctrl.current.jsonData.addThresholds">
-  </gf-form-switch>
-  <div class="gf-form max-width-20">
-    <span class="gf-form-label width-9">Min severity</span>
-    <div class="gf-form-select-wrapper max-width-16">
-      <select class="gf-form-input" ng-model="ctrl.current.jsonData.alertingMinSeverity"
-        ng-options="s.val as s.text for s in [
-          {val: 0, text: 'Not classified'}, {val: 1, text:'Information'},
-          {val: 2, text: 'Warning'}, {val: 3, text: 'Average'},
-          {val: 4, text: 'High'}, {val: 5, text: 'Disaster'}]">
-      </select>
+  <div ng-if="ctrl.current.jsonData.alerting">
+    <gf-form-switch class="gf-form" label-class="width-9"
+      label="Add thresholds"
+      checked="ctrl.current.jsonData.addThresholds">
+    </gf-form-switch>
+    <div class="gf-form max-width-20">
+      <span class="gf-form-label width-9">Min severity</span>
+      <div class="gf-form-select-wrapper max-width-16">
+        <select class="gf-form-input" ng-model="ctrl.current.jsonData.alertingMinSeverity"
+          ng-options="s.val as s.text for s in [
+            {val: 0, text: 'Not classified'}, {val: 1, text:'Information'},
+            {val: 2, text: 'Warning'}, {val: 3, text: 'Average'},
+            {val: 4, text: 'High'}, {val: 5, text: 'Disaster'}]">
+        </select>
+      </div>
     </div>
   </div>
 </div>