From 1a6e562df8c682952c84e915cd42a5bdc02d29d2 Mon Sep 17 00:00:00 2001
From: Vitor Baptista <vitor@vitorbaptista.com>
Date: Mon, 5 May 2014 22:12:51 -0300
Subject: [PATCH] [#1251] Add searching to recline grid

---
 ckanext/reclinepreview/theme/public/css/recline.css | 13 +++++++------
 .../reclinepreview/theme/public/preview_recline.js  |  5 +++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/ckanext/reclinepreview/theme/public/css/recline.css b/ckanext/reclinepreview/theme/public/css/recline.css
index 472e5443d9e..3ce4be8ab08 100644
--- a/ckanext/reclinepreview/theme/public/css/recline.css
+++ b/ckanext/reclinepreview/theme/public/css/recline.css
@@ -20,15 +20,12 @@ body {
 }
 
 .recline-pager .pagination {
-  margin: 10px 0 0 0;
-}
-
-.recline-pager .pagination ul {
-  box-shadow: none;
+  margin: 0;
+  float: left;
 }
 
 .recline-pager .pagination a {
-  padding: 0 10px;
+  line-height: 26px;
 }
 
 .recline-pager .pagination input {
@@ -37,6 +34,10 @@ body {
   padding: 2px 4px;
 }
 
+.recline-query-editor {
+  float: right;
+}
+
 .loading-spinner {
   float: right;
   background-image: url('../img/ajaxload-circle.gif');
diff --git a/ckanext/reclinepreview/theme/public/preview_recline.js b/ckanext/reclinepreview/theme/public/preview_recline.js
index c798cca6d23..85ac9d06d3b 100644
--- a/ckanext/reclinepreview/theme/public/preview_recline.js
+++ b/ckanext/reclinepreview/theme/public/preview_recline.js
@@ -103,7 +103,8 @@ this.ckan.module('reclinepreview', function (jQuery, _) {
         // default to Grid
         view = new recline.View.SlickGrid({model: dataset});
         controls = [
-          new recline.View.Pager({model: view.model.queryState})
+          new recline.View.Pager({model: view.model.queryState}),
+          new recline.View.QueryEditor({model: view.model.queryState})
         ];
       }
 
@@ -128,7 +129,7 @@ this.ckan.module('reclinepreview', function (jQuery, _) {
     },
 
     _renderControls: function (el, controls, className) {
-      var controlsEl = $("<div class=\"" + className + "\" />");
+      var controlsEl = $("<div class=\"clearfix " + className + "\" />");
       for (var i = 0; i < controls.length; i++) {
         controlsEl.append(controls[i].el);
       }