From e32d541fc7e9456e97da44218899b332d24d867b Mon Sep 17 00:00:00 2001
From: Rufus Pollock <rufus.pollock@okfn.org>
Date: Fri, 24 Feb 2012 09:29:17 +0000
Subject: [PATCH] [#53,#27,view/query][s]: support for offset in query editor.

---
 src/view.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/view.js b/src/view.js
index 79a57b85..26f4d86a 100644
--- a/src/view.js
+++ b/src/view.js
@@ -177,13 +177,14 @@ my.DataExplorer = Backbone.View.extend({
 my.QueryEditor = Backbone.View.extend({
   className: 'recline-query-editor', 
   template: ' \
-    <form class="display-count"> \
-      Showing 0 to <input name="displayCount" type="text" value="{{size}}" title="Edit and hit enter to change the number of rows displayed" /> of  <span class="doc-count">{{docCount}}</span> \
+    <form action="" method="GET"> \
+      Showing <input name="size" type="text" value="{{size}}" title="Edit and hit enter to change the number of rows displayed" /> starting at <input name="offset" type="text" value="{{offset}}" /> of <span class="doc-count">{{docCount}}</span> \
+      <button type="submit" class="btn">Update &raquo;</button> \
     </form> \
   ',
 
   events: {
-    'submit form.display-count': 'onFormSubmit'
+    'submit form': 'onFormSubmit'
   },
 
   initialize: function() {
@@ -192,8 +193,9 @@ my.QueryEditor = Backbone.View.extend({
   },
   onFormSubmit: function(e) {
     e.preventDefault();
-    var newSize = parseInt(this.el.find('input[name="displayCount"]').val());
-    this.model.set({size: newSize});
+    var newSize = parseInt(this.el.find('input[name="size"]').val());
+    var newOffset = parseInt(this.el.find('input[name="offset"]').val());
+    this.model.set({size: newSize, offset: newOffset});
   },
   render: function() {
     var tmplData = this.model.toJSON();