diff --git a/src/components/NewMessage/NewMessagePollEditor.vue b/src/components/NewMessage/NewMessagePollEditor.vue
index 008c912b936..e7e63d45613 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') }}
+
@@ -82,6 +94,12 @@
{{ t('spreed', 'Save as draft') }}
+
+
+
+
+ {{ t('spreed', 'Export draft to file') }}
+
{{ t('spreed', 'Create poll') }}
@@ -95,12 +113,16 @@ import { computed, nextTick, reactive, ref } from 'vue'
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'
+import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
import NcActions from '@nextcloud/vue/dist/Components/NcActions.js'
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
@@ -113,6 +135,8 @@ 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 { convertToJSONDataURI } from '../../utils/fileDownload.ts'
+import { validatePollForm } from '../../utils/validatePollForm.ts'
const props = defineProps<{
token: string,
@@ -131,6 +155,7 @@ const pollsStore = usePollsStore()
const isOpenedFromDraft = ref(false)
const pollOption = ref(null)
+const pollImport = ref(null)
const pollForm = reactive({
question: '',
@@ -160,6 +185,10 @@ const isMultipleAnswer = computed({
})
const isModerator = computed(() => (store.getters as unknown).isModerator)
+
+const exportPollURI = computed(() => convertToJSONDataURI(pollForm))
+const exportPollFileName = `Talk Poll ${new Date().toISOString().slice(0, 10)}`
+
/**
* Remove a previously added option
* @param index option index
@@ -206,6 +235,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/components/PollViewer/PollViewer.vue b/src/components/PollViewer/PollViewer.vue
index a9db98079e7..d11db55e553 100644
--- a/src/components/PollViewer/PollViewer.vue
+++ b/src/components/PollViewer/PollViewer.vue
@@ -78,6 +78,12 @@
{{ t('spreed', 'Save as draft') }}
+
+
+
+
+ {{ t('spreed', 'Export draft to file') }}
+
{{ t('spreed', 'End poll') }}
@@ -86,13 +92,21 @@
-
-
-
-
-
- {{ t('spreed', 'Save as draft') }}
-
+
+
+
+
+
+
+ {{ t('spreed', 'Save as draft') }}
+
+
+
+
+
+ {{ t('spreed', 'Export draft to file') }}
+
+
@@ -102,14 +116,15 @@