You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

59 lines
1.4 KiB

<template>
<div>
<action-menu
:items="menuItems"
@upload="importDialog=true"
@download="exportDialog=true"
/>
<base-dialog :dialog="importDialog">
<document-upload-form
:upload-document="uploadDocument"
:formats="formatList"
@close="importDialog=false"
/>
</base-dialog>
<base-dialog :dialog="exportDialog">
<document-export-form
:export-document="exportDocument"
:formats="['json']"
@close="exportDialog=false"
/>
</base-dialog>
</div>
</template>
<script>
import { mapActions, mapGetters } from 'vuex'
import ActionMenu from '@/components/molecules/ActionMenu'
import BaseDialog from '@/components/molecules/BaseDialog'
import DocumentUploadForm from '@/components/organisms/documents/DocumentUploadForm'
import DocumentExportForm from '@/components/organisms/documents/DocumentExportForm'
export default {
components: {
ActionMenu,
BaseDialog,
DocumentUploadForm,
DocumentExportForm
},
data() {
return {
importDialog: false,
exportDialog: false,
menuItems: [
{ title: 'Import', icon: 'backup', event: 'upload' },
{ title: 'Export', icon: 'archive', event: 'download' }
]
}
},
computed: {
...mapGetters('documents', ['formatList'])
},
methods: {
...mapActions('documents', ['uploadDocument', 'exportDocument'])
}
}
</script>