Fauxton: Add preview to edit index and fix preview bug

2 files changed, 20 insertions, 3 deletions

diff --git a/src/fauxton/app/modules/documents/views.js b/src/fauxton/app/modules/documents/views.js
index ffbc1d158..cf939e26b 100644
--- a/src/fauxton/app/modules/documents/views.js
+++ b/src/fauxton/app/modules/documents/views.js
@@ -1164,7 +1164,7 @@ function(app, FauxtonAPI, Components, Documents, pouchdb, resizeColumns) {
       "click button.save": "saveView",
       "click button.delete": "deleteView",
       "change select#reduce-function-selector": "updateReduce",
-      
+      "click button.preview": "previewView",
       "click #db-views-tabs-nav": 'toggleIndexNav'
     },
 
@@ -1344,10 +1344,17 @@ function(app, FauxtonAPI, Components, Documents, pouchdb, resizeColumns) {
 
 
     previewView: function(event, paramsInfo) {
+      event.preventDefault();
       var that = this,
-      mapVal = this.mapEditor.getValue(),
+      mapVal = this.mapVal(),
       reduceVal = this.reduceVal(),
-      paramsArr = paramsInfo.params;
+      paramsArr = [];
+
+      console.log(mapVal);
+      
+      if (paramsInfo && paramsInfo.params) {
+        paramsArr = paramsInfo.params;
+      }
 
       var params = _.reduce(paramsArr, function (params, param) {
         params[param.name] = param.value;
@@ -1390,6 +1397,15 @@ function(app, FauxtonAPI, Components, Documents, pouchdb, resizeColumns) {
       return $("#reduce-function-selector").val() == "CUSTOM";
     },
 
+    mapVal: function () {
+
+      if (this.mapEditor) {
+        return this.mapEditor.getValue();
+      }
+
+      return this.$('#map-function').text();
+    },
+
     reduceVal: function() {
       var reduceOption = this.$('#reduce-function-selector :selected').val(),
       reduceVal = "";
diff --git a/src/fauxton/app/templates/documents/view_editor.html b/src/fauxton/app/templates/documents/view_editor.html
index f35b8abfe..bb6e0af0b 100644
--- a/src/fauxton/app/templates/documents/view_editor.html
+++ b/src/fauxton/app/templates/documents/view_editor.html
@@ -67,6 +67,7 @@ the License.
 
           <div class="control-group">
             <button class="button green save fonticon-circle-check">Save</button>
+            <button class="button btn-info preview">Preview</button>
             <% if (!this.newView) { %>
             <button class="button delete outlineGray fonticon-circle-x">Delete</button>
             <% } %>