fix: use api to read input value

The internal dom structure was changed by nextcloud-libraries/nextcloud-vue#3517 Signed-off-by: Daniel Kesselberg <mail@danielkesselberg.de>
nextcloud · Feb 14, 2023 · 89b3f9c · 89b3f9c
1 parent f84b6ef
commit 89b3f9c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/components/NavigationAccount.vue b/src/components/NavigationAccount.vue
@@ -75,7 +75,10 @@
 					</template>
 					{{ t('mail', 'Add mailbox') }}
 				</ActionButton>
-				<ActionInput v-if="editing" @submit.prevent.stop="createMailbox">
+				<ActionInput
+					v-if="editing"
+					:value.sync="createMailboxName"
+					@submit.prevent.stop="createMailbox">
 					<template #icon>
 						<IconFolderAdd
 							:size="20" />
@@ -187,6 +190,7 @@ export default {
 			editing: false,
 			showSaving: false,
 			showSettings: false,
+			createMailboxName: '',
 		}
 	},
 	computed: {
@@ -228,7 +232,7 @@ export default {
 	methods: {
 		createMailbox(e) {
 			this.editing = true
-			const name = e.target.elements[1].value
+			const name = this.createMailboxName
 			logger.info('creating mailbox ' + name)
 			this.menuOpen = false
 			this.$store

diff --git a/src/components/NavigationMailbox.vue b/src/components/NavigationMailbox.vue
@@ -93,7 +93,10 @@
 				</template>
 				{{ t('mail', 'Add submailbox') }}
 			</ActionButton>
-			<ActionInput v-if="editing" @submit.prevent.stop="createMailbox">
+			<ActionInput
+				v-if="editing"
+				:value.sync="createMailboxName"
+				@submit.prevent.stop="createMailbox">
 				<template #icon>
 					<IconFolderAdd
 						:size="20" />
@@ -298,6 +301,7 @@ export default {
 			showMoveModal: false,
 			hasDelimiter: !!this.mailbox.delimiter,
 			UNIFIED_INBOX_ID,
+			createMailboxName: '',
 		}
 	},
 	computed: {
@@ -479,7 +483,7 @@ export default {
 
 		async createMailbox(e) {
 			this.editing = true
-			const name = e.target.elements[1].value
+			const name = this.createMailboxName
 			const withPrefix = this.mailbox.name + this.mailbox.delimiter + name
 			logger.info(`creating mailbox ${withPrefix} as submailbox of ${this.mailbox.databaseId}`)
 			this.menuOpen = false