From fddb5012d49353ca62b7e504952a6315c64d641d Mon Sep 17 00:00:00 2001
From: Aiko Mastboom <Aiko.Mastboom@informaat.nl>
Date: Mon, 22 Apr 2013 16:07:19 +0200
Subject: [PATCH] add preview button

---
 README.md         |  7 ++++---
 preview.js        |  5 +++--
 public/index.html | 27 +++++++++++++++++++++++++++
 responder.js      |  3 ++-
 routes.js         | 15 ++++++++++++---
 5 files changed, 48 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 12c3c50..6eb214d 100644
--- a/README.md
+++ b/README.md
@@ -6,15 +6,16 @@ Change the mongo url to your mongodb
 
     npm start
 
-    http://localhost:8000/index.html
+[/index.html](http://localhost:8000/index.html)
 
 Import content defined in index.html into db:
 
-    http://localhost:8000/importer/index.html
+[/importer/index.html](http://localhost:8000/importer/index.html)
+
 
 Dogfood viewing of index.html from db:
 
-    http://localhost:8000/page/app/main.index.html
+[/page/app/main.index.html](http://localhost:8000/page/app/main.index.html)
 
 
 # Features:
diff --git a/preview.js b/preview.js
index 87319a3..123b510 100644
--- a/preview.js
+++ b/preview.js
@@ -174,13 +174,14 @@ module.exports = function (config, mongoDataInstance) {
 				var attribute = {
 					collection: parts[1],
 					name: parts[2],
-					attribute: parts[3]
+					attribute: parts[3],
+					query: { name: parts[2] }
 				};
 				return mongoDataInstance.getMongoAttribute(attribute, function handleMarkdownContent(err, markdown_result) {
 					if (err) {
 						return callback(err);
 					}
-					var html = markdown.toHTML(markdown_result[options.attribute]);
+					var html = markdown.toHTML(markdown_result[attribute.attribute]);
 					return callback(null, {
 						regExp: new RegExp(result, 'gmi'),
 						value: html
diff --git a/public/index.html b/public/index.html
index 0041d12..c595b2e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -55,6 +55,7 @@
                     </div>
                     <!-- /ko -->
                 </div>
+                <button class="btn pull-right" title="preview" data-bind="enable: $root._chosenAttributeId, click: $root._previewAttribute"><i class="icon-eye-open"></i></button>
                 <!--<ul class="nav pull-right"><li>-->
                 <div class="nav navbar-form pull-right">
                     <input type="text" class="span2"
@@ -198,8 +199,20 @@ function addComputed(doc) {
             });
 }
 
+function getExtensionForAttribute(attribute) {
+    var mode = getModeForAttribute(attribute);
+    if (mode && mode.ace() == 'markdown') {
+        return '.md';
+    } else {
+        return '.html';
+    }
+}
+
 function getModeForChosenAttribute() {
     var attribute = viewModel._chosenAttributeId();
+    return getModeForAttribute(attribute)
+}
+function getModeForAttribute(attribute) {
     if (!attribute) {
         return null;
     }
@@ -226,6 +239,10 @@ function updateSelectedMode() {
     }
 }
 
+function open_in_new_tab(url) {
+    var win = window.open(url, '_blank');
+    win.focus();
+}
 
 function initViewModel(doc) {
     viewModel_updating = true;
@@ -253,6 +270,16 @@ function initViewModel(doc) {
             })
         }
     });
+
+    viewModel._previewAttribute = function () {
+        var id = viewModel._chosenAttributeId();
+        if (id) {
+            var ext = getExtensionForAttribute(id);
+            var url = '/page/app/main.'+id+ext;
+            open_in_new_tab(url);
+        }
+
+    }
     viewModel._getMode = ko.computed(function () {
         var id = viewModel._chosenAttributeId();
         return id && viewModel[id].mode;
diff --git a/responder.js b/responder.js
index 6e6dedd..4389955 100644
--- a/responder.js
+++ b/responder.js
@@ -1,6 +1,7 @@
 var mimetypes = {
 	'js': 'application/javascript',
 	'html': 'text/html',
+	'md': 'text/html',
 	'text': 'text/plain',
 	'css': 'text/css',
 	'less': 'text/css'
@@ -21,7 +22,7 @@ module.exports = function (options, res, next) {
 			if (/Data not found*/.test(err.message)) {
 				res.status(404);
 			}
-			return next(err.message);
+			return next(JSON.stringify(	err));
 		}
 		var contentType = getMimeType(options.ext);
 		res.setHeader('Content-Type', contentType);
diff --git a/routes.js b/routes.js
index c38dacd..e55268d 100644
--- a/routes.js
+++ b/routes.js
@@ -282,10 +282,10 @@ module.exports = function (app, db, config) {
 
 	var previewInstance = preview(config, mongoDataInstance);
 
-	route = config.api.preview + '/:collection/:name.:ext(html)';
+	route = config.api.preview + '/:collection/:name.:ext(html|md)';
 	app.get(route,
 		function getPreviewContent(req, res, next) {
-			config.debug && console.log('/page/:collection/:name.:ext(html)');
+			config.debug && console.log('/page/:collection/:name.:ext(html|md)');
 			var options = {
 				collection: req.params.collection,
 				ext: req.params.ext,
@@ -294,7 +294,16 @@ module.exports = function (app, db, config) {
 					headers: req.headers
 				}
 			};
-			mongoDataInstance.getMongoContent(options, function handleResult(err, result) {
+			if(options.ext == 'md') {
+				var attribute_parts = options.query.name.split('.');
+				var markdownTag='markdown__'+options.collection+'_'+attribute_parts[0]+'_'+attribute_parts[1];
+				//var markdownDocument=helpers.marker_prefix + markdownTag + helpers.marker_postfix;
+				var markdownDocument='<!-- @@' + markdownTag + ' -->';
+				return previewInstance.getPreviewHTML(markdownDocument, { req:options.req },
+					responder(options, res, next)
+				);
+			}
+			return mongoDataInstance.getMongoContent(options, function handleResult(err, result) {
 				if (err) {
 					return responder(options, res, next)(err, result);
 				}