From add7ed0f0f6be99d3ed49df0301c4f6466966e3e Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Fri, 24 Jul 2015 23:50:24 +0300
Subject: [PATCH] iss #19 - Implemented base behavior for switching editor to
 IT Services.

---
 zabbix/partials/query.editor.html | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/zabbix/partials/query.editor.html b/zabbix/partials/query.editor.html
index 4fccecb..fe8a516 100644
--- a/zabbix/partials/query.editor.html
+++ b/zabbix/partials/query.editor.html
@@ -16,6 +16,15 @@
               <i class="fa fa-bars"></i>
             </a>
             <ul class="dropdown-menu pull-right" role="menu">
+              <!-- Switch to IT Services editor -->
+              <li role="menuitem" ng-hide="target.ITService">
+                <a class="pointer" tabindex="1"
+                   ng-click="target.ITService = true">IT Services</a>
+              </li>
+              <li role="menuitem" ng-show="target.ITService">
+                <a class="pointer" tabindex="1"
+                   ng-click="target.ITService = false">Items</a>
+              </li>
               <li role="menuitem"><a tabindex="1" ng-click="duplicate()">Duplicate</a></li>
               <li role="menuitem"><a tabindex="1" ng-click="moveMetricQuery($index, $index-1)">Move up</a></li>
               <li role="menuitem"><a tabindex="1" ng-click="moveMetricQuery($index, $index+1)">Move down</a></li>
@@ -42,7 +51,20 @@
         </li>
       </ul>
 
-      <ul class="tight-form-list" role="menu">
+      <ul class="tight-form-list" role="menu" ng-show="target.ITService">
+        <!-- Select IT Service -->
+        <li class="tight-form-item input-small" style="width: 5em">IT Service</li>
+        <li>
+          <input type="text"
+                 class="tight-form-input input-medium"
+                 ng-model="target.itservice"
+                 spellcheck='false'
+                 placeholder="IT Service"
+                 ng-blur="targetBlur()">
+        </li>
+      </ul>
+
+      <ul class="tight-form-list" role="menu" ng-hide="target.ITService">
         <!-- Alias -->
         <li>
           <input type="text"
@@ -103,7 +125,7 @@
       <div class="clearfix"></div>
     </div>
 
-    <div class="tight-form">
+    <div class="tight-form" ng-hide="target.ITService">
       <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">