From 9866e8117678e9cdc651413dd1b765d8843b7f27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20N=C3=BCsse?= <felix.nuesse@t-online.de>
Date: Thu, 12 May 2022 15:15:31 +0200
Subject: [PATCH] handle enter similarly to the nextcloud notes android
 application
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Felix Nüsse <felix.nuesse@t-online.de>
---
 src/components/EditorEasyMDE.vue | 36 +++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/components/EditorEasyMDE.vue b/src/components/EditorEasyMDE.vue
index ec29c7176..1db1d7213 100644
--- a/src/components/EditorEasyMDE.vue
+++ b/src/components/EditorEasyMDE.vue
@@ -13,7 +13,7 @@
 			<button class="button" @click="makeStrikethrough">
 				<span class="icon-strike"></span>
 			</button>
-			<button class="button" @click="makeMonospace">
+			<button class="button" @click="makeH1">
 				<span class="icon-h1"></span>
 			</button>
 			<button class="button" @click="insertLink">
@@ -53,6 +53,7 @@ import {
 	ActionButton,
 } from '@nextcloud/vue'
 import EmojiPicker from '@nextcloud/vue/dist/Components/EmojiPicker'
+import * as CodeMirror from "codemirror";
 
 export default {
 	name: 'EditorEasyMDE',
@@ -128,6 +129,7 @@ export default {
 			this.mde.codemirror.addKeyMap({
 				Home: 'goLineLeft',
 				End: 'goLineRight',
+				Enter: this.onEnter,
 			})
 
 			// pass event for changes
@@ -135,6 +137,7 @@ export default {
 				this.$emit('input', this.mde.value())
 			})
 
+
 			// listen for click/touch events in order to toggle checkboxes
 			document.querySelectorAll('.CodeMirror-code').forEach((codeElement) => {
 				codeElement.addEventListener('mousedown', this.onClickCodeElement)
@@ -282,6 +285,11 @@ export default {
 			this.insertTextInfront('- [ ] ')
 		},
 
+
+		makeH1() {
+			this.insertTextInfront('# ')
+		},
+
 		makeBold() {
 			this.surroundText('**')
 		},
@@ -312,6 +320,32 @@ export default {
 
 		reverseString(string) {
 			return string.split('').reverse().join('')
+		},
+
+		onEnter() {
+			const cursor = this.mde.codemirror.getCursor();
+			const text = this.mde.codemirror.getValue().split('\n')[cursor.line].trim()
+
+			if(text.startsWith("- [ ]") && text !== "- [ ]") {
+				this.insertText("\n")
+				this.insertText("- [ ] ")
+				this.mde.codemirror.setCursor(this.mde.codemirror.getCursor())
+				return;
+			}
+			if(text.startsWith("- [x]")) {
+				this.insertText("\n")
+				this.insertText("- [ ] ")
+				this.mde.codemirror.setCursor(this.mde.codemirror.getCursor())
+				return;
+			}
+			if(text.startsWith("-") && text !== "-" && !text.startsWith("- [")) {
+				this.insertText("\n")
+				this.insertText(" - ")
+				this.mde.codemirror.setCursor(this.mde.codemirror.getCursor())
+				return;
+			}
+
+			return CodeMirror.Pass
 		}
 	},
 }