2 files changed, 9 insertions, 88 deletions
diff --git a/assets/css/edit.css b/assets/css/edit.css
index 640ee1a..7b881df 100644
--- a/assets/css/edit.css
+++ b/assets/css/edit.css
@@ -116,6 +116,7 @@ body {
 	left: 0px;
 	width: 100%;
 	height: 100%;
+    visibility: hidden;
 }
 
 .checkboxtab
@@ -138,15 +139,15 @@ body {
     color: #7b97b9;
 }
 
-.checkboxtab:checked ~ label
+.checkboxtab:checked ~label
 {
     border: solid 1px;
     background: white;
 }
 
-.checkboxtab:checked ~ .content
+.checkboxtab:checked ~.content
 {
-	z-index: 1;
+	visibility: visible;
 }
 
 
@@ -372,7 +373,11 @@ div#thumbnail img {
     padding: 2%;
 }
 
-
+/* Custom CodeMirror CSS */
+.CodeMirror {
+    height: 100% !important;
+    cursor: text;
+}
 
 
 @media (max-width: 600px) {
diff --git a/assets/js/edit.js b/assets/js/edit.js
deleted file mode 100644
index efd29d6..0000000
--- a/assets/js/edit.js
+++ /dev/null
@@ -1,84 +0,0 @@
-let form;
-let unsavedChanges = false;
-const pageurl = basepath + pageid;
-
-window.onload = () => {
-    form = document.getElementById('update');
-    let inputs = form.elements;
-    for (i = 0; i < inputs.length; i++) {
-        inputs[i].oninput = changeHandler;
-    }
-
-    form.addEventListener("submit", function (event) {
-        event.preventDefault();
-        submitHandler(this);
-      });
-    window.onkeydown = keyboardHandler;
-    window.onbeforeunload = confirmExit;
-};
-
-/**
- * Manage a keyboardEvent
- * @param {KeyboardEvent} e
- */
-function keyboardHandler(e) {
-    if (e.composed) {
-        if (e.ctrlKey) {
-            switch (e.key) {
-                // ctrl + s
-                case 's':
-                    submitHandler(form);
-                    break;
-                // ctrl + d
-                case 'd':
-                    url = document.getElementById('update').getAttribute('href');
-                    window.open(url);
-                    break;
-                default:
-                    return true;
-            }
-            e.preventDefault();
-            return false;
-        }
-    }
-}
-
-/**
- * Manage change event
- * @param {InputEvent} e
- */
-function changeHandler(e) {
-    if(e.target.classList.contains("toggle")||e.target.classList.contains("checkboxtab")) {
-        return;
-    }
-    unsavedChanges = true;
-}
-
-/**
- * Manage submit event
- * @param {HTMLFormElement} form
- */
-function submitHandler(form) {
-    var xhr = new XMLHttpRequest();
-    var fd = new FormData(form);
-
-    xhr.addEventListener("load", function(event) {
-        unsavedChanges = false;
-        alert("updated");
-    });
-    xhr.addEventListener("error", function(event) {
-        alert('Error while trying to update.');
-    });
-    xhr.open(form.method, form.action);
-    xhr.send(fd);
-}
-
-/**
- * Manage a beforeUnloadEvent
- * @param {BeforeUnloadEvent} e
- */
-function confirmExit(e) {
-    if (unsavedChanges) {
-        return 'You have unsaved changes, do you really want to leave this page?';
-    }
-}