2021-01-30 16:17:04 +00:00
|
|
|
<template>
|
|
|
|
<create-edit
|
2021-06-23 23:24:57 +00:00
|
|
|
:title="$t('list.duplicate.title')"
|
2021-01-30 16:17:04 +00:00
|
|
|
primary-icon="paste"
|
2021-06-23 23:24:57 +00:00
|
|
|
:primary-label="$t('list.duplicate.label')"
|
2021-01-30 16:17:04 +00:00
|
|
|
@primary="duplicateList"
|
|
|
|
:loading="listDuplicateService.loading"
|
|
|
|
>
|
2022-04-25 17:38:57 +00:00
|
|
|
<p>{{ $t('list.duplicate.text') }}</p>
|
|
|
|
|
|
|
|
<Multiselect
|
|
|
|
:placeholder="$t('namespace.search')"
|
|
|
|
@search="findNamespaces"
|
|
|
|
:search-results="namespaces"
|
|
|
|
@select="selectNamespace"
|
|
|
|
label="title"
|
|
|
|
:search-delay="10"
|
|
|
|
/>
|
2021-01-30 16:17:04 +00:00
|
|
|
</create-edit>
|
|
|
|
</template>
|
|
|
|
|
2022-04-25 17:38:57 +00:00
|
|
|
<script setup lang="ts">
|
|
|
|
import {ref, shallowReactive} from 'vue'
|
2022-07-19 15:15:39 +00:00
|
|
|
import {useRoute, useRouter} from 'vue-router'
|
|
|
|
import {useI18n} from 'vue-i18n'
|
2022-02-15 12:07:59 +00:00
|
|
|
|
2021-01-30 16:17:04 +00:00
|
|
|
import ListDuplicateService from '@/services/listDuplicateService'
|
2021-07-25 13:27:15 +00:00
|
|
|
import CreateEdit from '@/components/misc/create-edit.vue'
|
2022-04-25 17:38:57 +00:00
|
|
|
import Multiselect from '@/components/input/multiselect.vue'
|
|
|
|
|
|
|
|
import ListDuplicateModel from '@/models/listDuplicateModel'
|
2022-09-05 16:32:42 +00:00
|
|
|
import type {INamespace} from '@/modelTypes/INamespace'
|
2022-04-25 17:38:57 +00:00
|
|
|
|
2022-07-19 15:15:39 +00:00
|
|
|
import {success} from '@/message'
|
|
|
|
import {useTitle} from '@/composables/useTitle'
|
2022-09-02 09:15:29 +00:00
|
|
|
import {useNamespaceSearch} from '@/composables/useNamespaceSearch'
|
2022-09-21 16:21:25 +00:00
|
|
|
import {useListStore} from '@/stores/lists'
|
2022-09-02 09:15:29 +00:00
|
|
|
import {useNamespaceStore} from '@/stores/namespaces'
|
2022-04-25 17:38:57 +00:00
|
|
|
|
2022-07-19 15:15:39 +00:00
|
|
|
const {t} = useI18n({useScope: 'global'})
|
2022-04-25 17:38:57 +00:00
|
|
|
useTitle(() => t('list.duplicate.title'))
|
|
|
|
|
|
|
|
const {
|
|
|
|
namespaces,
|
|
|
|
findNamespaces,
|
2022-09-02 09:15:29 +00:00
|
|
|
} = useNamespaceSearch()
|
2022-04-25 17:38:57 +00:00
|
|
|
|
2022-07-20 22:42:36 +00:00
|
|
|
const selectedNamespace = ref<INamespace>()
|
2022-07-19 15:15:39 +00:00
|
|
|
|
2022-07-20 22:42:36 +00:00
|
|
|
function selectNamespace(namespace: INamespace) {
|
2022-04-25 17:38:57 +00:00
|
|
|
selectedNamespace.value = namespace
|
|
|
|
}
|
|
|
|
|
|
|
|
const route = useRoute()
|
2022-07-19 15:15:39 +00:00
|
|
|
const router = useRouter()
|
2022-09-21 16:21:25 +00:00
|
|
|
const listStore = useListStore()
|
2022-09-02 09:15:29 +00:00
|
|
|
const namespaceStore = useNamespaceStore()
|
2022-04-25 17:38:57 +00:00
|
|
|
|
|
|
|
const listDuplicateService = shallowReactive(new ListDuplicateService())
|
2022-07-19 15:15:39 +00:00
|
|
|
|
2022-04-25 17:38:57 +00:00
|
|
|
async function duplicateList() {
|
|
|
|
const listDuplicate = new ListDuplicateModel({
|
|
|
|
// FIXME: should be parameter
|
|
|
|
listId: route.params.listId,
|
|
|
|
namespaceId: selectedNamespace.value?.id,
|
|
|
|
})
|
|
|
|
|
|
|
|
const duplicate = await listDuplicateService.create(listDuplicate)
|
2021-01-30 16:17:04 +00:00
|
|
|
|
2022-09-02 09:15:29 +00:00
|
|
|
namespaceStore.addListToNamespace(duplicate.list)
|
2022-09-21 16:21:25 +00:00
|
|
|
listStore.setList(duplicate.list)
|
2022-04-25 17:38:57 +00:00
|
|
|
success({message: t('list.duplicate.success')})
|
|
|
|
router.push({name: 'list.index', params: {listId: duplicate.list.id}})
|
|
|
|
}
|
2021-01-30 16:17:04 +00:00
|
|
|
</script>
|