From 72478c0bc66044602307dea7becf2607331ef016 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Mon, 27 Jul 2015 17:49:30 +0300
Subject: [PATCH] iss #19 - Rewrite query editor switching for more
 scalability.

---
 zabbix/partials/query.editor.html | 14 +++++++-------
 zabbix/queryCtrl.js               | 12 +++++++++---
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/zabbix/partials/query.editor.html b/zabbix/partials/query.editor.html
index 30a53d6..c7bf228 100644
--- a/zabbix/partials/query.editor.html
+++ b/zabbix/partials/query.editor.html
@@ -17,13 +17,13 @@
             </a>
             <ul class="dropdown-menu pull-right" role="menu">
               <!-- Switch to IT Services editor -->
-              <li role="menuitem" ng-hide="target.ITService">
+              <li role="menuitem" ng-hide="target.mode == 1">
                 <a class="pointer" tabindex="1"
-                   ng-click="switchEditorMode()">IT Services</a>
+                   ng-click="switchEditorMode(1)">IT services</a>
               </li>
-              <li role="menuitem" ng-show="target.ITService">
+              <li role="menuitem" ng-show="target.mode">
                 <a class="pointer" tabindex="1"
-                   ng-click="switchEditorMode()">Items</a>
+                   ng-click="switchEditorMode(0)">Items</a>
               </li>
               <li class="divider" role="menuitem"></li>
               <li role="menuitem"><a tabindex="1" ng-click="duplicate()">Duplicate</a></li>
@@ -53,7 +53,7 @@
       </ul>
 
       <!-- IT Service editor -->
-      <ul class="tight-form-list" role="menu" ng-show="target.ITService">
+      <ul class="tight-form-list" role="menu" ng-show="target.mode == 1">
         <li class="tight-form-item input-small">IT Service</li>
         <li>
           <select class="tight-form-input input-large"
@@ -75,7 +75,7 @@
         </li>
       </ul>
 
-      <ul class="tight-form-list" role="menu" ng-hide="target.ITService">
+      <ul class="tight-form-list" role="menu" ng-hide="target.mode">
         <!-- Alias -->
         <li>
           <input type="text"
@@ -136,7 +136,7 @@
       <div class="clearfix"></div>
     </div>
 
-    <div class="tight-form" ng-hide="target.ITService">
+    <div class="tight-form" ng-hide="target.mode">
       <ul class="tight-form-list" role="menu">
         <li class="tight-form-item" style="min-width: 15px; text-align: center">&nbsp</li>
         <li class="tight-form-item">
diff --git a/zabbix/queryCtrl.js b/zabbix/queryCtrl.js
index 88a3375..d565d1a 100644
--- a/zabbix/queryCtrl.js
+++ b/zabbix/queryCtrl.js
@@ -13,7 +13,7 @@ define([
 
       $scope.init = function () {
         $scope.targetLetters = targetLetters;
-        if ($scope.target.ITService) {
+        if ($scope.target.mode === 1) {
           $scope.slaPropertyList = [
             {name: "Status", property: "status"},
             {name: "SLA", property: "sla"},
@@ -43,8 +43,14 @@ define([
         $scope.target.errors = validateTarget($scope.target);
       };
 
-      $scope.switchEditorMode = function () {
-        $scope.target.ITService = !$scope.target.ITService;
+      /**
+       * Switch query editor to specified mode.
+       * Modes:
+       *  0 - items
+       *  1 - IT services
+       */
+      $scope.switchEditorMode = function (mode) {
+        $scope.target.mode = mode;
         $scope.init();
       };