From a94be4c4de4a7b27272948ed3d19246f6bf3cc2b Mon Sep 17 00:00:00 2001
From: fazo96 <fazius2009@gmail.com>
Date: Sat, 4 Oct 2014 10:40:16 +0200
Subject: [PATCH] handle empty documents and better loading

---
 client/style.less     |  4 ++++
 client/templates.html | 11 +++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/client/style.less b/client/style.less
index 4b8125d..16ef992 100644
--- a/client/style.less
+++ b/client/style.less
@@ -8,6 +8,10 @@
   top: 1em;
 }
 
+#loading {
+  margin-top: 2em;
+}
+
 #new-btn {
   margin-top: 1em;
 }
diff --git a/client/templates.html b/client/templates.html
index 43150e4..bba3df0 100644
--- a/client/templates.html
+++ b/client/templates.html
@@ -27,13 +27,20 @@
 </template>
 
 <template name="doc">
-  {{#markdown}}{{text}}{{/markdown}}
+  {{#if text}}
+    {{#markdown}}{{text}}{{/markdown}}
+  {{else}}
+  <div class="text-center">
+    <h1>Sorry</h1>
+    <p>This document is empty, expired, or never existed.</p>
+  </div>
+  {{/if}}
   <hr>
   <div class="text-center">Powered by <a href="/">MarkCloud</a></div>
 </template>
 
 <template name="loading">
-<div class="text-center">
+<div id="loading" class="text-center">
   <i class="fa fa-cog fa-spin fa-3x"></i>
 </div>
 </template>