5ef939a230
Co-authored-by: renovate <renovatebot@kolaente.de> Co-authored-by: Dominik Pschenitschni <mail@celement.de> Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/1994 Reviewed-by: konrad <k@knt.li> Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de> Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
74 lines
2.0 KiB
Vue
74 lines
2.0 KiB
Vue
<template>
|
|
<create-edit
|
|
:title="$t('list.duplicate.title')"
|
|
primary-icon="paste"
|
|
:primary-label="$t('list.duplicate.label')"
|
|
@primary="duplicateList"
|
|
:loading="listDuplicateService.loading"
|
|
>
|
|
<p>{{ $t('list.duplicate.text') }}</p>
|
|
|
|
<Multiselect
|
|
:placeholder="$t('namespace.search')"
|
|
@search="findNamespaces"
|
|
:search-results="namespaces"
|
|
@select="selectNamespace"
|
|
label="title"
|
|
:search-delay="10"
|
|
/>
|
|
</create-edit>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {ref, shallowReactive} from 'vue'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { useStore } from 'vuex'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
import ListDuplicateService from '@/services/listDuplicateService'
|
|
import CreateEdit from '@/components/misc/create-edit.vue'
|
|
import Multiselect from '@/components/input/multiselect.vue'
|
|
|
|
import ListDuplicateModel from '@/models/listDuplicateModel'
|
|
import NamespaceModel from '@/models/namespace'
|
|
|
|
import { success } from '@/message'
|
|
import { useTitle } from '@/composables/useTitle'
|
|
import { useNameSpaceSearch } from '@/composables/useNamespaceSearch'
|
|
|
|
|
|
const { t } = useI18n({useScope: 'global'})
|
|
useTitle(() => t('list.duplicate.title'))
|
|
|
|
|
|
const {
|
|
namespaces,
|
|
findNamespaces,
|
|
} = useNameSpaceSearch()
|
|
|
|
const selectedNamespace = ref<NamespaceModel>()
|
|
function selectNamespace(namespace: NamespaceModel) {
|
|
selectedNamespace.value = namespace
|
|
}
|
|
|
|
const route = useRoute()
|
|
const router= useRouter()
|
|
|
|
const listDuplicateService = shallowReactive(new ListDuplicateService())
|
|
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)
|
|
|
|
const store = useStore()
|
|
store.commit('namespaces/addListToNamespace', duplicate.list)
|
|
store.commit('lists/setList', duplicate.list)
|
|
success({message: t('list.duplicate.success')})
|
|
router.push({name: 'list.index', params: {listId: duplicate.list.id}})
|
|
}
|
|
</script>
|