Refined header bar styles

[bookstack] / resources / js / components / code-editor.js

diff --git a/resources/js/components/code-editor.js b/resources/js/components/code-editor.js
index 2e3506ec7a428d7dc0c146e8ec1d4e446ce8979f..4ee3531c58a7da957079a7a9ffb6c46aaaaf9c4c 100644 (file)
--- a/resources/js/components/code-editor.js
+++ b/resources/js/components/code-editor.js
@@ -1,4 +1,3 @@
-import Code from "../services/code";

 import {onChildEvent, onEnterPress, onSelect} from "../services/dom";
 
 /**
 import {onChildEvent, onEnterPress, onSelect} from "../services/dom";
 
 /**


@@ -60,16 +59,18 @@ class CodeEditor {
         this.languageInput.value = language;
         this.callback = callback;
 
         this.languageInput.value = language;
         this.callback = callback;
 

-        this.show();
-        this.updateEditorMode(language);
-
-        Code.setContent(this.editor, code);
+        this.show()
+            .then(() => this.updateEditorMode(language))
+            .then(() => window.importVersioned('code'))
+            .then(Code => Code.setContent(this.editor, code));

     }
 
     }
 

-    show() {
+    async show() {
+        const Code = await window.importVersioned('code');

         if (!this.editor) {
             this.editor = Code.popupEditor(this.editorInput, this.languageInput.value);
         }
         if (!this.editor) {
             this.editor = Code.popupEditor(this.editorInput, this.languageInput.value);
         }

+

         this.loadHistory();
         this.popup.components.popup.show(() => {
             Code.updateLayout(this.editor);
         this.loadHistory();
         this.popup.components.popup.show(() => {
             Code.updateLayout(this.editor);


@@ -84,7 +85,8 @@ class CodeEditor {
         this.addHistory();
     }
 
         this.addHistory();
     }
 

-    updateEditorMode(language) {
+    async updateEditorMode(language) {
+        const Code = await window.importVersioned('code');

         Code.setMode(this.editor, language, this.editor.getValue());
     }
 
         Code.setMode(this.editor, language, this.editor.getValue());
     }
 


@@ -94,7 +96,7 @@ class CodeEditor {
         this.historyDropDown.classList.toggle('hidden', historyKeys.length === 0);
         this.historyList.innerHTML = historyKeys.map(key => {
              const localTime = (new Date(parseInt(key))).toLocaleTimeString();
         this.historyDropDown.classList.toggle('hidden', historyKeys.length === 0);
         this.historyList.innerHTML = historyKeys.map(key => {
              const localTime = (new Date(parseInt(key))).toLocaleTimeString();

-             return `<li><button type="button" data-time="${key}">${localTime}</button></li>`;
+             return `<li><button type="button" data-time="${key}" class="text-item">${localTime}</button></li>`;

         }).join('');
     }
 
         }).join('');
     }