69 lines
1.6 KiB
Vue
69 lines
1.6 KiB
Vue
<template>
|
|
<modal
|
|
@close="$router.back()"
|
|
@submit="deleteNamespace()"
|
|
>
|
|
<template #header><span>{{ title }}</span></template>
|
|
|
|
<template #text>
|
|
<p>{{ $t('namespace.delete.text1') }}<br/>
|
|
{{ $t('namespace.delete.text2') }}</p>
|
|
</template>
|
|
</modal>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default { name: 'namespace-setting-delete' }
|
|
</script>
|
|
|
|
<script setup lang="ts">
|
|
import {ref, computed, watch, shallowReactive} from 'vue'
|
|
import {useI18n} from 'vue-i18n'
|
|
import {useRouter} from 'vue-router'
|
|
|
|
import {useStore} from '@/store'
|
|
import {useTitle} from '@/composables/useTitle'
|
|
import {success} from '@/message'
|
|
import NamespaceModel from '@/models/namespace'
|
|
import NamespaceService from '@/services/namespace'
|
|
|
|
const props = defineProps({
|
|
namespaceId: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
})
|
|
|
|
const store = useStore()
|
|
const router = useRouter()
|
|
const {t} = useI18n({useScope: 'global'})
|
|
|
|
const namespaceService = shallowReactive(new NamespaceService())
|
|
const namespace = ref(new NamespaceModel())
|
|
|
|
watch(
|
|
() => props.namespaceId,
|
|
async () => {
|
|
namespace.value = store.getters['namespaces/getNamespaceById'](props.namespaceId)
|
|
|
|
// FIXME: ressouce should be loaded in store
|
|
namespace.value = await namespaceService.get({id: props.namespaceId})
|
|
},
|
|
{ immediate: true },
|
|
)
|
|
|
|
const title = computed(() => {
|
|
if (!namespace.value) {
|
|
return
|
|
}
|
|
return t('namespace.delete.title', {namespace: namespace.value.title})
|
|
})
|
|
useTitle(title)
|
|
|
|
async function deleteNamespace() {
|
|
await store.dispatch('namespaces/deleteNamespace', namespace.value)
|
|
success({message: t('namespace.delete.success')})
|
|
router.push({name: 'home'})
|
|
}
|
|
</script>
|