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 @@

+ + {{ 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') }}