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.
 
 
 
 
 
 

66 lines
1.6 KiB

<template>
<div>
<action-menu
:items="menuItems"
@create="createDialog=true"
@upload="importDialog=true"
@download="handleDownload"
/>
<base-dialog :dialog="createDialog">
<label-creation-form
:create-label="createLabel"
@close="createDialog=false"
/>
</base-dialog>
<base-dialog :dialog="importDialog">
<label-import-form
:import-label="importLabels"
@close="importDialog=false"
/>
</base-dialog>
</div>
</template>
<script>
import { mapActions } from 'vuex'
import ActionMenu from '@/components/molecules/ActionMenu'
import BaseDialog from '@/components/molecules/BaseDialog'
import LabelCreationForm from '@/components/organisms/labels/LabelCreationForm'
import LabelImportForm from '@/components/organisms/labels/LabelImportForm'
export default {
components: {
ActionMenu,
BaseDialog,
LabelCreationForm,
LabelImportForm
},
data() {
return {
createDialog: false,
importDialog: false,
menuItems: [
{ title: 'Create a Label', icon: 'mdi-pencil', event: 'create' },
{ title: 'Import Labels', icon: 'mdi-upload', event: 'upload' },
{ title: 'Export Labels', icon: 'mdi-download', event: 'download' }
]
}
},
created() {
this.setCurrentProject(this.$route.params.id)
},
methods: {
...mapActions('labels', ['createLabel', 'importLabels', 'exportLabels']),
...mapActions('projects', ['setCurrentProject']),
handleDownload() {
this.exportLabels({
projectId: this.$route.params.id
})
}
}
}
</script>