Fix editors insert + Error pages styling

client/js/app.js

@@ -54,7 +54,7 @@ $(() => {
   // ====================================
 
   require('./pages/view.js')(alerts)
-  // require('./pages/create.js')
+  require('./pages/create.js')(alerts, socket)
   require('./pages/edit.js')(alerts, socket)
   require('./pages/source.js')(alerts)
   require('./pages/admin.js')(alerts)

client/js/components/editor-image.js

@@ -51,6 +51,7 @@ module.exports = (alerts, mde, mdeModalOpenState, socket) => {
         vueImage.currentImage = imageId
       },
       insertImage: (ev) => {
+        console.log(mde)
         if (mde.codemirror.doc.somethingSelected()) {
           mde.codemirror.execCommand('singleSelection')
         }

client/js/components/editor.js

@@ -16,14 +16,13 @@ module.exports = (alerts, pageEntryPath, socket) => {
       return _.toUpper(filesize(v))
     })
 
-    let mde
     let mdeModalOpenState = false
-    let vueImage = require('./editor-image.js')(alerts, mde, mdeModalOpenState, socket)
-    let vueFile = require('./editor-file.js')(alerts, mde, mdeModalOpenState, socket)
-    let vueVideo = require('./editor-video.js')(mde, mdeModalOpenState)
-    let vueCodeBlock = require('./editor-codeblock.js')(mde, mdeModalOpenState)
+    let vueImage
+    let vueFile
+    let vueVideo
+    let vueCodeBlock
 
-    mde = new SimpleMDE({
+    let mde = new SimpleMDE({
       autofocus: true,
       autoDownloadFontAwesome: false,
       element: $('#mk-editor').get(0),
@@ -185,6 +184,11 @@ module.exports = (alerts, pageEntryPath, socket) => {
       }
     })
 
+    vueImage = require('./editor-image.js')(alerts, mde, mdeModalOpenState, socket)
+    vueFile = require('./editor-file.js')(alerts, mde, mdeModalOpenState, socket)
+    vueVideo = require('./editor-video.js')(mde, mdeModalOpenState)
+    vueCodeBlock = require('./editor-codeblock.js')(mde, mdeModalOpenState)
+
     // -> Save
 
     let saveCurrentDocument = (ev) => {

client/js/pages/create.js

@@ -1,15 +1,17 @@
-/* global $ */
+'use strict'
 
-if ($('#page-type-create').length) {
-  let pageEntryPath = $('#page-type-create').data('entrypath') // eslint-disable-line no-unused-vars
+import $ from 'jquery'
 
-  // -> Discard
+module.exports = (alerts, socket) => {
+  if ($('#page-type-create').length) {
+    let pageEntryPath = $('#page-type-create').data('entrypath')
 
-  $('.btn-create-discard').on('click', (ev) => {
-    $('#modal-create-discard').toggleClass('is-active')
-  })
+    // -> Discard
 
-  /* eslint-disable spaced-comment */
-  //=include ../components/editor.js
-  /* eslint-enable spaced-comment */
+    $('.btn-create-discard').on('click', (ev) => {
+      $('#modal-create-discard').toggleClass('is-active')
+    })
+
+    require('../components/editor.js')(alerts, pageEntryPath, socket)
+  }
 }