Merged in feature/VBV-460-user-profile-circle-read-only (pull request #162)

Bugfix VBV-460: show read-only circle view in cockpit

Approved-by: Elia Bieri

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">

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"
   >

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>