fix up /render/

8 years ago · fb21b4e46b
parent 168338b898
commit fb21b4e46b
3 changed files with 43 additions and 55 deletions
--- a/www/common/render-sd.css
+++ b/www/common/render-sd.css
@ -2,7 +2,17 @@ html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
+
+  /*background-color: #073642;*/
+  color: #839496;
+
+  font-family: 'PT Sans', sans-serif;
+}
+body {
+  background-color: #002b36;
 }
+
+
 a:focus {
  outline: thin dotted;
 }
@ -39,13 +49,11 @@ table {
  border-collapse: collapse;
  border-spacing: 0;
 }
-html {
-  font-family: 'PT Sans', sans-serif;
-}
 pre,
 code {
  font-family: 'Inconsolata', sans-serif;
 }
+
 h1,
 h2,
 h3,
@ -55,18 +63,6 @@ h6 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
 }
-html {
-  background-color: #073642;
-  color: #839496;
-  margin: 1em;
-}
-body {
-  background-color: #002b36;
-  margin: 0 auto;
-  max-width: 23cm;
-  border: 1pt solid #586e75;
-  padding: 1em;
-}
 code {
  background-color: #073642;
  padding: 2px;
@ -94,7 +90,6 @@ pre {
  background-color: #002b36;
  color: #839496;
  border: 1pt solid #586e75;
-  padding: 1em;
  box-shadow: 5pt 5pt 8pt #073642;
 }
 pre code {
@ -118,3 +113,4 @@ h5 {
 h6 {
  font-size: 1.15em;
 }
+
--- a/www/render/index.html
+++ b/www/render/index.html
@ -3,46 +3,32 @@
 <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <link rel="stylesheet" href="/common/render-sd.css"></link>
+    <link rel="stylesheet" href="/common/render-sd.css" />
    <script data-main="main" src="/bower_components/requirejs/require.js"></script>
    <style>
        html, body {
-            padding: 0px;
-            margin: 0px;
-            box-sizing: border-box;
-        }
-        #target {
-            position: fixed;
+            padding: 0;
+            margin: 0;
            width: 100%;
-            max-width: 100%;
+            min-height: 100%;
+        }
+
+        body { overflow-y: auto; }
+
+        #inner {
+            display: fixed;
+            width: 95%;
            height: 100%;
-            overflow: auto;
-            font-size: 15px;
            top: 0px;
            left: 0px;
-        }
-        #inner {
-            margin: 15px;
-        }
-        /* don't show the textarea, it's strictly functional */
-        textarea {
-            display: none;
-        }
-        /* don't let images overflow*/
-        img {
-            max-width: 100%;
-        }
-        /* monospace for code */
-        code {
-            font-family: monospace;
-        }

-        /* bigger text size for difficult to read elements */
-        blockquote, p, pre, code, li {
-            font-size: 20px;
+            margin: 0px auto;
+            padding: 0px;
        }
+        img { max-width: 100%; }
+        code { font-family: monospace; }

-        /* tables */
+        blockquote, p, pre, code, li { font-size: 20px; }
        table, thead, tbody, th, tr, td{
            border: 1pt solid #586e75;
            background-color: #002b36;
@ -54,6 +40,3 @@
    <div id="target">
        <div id="inner"></div> 
    </div>
-    <textarea></textarea>
-</body>
-</html>
--- a/www/render/main.js
+++ b/www/render/main.js
@ -5,10 +5,9 @@ define([
    '/bower_components/marked/marked.min.js',
    '/bower_components/hyperjson/hyperjson.js',
    '/common/cryptpad-common.js',
-    //'/common/convert.js',
    '/bower_components/jquery/dist/jquery.min.js',
    '/bower_components/diff-dom/diffDOM.js',
-    '/customize/pad.js'
+    //'/customize/pad.js'
 ], function (Config, Realtime, Crypto, Marked, Hyperjson, Cryptpad) {
    var $ = window.jQuery;
    var DiffDom = window.diffDOM;
@ -27,7 +26,6 @@ define([
    var config = {
        websocketURL: Config.websocketURL,
        channel: secret.channel,
-        //cryptKey: secret.key,
        crypto: Crypto.createEncryptor(secret.key)
    };

@ -49,7 +47,6 @@ define([
        };
    }());

-    var $inner = $('#inner');
    var redrawTimeout;
    var lazyDraw = function (md) {
        if (redrawTimeout) { clearTimeout(redrawTimeout); }
@ -65,11 +62,23 @@ define([
        module.realtime = info.realtime;
    };

+    var getContent = function (userDoc) {
+        try {
+            var parsed = JSON.parse(userDoc);
+            if (typeof(parsed.content) !== 'string') {
+                throw new Error();
+            }
+            return parsed.content;
+        } catch (err) {
+            return userDoc;
+        }
+    };
+
    // when your editor is ready
    var onReady = config.onReady = function (info) {
        console.log("Realtime is ready!");
        var userDoc = module.realtime.getUserDoc();
-        lazyDraw(userDoc);
+        lazyDraw(getContent(userDoc));
        initializing = false;
    };

@ -77,7 +86,7 @@ define([
    var onRemote = config.onRemote = function () {
        if (initializing) { return; }
        var userDoc = module.realtime.getUserDoc();
-        lazyDraw(userDoc);
+        lazyDraw(getContent(userDoc));
    };

    var onLocal = config.onLocal = function () {