Platform: Improve sidebar menu of course item - refs BT#21133

assets/vue/composables/sidebarMenu.js

@@ -1,18 +1,24 @@
 import { useI18n } from "vue-i18n"
+import { ref, onMounted, watch } from "vue"
 import { useSecurityStore } from "../store/securityStore"
 import { usePlatformConfig } from "../store/platformConfig"
+import { useEnrolledStore } from "../store/enrolledStore"
 
 export function useSidebarMenu() {
   const { t } = useI18n()
   const securityStore = useSecurityStore()
   const platformConfigStore = usePlatformConfig()
-
+  const enrolledStore = useEnrolledStore()
   const showTabsSetting = platformConfigStore.getSetting("platform.show_tabs")
 
-  const items = []
+  const items = ref([])
+  const coursesItems = ref([])
+
+  const updateItems = () => {
+    items.value = []
 
     if (showTabsSetting.indexOf("campus_homepage") > -1) {
-    items.push({
+      items.value.push({
         icon: "mdi mdi-home",
         label: t("Home"),
         to: { name: "Home" },
@@ -20,25 +26,18 @@ export function useSidebarMenu() {
     }
 
     if (securityStore.isAuthenticated) {
-    if (showTabsSetting.indexOf("campus_homepage") > -1) {
+      if (coursesItems.value.length > 0) {
-      items.push({
+        const coursesMenu = {
           icon: "mdi mdi-book-open-page-variant",
-        items: [
+          label: coursesItems.value.length > 1 ? t("Courses") : coursesItems.value[0].label,
-          {
+          items: coursesItems.value.length > 1 ? coursesItems.value : undefined,
-            label: t("My courses"),
+          to: coursesItems.value.length === 1 ? coursesItems.value[0].to : undefined,
-            to: { name: "MyCourses" },
+        }
-          },
+        items.value.push(coursesMenu)
-          {
-            label: t("My sessions"),
-            to: { name: "MySessions" },
-          },
-        ],
-        label: t("Courses"),
-      })
       }
 
       if (showTabsSetting.indexOf("my_agenda") > -1) {
-      items.push({
+        items.value.push({
           icon: "mdi mdi-calendar-text",
           label: t("Events"),
           to: { name: "CCalendarEventList" },
@@ -65,7 +64,7 @@ export function useSidebarMenu() {
           })
         }
 
-      items.push({
+        items.value.push({
           icon: "mdi mdi-chart-box",
           label: t("Reporting"),
           items: subItems,
@@ -73,7 +72,7 @@ export function useSidebarMenu() {
       }
 
       if (showTabsSetting.indexOf("social") > -1) {
-      items.push({
+        items.value.push({
           icon: "mdi mdi-sitemap-outline",
           label: t("Social network"),
           to: { name: "SocialWall" },
@@ -81,7 +80,7 @@ export function useSidebarMenu() {
       }
 
       if (platformConfigStore.plugins?.bbb?.show_global_conference_link) {
-      items.push({
+        items.value.push({
           icon: "mdi mdi-video",
           label: t("Videoconference"),
           url: platformConfigStore.plugins.bbb.listingURL,
@@ -90,7 +89,7 @@ export function useSidebarMenu() {
     }
 
     if (securityStore.isStudentBoss || securityStore.isStudent) {
-    items.push({
+      items.value.push({
         icon: "mdi mdi-text-box-search",
         items: [
           {
@@ -139,12 +138,41 @@ export function useSidebarMenu() {
         url: "/main/session/session_list.php",
       })
 
-    items.push({
+      items.value.push({
         icon: "mdi mdi-cog",
         items: adminItems,
         label: t("Administration"),
       })
     }
+  }
+
+  const updateCoursesItems = () => {
+    coursesItems.value = [];
+
+    if (enrolledStore.isEnrolledInCourses) {
+      coursesItems.value.push({
+        label: t("My courses"),
+        to: { name: "MyCourses" },
+      })
+    }
+
+    if (enrolledStore.isEnrolledInSessions) {
+      coursesItems.value.push({
+        label: t("My sessions"),
+        to: { name: "MySessions" },
+      })
+    }
+
+    updateItems();
+  }
+
+  onMounted(async () => {
+    await enrolledStore.initialize();
+    updateCoursesItems();
+  })
+
+  watch(() => enrolledStore.isEnrolledInCourses, updateCoursesItems)
+  watch(() => enrolledStore.isEnrolledInSessions, updateCoursesItems)
 
   return items
 }

assets/vue/store/enrolledStore.js

@@ -0,0 +1,33 @@
+import { defineStore } from "pinia"
+import axios from "axios"
+import { computed, ref } from "vue"
+
+export const useEnrolledStore = defineStore("enrolledStore", () => {
+  // Reactive state to track if the user is enrolled in courses or sessions
+  const isEnrolledInCourses = ref(false)
+  const isEnrolledInSessions = ref(false)
+
+  // Function to check enrollment status
+  async function checkEnrollments() {
+    try {
+      const { data } = await axios.get("/course/check-enrollments")
+      console.log('Check enrollments data:', data)
+      isEnrolledInCourses.value = data.isEnrolledInCourses
+      isEnrolledInSessions.value = data.isEnrolledInSessions
+    } catch (error) {
+      console.error("Error verifying enrollments:", error)
+    }
+  }
+
+  // Function to initialize the store
+  async function initialize() {
+    await checkEnrollments()
+  }
+
+  return {
+    // Computed properties for reactivity
+    isEnrolledInCourses: computed(() => isEnrolledInCourses.value),
+    isEnrolledInSessions: computed(() => isEnrolledInSessions.value),
+    initialize
+  };
+});

src/CoreBundle/Controller/CourseController.php

@@ -7,8 +7,10 @@ declare(strict_types=1);
 namespace Chamilo\CoreBundle\Controller;
 
 use Chamilo\CoreBundle\Entity\Course;
+use Chamilo\CoreBundle\Entity\CourseRelUser;
 use Chamilo\CoreBundle\Entity\ExtraField;
 use Chamilo\CoreBundle\Entity\Session;
+use Chamilo\CoreBundle\Entity\SessionRelUser;
 use Chamilo\CoreBundle\Entity\Tag;
 use Chamilo\CoreBundle\Entity\Tool;
 use Chamilo\CoreBundle\Entity\User;
@@ -897,4 +899,43 @@ class CourseController extends ToolBaseController
 
         return $link.'?'.$this->getCourseUrlQuery();
     }
+
+    #[Route('/check-enrollments', name: 'chamilo_core_check_enrollments', methods: ['GET'])]
+    public function checkEnrollments(EntityManagerInterface $em): JsonResponse
+    {
+        /** @var User|null $user */
+        $user = $this->getUser();
+
+        if (!$user) {
+            return new JsonResponse(['error' => 'User not found'], Response::HTTP_UNAUTHORIZED);
+        }
+
+        $isEnrolledInCourses = $this->isUserEnrolledInAnyCourse($user, $em);
+
+        $isEnrolledInSessions = $this->isUserEnrolledInAnySession($user, $em);
+
+        return new JsonResponse([
+            'isEnrolledInCourses' => $isEnrolledInCourses,
+            'isEnrolledInSessions' => $isEnrolledInSessions,
+        ]);
+    }
+
+    // Implement the real logic to check course enrollment
+    private function isUserEnrolledInAnyCourse(User $user, EntityManagerInterface $em): bool
+    {
+        $enrollment = $em
+            ->getRepository(CourseRelUser::class)
+            ->findOneBy(['user' => $user]);
+
+        return null !== $enrollment;
+    }
+
+    // Implement the real logic to check session enrollment
+    private function isUserEnrolledInAnySession(User $user, EntityManagerInterface $em): bool
+    {
+        $enrollment = $em->getRepository(SessionRelUser::class)
+            ->findOneBy(['user' => $user]);
+
+        return null !== $enrollment;
+    }
 }