From 36f6d3a53906ba233aedc35a11a6891f00a02547 Mon Sep 17 00:00:00 2001
From: Gareth Coles <gdude2002@gmail.com>
Date: Tue, 10 Apr 2018 13:33:26 +0100
Subject: [Wiki] Improve editor preview

Also, Flake8.
---
 pysite/rst/roles.py           |  2 +-
 templates/wiki/page_edit.html | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/pysite/rst/roles.py b/pysite/rst/roles.py
index 09c4d373..414832df 100644
--- a/pysite/rst/roles.py
+++ b/pysite/rst/roles.py
@@ -48,7 +48,7 @@ def icon_role(_role: str, rawtext: str, text: str, lineno: int, inliner: Inliner
 
 
 def url_for_role(_role: str, rawtext: str, text: str, lineno: int, inliner: Inliner,
-              options: dict = None, _content: dict = None):
+                 options: dict = None, _content: dict = None):
     if options is None:
         options = {}
 
diff --git a/templates/wiki/page_edit.html b/templates/wiki/page_edit.html
index 661e6b36..b797577d 100644
--- a/templates/wiki/page_edit.html
+++ b/templates/wiki/page_edit.html
@@ -24,10 +24,12 @@
         <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
     </form>
 
-    <h2>Preview</h2>
+    <div class="uk-container uk-container-small" style="padding: 1rem 1rem 0.1rem;">
+        <h2 id="preview-title">{{ title }}</h2>
 
-    <div class="uk-alert" id="preview-div" style="padding: 1rem 1rem 0.1rem;">
-        {{ preview | safe }}
+        <div id="preview-div">
+            {{ preview | safe }}
+        </div>
     </div>
 
     <script type="application/javascript">
@@ -85,6 +87,10 @@
                 clearTimeout(timer);
             }
             timer = setTimeout(function() {document.getElementById("preview").click()}, 1000);
-        })
+        });
+
+        document.getElementById("title").oninput = function() {
+            document.getElementById("preview-title").textContent = document.getElementById("title").value;
+        }
     </script>
 {% endblock %}
\ No newline at end of file
-- 
cgit v1.2.3