fix(admin): fix netlify cms config

lukeocodes · Nov 9, 2020 · 38ed05e · 38ed05e
1 parent 9b77a63
commit 38ed05e
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/static/admin/index.html b/static/admin/index.html
@@ -10,5 +10,22 @@
   <body>
     <!-- Include the script that builds the page and powers Netlify CMS -->
     <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
+    <script>
+      var PostPreview = createClass({
+        render: function() {
+          var entry = this.props.entry;
+          var featuredimage = entry.getIn(['data', 'featuredimage']);
+          var image = this.props.getAsset(featuredimage);
+          return h('div', {},
+            h('h1', {}, entry.getIn(['data', 'title'])),
+            h('img', {src: image.toString()}),
+            h('div', {"className": "text"}, this.props.widgetFor('body'))
+          );
+        }
+      });
+
+      CMS.registerPreviewStyle("netlify-preview.css");
+      CMS.registerPreviewTemplate("blog", PostPreview);
+    </script>  
   </body>
 </html>
diff --git a/static/admin/netlify-preview.css b/static/admin/netlify-preview.css
@@ -0,0 +1,16 @@
+html,
+body {
+  color: #444;
+  font-size: 14px;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+body {
+  padding: 20px;
+}
+
+img {
+  max-width: 100vw;
+  max-height: 50vw;
+  margin: 20px 0;
+}