ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: mobile menu

This commit is contained in:
Livio Bieri 2023-09-20 17:16:07 +02:00
parent fa22f5a18e
commit 93f05e4722
2 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
client/src/components/header/MobileMenu.vue
View File

@ -8,6 +8,8 @@ const router = useRouter();
defineProps<{
show: boolean;
hasExpertNavigation: boolean;
hasMemberNavigation: boolean;
courseSession: CourseSession | undefined;
mediaUrl?: string;
user: UserState | undefined;
@ -52,16 +54,30 @@ const clickLink = (to: string | undefined) => {
<div v-if="courseSession" class="mt-6 border-b pb-6">
<h4 class="text-sm text-gray-900">{{ courseSession?.course.title }}</h4>
<ul class="mt-6">
<li>
<button @click="clickLink(courseSession?.learning_path_url)">
{{ $t("general.learningPath") }}
</button>
</li>
<li class="mt-6">
<button @click="clickLink(`${courseSession?.course_url}/cockpit`)">
{{ $t("cockpit.title") }}
</button>
</li>
<template v-if="hasMemberNavigation">
<li>
<button @click="clickLink(courseSession?.learning_path_url)">
{{ $t("general.learningPath") }}
</button>
</li>
<li>
<button @click="clickLink(courseSession?.competence_url)">
{{ $t("competences.title") }}
</button>
</li>
</template>
<template v-if="hasExpertNavigation">
<li class="mt-6">
<button @click="clickLink(`${courseSession?.course_url}/cockpit`)">
{{ $t("cockpit.title") }}
</button>
</li>
<li>
<button @click="clickLink(courseSession?.learning_path_url)">
{{ $t("a.VorschauTeilnehmer") }}
</button>
</li>
</template>
<li class="mt-6">
<button
data-cy="medialibrary-link"

6
client/src/stores/courseSessions.ts
View File

@ -143,17 +143,17 @@ export const useCourseSessionsStore = defineStore("courseSessions", () => {
const hasCourseSessionPreview = computed(() => {
const isCourseExpert =
currentCourseSession.value && currentCourseSessionHasCockpit.value;
return isCourseExpert && (inLearningPath() || inCompetenceProfile());
return Boolean(isCourseExpert && (inLearningPath() || inCompetenceProfile()));
});
const hasMemberNavigation = computed(() => {
return (
return Boolean(
inCourse() && currentCourseSession.value && !currentCourseSessionHasCockpit.value
);
});
const hasExpertNavigation = computed(() => {
return (
return Boolean(
inCourse() && currentCourseSession.value && currentCourseSessionHasCockpit.value
);
});