Loading screen on editor / source init state

client/js/components/editor.js

@@ -5,6 +5,7 @@ import Vue from 'vue'
 import _ from 'lodash'
 import filesize from 'filesize.js'
 import SimpleMDE from 'simplemde'
+import pageLoader from '../components/page-loader'
 
 // ====================================
 // Markdown Editor
@@ -189,6 +190,8 @@ module.exports = (alerts, pageEntryPath, socket) => {
     vueVideo = require('./editor-video.js')(mde, mdeModalOpenState)
     vueCodeBlock = require('./editor-codeblock.js')(mde, mdeModalOpenState)
 
+    pageLoader.complete()
+
     // -> Save
 
     let saveCurrentDocument = (ev) => {

client/js/components/page-loader.js

@@ -0,0 +1,14 @@
+'use strict'
+
+import $ from 'jquery'
+import _ from 'lodash'
+
+module.exports = {
+
+  complete () {
+    $('#page-loader').addClass('is-loaded')
+    _.delay(() => {
+      $('#page-loader').addClass('is-hidden')
+    }, 1100)
+  }
+}

client/js/login.js

@@ -1,7 +1,7 @@
 'use strict'
 
-import jQuery from 'jquery'
+import $ from 'jquery'
 
-jQuery(document).ready(function ($) {
+$(() => {
   $('#login-user').focus()
 })

client/js/pages/source.js

@@ -4,6 +4,7 @@ import $ from 'jquery'
 import * as ace from 'brace'
 import 'brace/theme/tomorrow_night'
 import 'brace/mode/markdown'
+import pageLoader from '../components/page-loader'
 
 module.exports = (alerts) => {
   if ($('#page-type-source').length) {
@@ -20,5 +21,9 @@ module.exports = (alerts) => {
 
     require('../modals/create.js')(currentBasePath)
     require('../modals/move.js')(currentBasePath, alerts)
+
+    scEditor.renderer.on('afterRender', () => {
+      pageLoader.complete()
+    })
   }
 }