From ceaf090af7b1b654131f68e3d51ba9e4aac8a9f8 Mon Sep 17 00:00:00 2001
From: Rashid Khan <rashidkpc@gmail.com>
Date: Mon, 29 Jul 2013 11:00:55 -0700
Subject: [PATCH] Brought back type dropdown in derivequeries close #212

---
 js/services.js                   |  2 +-
 panels/derivequeries/module.html | 40 +++++++-------------------------
 panels/derivequeries/module.js   |  1 +
 3 files changed, 11 insertions(+), 32 deletions(-)

diff --git a/js/services.js b/js/services.js
index 4aaced52dbd..1173e0e8464 100644
--- a/js/services.js
+++ b/js/services.js
@@ -9,7 +9,7 @@ angular.module('kibana.services', [])
   // Save a reference to this
   var self = this;
 
-  this.list = [];
+  this.list = ['_type'];
 
   this.add_fields = function(f) {
     self.list = _.union(f,self.list);
diff --git a/panels/derivequeries/module.html b/panels/derivequeries/module.html
index 5b37410aeb6..2ed00baa02c 100644
--- a/panels/derivequeries/module.html
+++ b/panels/derivequeries/module.html
@@ -5,6 +5,10 @@
     right:15px;
     top:5px;
   }
+  .panel-derive-field {
+    text-decoration: underline;
+    cursor: pointer;
+  }
   .panel-derive {
     padding-right: 35px !important;
     height: 31px !important;
@@ -16,38 +20,12 @@
   <span ng-show='panel.spyable' style="position:absolute;right:0px;top:0px" class='panelextra pointer'>
       <i bs-modal="'partials/modal.html'" class="icon-eye-open"></i>
   </span>
-  <!--
-  <div>
-    <form>
-      <table class="form-horizontal">
-        <tr>
-          <td><label><small>{{panel.label}}</small></label></td>
-          <td><label><small>Field</small></label></td>
-        </tr>
-        <tr>
-          <td width="97%" style="padding-right:20px">
-            <input bs-typeahead="panel.history" data-min-length=0 data-items=100 type="text" style="width:100%" ng-model="panel.query">
-          </td>
-          <td ng-show="panel.fields.length > 0">
-            <select class="input-small" ng-model="panel.field" ng-options="f for f in panel.fields"></select>
-          </td>
-          <td ng-show="panel.fields.length == 0">
-            <input class="input-small" ng-model="panel.field" type="text"/>
-          </td>
-          <td style="margin-left:20px" width="1%">
-            <button style="margin-top:0px" type="submit" class="btn btn-info" ng-click="get_data()"><i class="icon-search"></i></button>
-          </td>
-          <td width="1%">
-            <button style="margin-top:0px"  type="submit" class="btn btn-danger" ng-click="panel.query='';get_data()"><i class="icon-ban-circle"></i></button>
-          </td>
-        <tr>
-      </table>
-    </form>
-  </div>
-  -->
 
-
-  <label class="small">Create new queries from <strong>{{panel.field}}</strong> ({{panel.mode}} mode)</label>
+  <label class="small">Create new queries from 
+    <span class="panel-derive-field" ng-show="!editing" ng-click="editing=true">{{panel.field}}</span>
+    <select ng-show="editing && fields.list.length>1" class="input-medium" ng-model="panel.field" ng-options="f for f in fields.list" ng-change='editing=false' ng-blur="editing=false"></select>
+    <input ng-show="editing && fields.list.length<2" type="text" ng-model="panel.field" ng-blur="editing=false"/>
+    ({{panel.mode}} mode)</label>
   <div>
     <form class="form-search" style="position:relative" ng-submit="get_data()">
       <input class="search-query panel-derive input-block-level" bs-typeahead="panel.history" data-min-length=0 data-items=100 type="text" ng-model="panel.query"/>
diff --git a/panels/derivequeries/module.js b/panels/derivequeries/module.js
index b7a6ebf1092..d4a2018d8be 100644
--- a/panels/derivequeries/module.js
+++ b/panels/derivequeries/module.js
@@ -48,6 +48,7 @@ angular.module('kibana.derivequeries', [])
   _.defaults($scope.panel,_d);
 
   $scope.init = function() {
+    $scope.editing = false;
     $scope.panel.fields = fields.list;
   };