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

Add dynamic filtering

This commit is contained in:
Ramon Wenger 2024-07-09 09:15:39 +02:00 committed by Christian Cueni
parent 8bce53b410
commit 28c247653a
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
View File

@ -12,6 +12,7 @@ import {
useCourseDataWithCompletion, useCourseDataWithCompletion,
useCurrentCourseSession, useCurrentCourseSession,
} from "@/composables"; } from "@/composables";
import CourseSessionDueDatesList from "@/components/dueDates/CourseSessionDueDatesList.vue";
const props = defineProps<{ const props = defineProps<{
courseSlug: string; courseSlug: string;
@ -65,17 +66,26 @@ const changeViewType = (viewType: ViewType) => {
></CircleProgress> ></CircleProgress>
</div> </div>
<div v-if="!useMobileLayout && false" class="flex-grow">
<CourseSessionDueDatesList
:course-session-id="courseSession.id"
:max-count="2"
></CourseSessionDueDatesList>
</div>
<!-- Right --> <!-- Right -->
<div v-if="!useMobileLayout" class="flex-grow"> <div v-if="!useMobileLayout" class="flex-grow">
<p>Zulassungsprofil</p> <h5 class="mb-4">Zulassungsprofil:</h5>
<div> <div class="mb-4 flex gap-4">
<button class="btn-primary" @click="filter = 'nonlife'">Nichtleben</button> <button
<button class="btn-secondary" @click="filter = 'life'">Leben</button> v-for="profile in course?.profiles"
<button class="btn-secondary" @click="filter = 'sick'"> :key="profile"
Krankenzusatzversicherung :class="filter == profile || !filter ? 'tag-active' : 'tag-inactive'"
@click="filter = profile"
>
{{ profile }}
</button> </button>
</div> </div>
<p><a href="#" @click="filter = ''">Alle anzeigen (Allbranche)</a></p> <a class="link" @click="filter = ''">Alle anzeigen (Allbranche)</a>
</div> </div>
</div> </div>