From 2865328a8e6eb3e20923a440c6f9c911bd31d475 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 9 Apr 2024 15:30:26 +0200
Subject: [PATCH] WIP: Add preview

---
 .../dashboard/CompetenceSummary.vue           |  2 +-
 .../src/components/dashboard/CoursePanel.vue  | 49 ++++++++++++++++---
 server/vbv_lernwelt/dashboard/views.py        |  2 +-
 3 files changed, 44 insertions(+), 9 deletions(-)

diff --git a/client/src/components/dashboard/CompetenceSummary.vue b/client/src/components/dashboard/CompetenceSummary.vue
index 6e073e5b..df9930ea 100644
--- a/client/src/components/dashboard/CompetenceSummary.vue
+++ b/client/src/components/dashboard/CompetenceSummary.vue
@@ -24,7 +24,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div v-if="competence" class="mb-14">
+  <div v-if="competence">
     <CompetenceSummaryBox
       :fail-count="competence.fail_count"
       :success-count="competence.success_count"
diff --git a/client/src/components/dashboard/CoursePanel.vue b/client/src/components/dashboard/CoursePanel.vue
index 638b6d17..db5e8054 100644
--- a/client/src/components/dashboard/CoursePanel.vue
+++ b/client/src/components/dashboard/CoursePanel.vue
@@ -7,6 +7,7 @@ import AssignmentSummary from "@/components/dashboard/AssignmentSummary.vue";
 import MentorOpenTasksCount from "@/components/dashboard/MentorOpenTasksCount.vue";
 import MentorMenteeCount from "@/components/dashboard/MentorMenteeCount.vue";
 import MentorCompetenceSummary from "@/components/dashboard/MentorCompetenceSummary.vue";
+import { getLearningPathUrl } from "@/utils/utils";
 
 const mentorWidgets = [
   "MentorTasksWidget",
@@ -33,28 +34,62 @@ const numberOfProgressWidgets = computed(() => {
 function hasWidget(widget: WidgetType) {
   return props.courseConfig.widgets.includes(widget);
 }
+
+function buttonLink(): string {
+  if (props.courseConfig?.role_key === "Member") {
+    return getLearningPathUrl(props.courseConfig?.course_slug);
+  } else if (props.courseConfig?.role_key === "Expert") {
+    return "btn-secondary";
+  } else if (props.courseConfig?.role_key === "Supervisor") {
+    return "btn-secondary";
+  }
+}
+
+function hasActionButton(): boolean {
+  return props.courseConfig.role_key !== "MentorUK";
+}
 </script>
 
 <template>
   <div v-if="courseConfig" class="mb-14 space-y-8">
     <div class="flex flex-col space-y-8 bg-white p-6">
       <div class="border-b border-gray-300 pb-8">
-        <h3 class="mb-4 text-3xl">{{ courseName }}</h3>
+        <div class="flex flex-row justify-between">
+          <h3 class="mb-4 text-3xl">{{ courseName }}</h3>
+          <a v-if="hasActionButton()" :href="buttonLink()" class="btn btn-sm btn-blue">
+            foo
+          </a>
+        </div>
         <p>
           <span class="rounded bg-gray-300 px-2 py-1">{{ courseConfig.role_key }}</span>
+          <router-link
+            v-if="courseConfig.has_preview"
+            :to="getLearningPathUrl(courseConfig.course_slug)"
+            class="inline-block pl-6"
+            target="_blank"
+          >
+            <div class="flex items-center">
+              <span>{{ $t("a.VorschauTeilnehmer") }}</span>
+              <it-icon-external-link class="ml-1 !h-4 !w-4" />
+            </div>
+          </router-link>
         </p>
       </div>
-      <LearningPathDiagram
+      <div
         v-if="
           hasWidget('ProgressWidget') &&
           courseConfig.session_to_continue_id &&
           courseSlug
         "
-        :key="courseSlug"
-        :course-slug="courseSlug"
-        :course-session-id="courseConfig.session_to_continue_id"
-        diagram-type="horizontal"
-      ></LearningPathDiagram>
+        class="border-b border-gray-300 pb-8"
+      >
+        <LearningPathDiagram
+          :key="courseSlug"
+          :course-slug="courseSlug"
+          :course-session-id="courseConfig.session_to_continue_id"
+          diagram-type="horizontal"
+        ></LearningPathDiagram>
+      </div>
       <div v-if="numberOfProgressWidgets" class="flex flex-col flex-wrap">
         <CompetenceSummary
           v-if="hasWidget('CompetenceWidget')"
diff --git a/server/vbv_lernwelt/dashboard/views.py b/server/vbv_lernwelt/dashboard/views.py
index c4d57396..bd76f946 100644
--- a/server/vbv_lernwelt/dashboard/views.py
+++ b/server/vbv_lernwelt/dashboard/views.py
@@ -287,7 +287,7 @@ def collect_course_sessions_by_course(
 
 
 def has_preview(role_key: RoleKeyType) -> bool:
-    return role_key in [RoleKeyType.MENTOR_UK, RoleKeyType.MENTOR_VV]
+    return role_key in [RoleKeyType.MENTOR_VV, RoleKeyType.MENTOR_UK] and not role_key == RoleKeyType.MEMBER
 
 
 def get_newest_cs(