mirror of
https://github.com/SecurityBrewery/catalyst.git
synced 2025-12-08 08:12:48 +01:00
39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import ColumnBody from '@/components/layout/ColumnBody.vue'
|
|
import ThreeColumn from '@/components/layout/ThreeColumn.vue'
|
|
import ReactionDisplay from '@/components/reaction/ReactionDisplay.vue'
|
|
import ReactionList from '@/components/reaction/ReactionList.vue'
|
|
import ReactionNew from '@/components/reaction/ReactionNew.vue'
|
|
|
|
import { computed, onMounted } from 'vue'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
|
|
import { pb } from '@/lib/pocketbase'
|
|
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
|
|
const id = computed(() => route.params.id as string)
|
|
|
|
onMounted(() => {
|
|
if (!pb.authStore.model) {
|
|
router.push({ name: 'login' })
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<ThreeColumn :show-details="!!id">
|
|
<template #list>
|
|
<ReactionList />
|
|
</template>
|
|
<template #single>
|
|
<ColumnBody v-if="!id" class="items-center justify-center text-lg text-gray-500">
|
|
No reaction selected
|
|
</ColumnBody>
|
|
<ReactionNew v-else-if="id === 'new'" key="new" />
|
|
<ReactionDisplay v-else :key="id" :id="id" />
|
|
</template>
|
|
</ThreeColumn>
|
|
</template>
|