From b2eb88b972303f84f20224b0c84df3702eb04fe5 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Tue, 18 Jul 2023 13:30:21 +0200
Subject: [PATCH] Bugfix VBV-460: show read-only circle view in cockpit

---
 client/src/pages/cockpit/CockpitUserProfilePage.vue         | 1 +
 .../learningPathPage/LearningPathCircleColumn.vue           | 3 ++-
 .../learningPath/learningPathPage/LearningPathPathView.vue  | 6 ++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/cockpit/CockpitUserProfilePage.vue b/client/src/pages/cockpit/CockpitUserProfilePage.vue
index 2634129e..f20ac90e 100644
--- a/client/src/pages/cockpit/CockpitUserProfilePage.vue
+++ b/client/src/pages/cockpit/CockpitUserProfilePage.vue
@@ -65,6 +65,7 @@ function setActiveClasses(isActive: boolean) {
             :use-mobile-layout="false"
             :hide-buttons="true"
             :learning-path="learningPath"
+            :override-circle-url-base="`/course/${props.courseSlug}/cockpit/profile/${props.userId}`"
           ></LearningPathPathView>
         </div>
         <ul class="mb-5 flex flex-row border-b-2">
diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue b/client/src/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue
index 28c075d1..c52e0157 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathCircleColumn.vue
@@ -14,6 +14,7 @@ const props = defineProps<{
   isFirstCircle: boolean;
   isLastCircle: boolean;
   isCurrentCircle: boolean;
+  overrideCircleUrl?: string;
 }>();
 
 const circleElement = ref<HTMLElement | null>(null);
@@ -33,7 +34,7 @@ onMounted(() => {
 
 <template>
   <router-link
-    :to="props.circle.frontend_url"
+    :to="overrideCircleUrl ? overrideCircleUrl : props.circle.frontend_url"
     :data-cy="`circle-${props.circle.title}`"
     class="flex flex-col items-center pb-6"
   >
diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
index 126de409..4a215d21 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPathView.vue
@@ -10,6 +10,7 @@ const props = defineProps<{
   learningPath: LearningPath | undefined;
   useMobileLayout: boolean;
   hideButtons?: boolean;
+  overrideCircleUrlBase?: string;
 }>();
 
 const scrollIncrement = 600;
@@ -72,6 +73,11 @@ const scrollLearnPathDiagram = (offset: number) => {
               isLastCircle(topicIndex, circleIndex, topic.circles.length)
             "
             :is-current-circle="isCurrentCircle(circle) && !props.hideButtons"
+            :override-circle-url="
+              props.overrideCircleUrlBase
+                ? `${props.overrideCircleUrlBase}/${circle.slug}`
+                : undefined
+            "
           ></LearningPathCircleColumn>
         </div>
       </div>