diff --git a/client/src/components/learningPath/LearningPathDiagram.vue b/client/src/components/learningPath/LearningPathDiagram.vue index 911311c0..f2e6d186 100644 --- a/client/src/components/learningPath/LearningPathDiagram.vue +++ b/client/src/components/learningPath/LearningPathDiagram.vue @@ -6,13 +6,13 @@ import * as log from "loglevel"; // @ts-ignore import colors from "@/colors.json"; -import { Circle } from "@/services/circle"; -import { LearningPath } from "@/services/learningPath"; +import type { Circle } from "@/services/circle"; +import type { LearningPath } from "@/services/learningPath"; import type { LearningSequence, Topic } from "@/types"; import { computed, onMounted, reactive } from "vue"; import { useRouter } from "vue-router"; -type DiagramType = "horizontal" | "vertical" | "horizontalSmall"; +export type DiagramType = "horizontal" | "vertical" | "horizontalSmall"; export interface Props { diagramType?: DiagramType; diff --git a/client/src/pages/cockpit/CockpitIndexPage.vue b/client/src/pages/cockpit/CockpitIndexPage.vue index eec94bad..6ab48923 100644 --- a/client/src/pages/cockpit/CockpitIndexPage.vue +++ b/client/src/pages/cockpit/CockpitIndexPage.vue @@ -2,6 +2,8 @@ import LearningPathDiagram from "@/components/learningPath/LearningPathDiagram.vue"; import ItPersonRow from "@/components/ui/ItPersonRow.vue"; import ItProgress from "@/components/ui/ItProgress.vue"; +import type { LearningPath } from "@/services/learningPath"; + import { useCockpitStore } from "@/stores/cockpit"; import { useCompetenceStore } from "@/stores/competence"; import { useLearningPathStore } from "@/stores/learningPath"; @@ -129,7 +131,7 @@ function setActiveCircle(index: number) { learningPathStore.learningPathForUser( props.courseSlug, csu.user_id - ) + ) as LearningPath " :postfix="`cockpit-${csu.user_id}`" diagram-type="horizontalSmall"