chamilo-lms/assets/vue/composables/sidebarMenu.js

import { useI18n } from "vue-i18n"
import { computed, onMounted } from "vue"
import { useSecurityStore } from "../store/securityStore"
import { usePlatformConfig } from "../store/platformConfig"
import { useEnrolledStore } from "../store/enrolledStore"
import { useRouter } from "vue-router"

export function useSidebarMenu() {
  const { t } = useI18n()
  const router = useRouter()
  const securityStore = useSecurityStore()
  const platformConfigStore = usePlatformConfig()
  const enrolledStore = useEnrolledStore()
  const showTabsSetting = platformConfigStore.getSetting("platform.show_tabs")
  const showCatalogue = platformConfigStore.getSetting("platform.catalog_show_courses_sessions")

  const menuItems = computed(() => {
    const items = []

    if (showTabsSetting.indexOf("campus_homepage") > -1) {
      items.push({
        icon: "mdi mdi-home",
        label: t("Home"),
        command: () => router.push({ name: "Home" }),
      })
    }

    if (securityStore.isAuthenticated) {
      const courseItems = []

      if (enrolledStore.isEnrolledInCourses) {
        courseItems.push({
          label: t("My courses"),
          command: () => router.push({ name: "MyCourses" }),
        })
      }

      if (enrolledStore.isEnrolledInSessions) {
        courseItems.push({
          label: t("My sessions"),
          command: () => router.push({ name: "MySessions" }),
        })
      }

      if (courseItems.length > 0) {
        items.push({
          icon: "mdi mdi-book-open-page-variant",
          label: courseItems.length > 1 ? t("Course") : courseItems[0].label,
          items: courseItems.length > 1 ? courseItems : undefined,
          command: 1 === courseItems.length ? courseItems[0].command : undefined,
        })
      }

      if (showCatalogue > -1) {
        if (showCatalogue == 0 || showCatalogue == 2) {
          items.push({
            icon: "mdi mdi-bookmark-multiple",
            label: t("Courses catalogue"),
            command: () => router.push({ name: "CatalogueCourses" }),
          })
        }
        if (showCatalogue > 0) {
          items.push({
            icon: "mdi mdi-bookmark-multiple-outline",
            label: t("Sessions catalogue"),
            command: () => router.push({ name: "CatalogueSessions" }),
          })
        }
      }

      if (showTabsSetting.indexOf("my_agenda") > -1) {
        items.push({
          icon: "mdi mdi-calendar-text",
          label: t("Events"),
          command: () => router.push({ name: "CCalendarEventList" }),
        })
      }

      if (showTabsSetting.indexOf("reporting") > -1) {
        let subItems = []

        if (securityStore.isTeacher || securityStore.isHRM || securityStore.isSessionAdmin) {
          subItems.push({
            label: securityStore.isHRM ? t("Course sessions") : t("Reporting"),
            url: "/main/my_space/" + (securityStore.isHRM ? "session.php" : "index.php"),
          })
        } else if (securityStore.isStudentBoss) {
          subItems.push({
            label: t("Learners"),
            url: "/main/my_space/student.php",
          })
        } else {
          subItems.push({
            label: t("Progress"),
            url: "/main/auth/my_progress.php",
          })
        }

        items.push({
          icon: "mdi mdi-chart-box",
          label: t("Reporting"),
          items: subItems,
        })
      }

      if (showTabsSetting.indexOf("social") > -1) {
        items.push({
          icon: "mdi mdi-sitemap-outline",
          label: t("Social network"),
          command: () => router.push({ name: "SocialWall" }),
        })
      }

      if (platformConfigStore.plugins?.bbb?.show_global_conference_link) {
        items.push({
          icon: "mdi mdi-video",
          label: t("Videoconference"),
          url: platformConfigStore.plugins.bbb.listingURL,
        })
      }
    }

    if (securityStore.isStudentBoss || securityStore.isStudent) {
      items.push({
        icon: "mdi mdi-text-box-search",
        items: [
          {
            label: t("Diagnosis Management"),
            url: "/main/search/load_search.php",
            visible: securityStore.isStudentBoss,
          },
          {
            label: t("Diagnostic Form"),
            url: "/main/search/search.php",
          },
        ],
        label: t("Diagnosis"),
      })
    }

    if (securityStore.isAdmin || securityStore.isSessionAdmin) {
      const adminItems = [
        {
          label: t("Administration"),
          command: () => router.push({ name: "AdminIndex" }),
        },
      ]

      if (
        securityStore.isSessionAdmin &&
        "true" === platformConfigStore.getSetting("session.limit_session_admin_list_users")
      ) {
        adminItems.push({
          label: t("Add user"),
          url: "/main/admin/user_add.php",
        })
      } else {
        adminItems.push({
          label: t("Users"),
          url: "/main/admin/user_list.php",
        })
      }

      if (securityStore.isAdmin) {
        adminItems.push({
          label: t("Courses"),
          url: "/main/admin/course_list.php",
        })
      }

      adminItems.push({
        label: t("Sessions"),
        url: "/main/session/session_list.php",
      })

      items.push({
        icon: "mdi mdi-cog",
        items: adminItems,
        label: t("Administration"),
      })
    }

    return items
  })

  onMounted(async () => {
    await enrolledStore.initialize()
  })

  return {
    menuItems,
  }
}