38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import * as log from 'loglevel'
|
|
import { useLearningPathStore } from '@/stores/learningPath'
|
|
import { useUserStore } from '@/stores/user'
|
|
|
|
import LearningPathDiagram from '@/components/circle/LearningPathDiagram.vue'
|
|
import ItFullScreenModal from '@/components/ui/ItFullScreenModal.vue'
|
|
|
|
log.debug('LearningPathView created')
|
|
|
|
const props = defineProps<{
|
|
learningPathSlug: string
|
|
show: boolean
|
|
}>()
|
|
|
|
const learningPathStore = useLearningPathStore()
|
|
const userStore = useUserStore()
|
|
|
|
const emits = defineEmits(['closemodal'])
|
|
</script>
|
|
<template>
|
|
<ItFullScreenModal :show="show" @closemodal="$emit('closemodal')">
|
|
<div class="container-medium" v-if="learningPathStore.learningPath">
|
|
<h1>{{ learningPathStore.learningPath.title }}</h1>
|
|
<div class="learningpath flex flex-col">
|
|
<div class="flex flex-col h-max">
|
|
<LearningPathDiagram
|
|
class="w-full"
|
|
identifier="verticalVisualization"
|
|
v-bind:vertical="true"
|
|
></LearningPathDiagram>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ItFullScreenModal>
|
|
</template>
|
|
<style scoped></style>
|