diff --git a/src/components/NewMessage/NewMessagePollEditor.vue b/src/components/NewMessage/NewMessagePollEditor.vue
index 2181d4f29747..f4c94c3e4268 100644
--- a/src/components/NewMessage/NewMessagePollEditor.vue
+++ b/src/components/NewMessage/NewMessagePollEditor.vue
@@ -24,6 +24,12 @@
+
+
@@ -31,6 +37,12 @@
{{ t('spreed', 'Browse poll drafts') }}
+
+
+
+
+ {{ t('spreed', 'Import draft from file') }}
+
@@ -103,8 +115,10 @@ import IconArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
import Close from 'vue-material-design-icons/Close.vue'
import IconFileDownload from 'vue-material-design-icons/FileDownload.vue'
import IconFileEdit from 'vue-material-design-icons/FileEdit.vue'
+import IconFileUpload from 'vue-material-design-icons/FileUpload.vue'
import Plus from 'vue-material-design-icons/Plus.vue'
+import { showError } from '@nextcloud/dialogs'
import { t } from '@nextcloud/l10n'
import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
@@ -121,6 +135,7 @@ import { hasTalkFeature } from '../../services/CapabilitiesManager.ts'
import { EventBus } from '../../services/EventBus.js'
import { usePollsStore } from '../../stores/polls.ts'
import type { createPollParams } from '../../types/index.ts'
+import { validatePollForm } from '../../utils/validatePollForm.ts'
const props = defineProps<{
token: string,
@@ -139,6 +154,7 @@ const pollsStore = usePollsStore()
const isOpenedFromDraft = ref(false)
const pollOption = ref(null)
+const pollImport = ref(null)
const pollForm = reactive({
question: '',
@@ -223,6 +239,36 @@ function fillPollEditorFromDraft(id: number|null, isAlreadyOpened: boolean) {
}
}
+/**
+ * Call native input[type='file'] to import a file
+ */
+function triggerImport() {
+ pollImport.value.click()
+}
+
+/**
+ * Validate imported file and insert data into form fields
+ * @param event import event
+ */
+function importPoll(event: Event) {
+ if (!(event.target as HTMLInputElement).files?.[0]) {
+ return
+ }
+
+ const reader = new FileReader()
+ reader.onload = (e: ProgressEvent) => {
+ try {
+ const parsedObject = validatePollForm(JSON.parse((e.target as FileReader).result as string))
+ fillPollForm(parsedObject)
+ } catch (error) {
+ showError(t('spreed', 'Error while importing poll'))
+ console.error('Error while importing poll:', error)
+ }
+ }
+
+ reader.readAsText((event.target as HTMLInputElement).files[0])
+}
+
/**
* Insert data into form fields
* @param payload data to fill with
diff --git a/src/utils/validatePollForm.ts b/src/utils/validatePollForm.ts
new file mode 100644
index 000000000000..26b4204b3aae
--- /dev/null
+++ b/src/utils/validatePollForm.ts
@@ -0,0 +1,46 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { createPollParams } from '../types/index.ts'
+
+type requiredPollParams = Omit
+const pollFormExample = {
+ question: '',
+ options: ['', ''],
+ resultMode: 0,
+ maxVotes: 0,
+}
+const REQUIRED_KEYS: Array = Object.keys(pollFormExample) as Array
+
+/**
+ * Parses a given JSON object and validates with required poll form object.
+ * Throws an error if parsed object doesn't match
+ * @param jsonObject The object to validate
+ */
+function validatePollForm(jsonObject: requiredPollParams): requiredPollParams {
+ if (typeof jsonObject !== 'object') {
+ throw new Error('Invalid parsed object')
+ }
+
+ for (const key of REQUIRED_KEYS) {
+ if (jsonObject[key] === undefined) {
+ throw new Error('Missing required key')
+ }
+
+ if (typeof pollFormExample[key] !== typeof jsonObject[key]) {
+ throw new Error('Invalid parsed value')
+ }
+
+ if (key === 'options' && jsonObject[key]?.some((opt: unknown) => typeof opt !== 'string')) {
+ throw new Error('Invalid parsed option values')
+ }
+ }
+
+ return jsonObject
+}
+
+export {
+ validatePollForm,
+}