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

Display selected circles in list

This commit is contained in:
Christian Cueni 2022-12-14 08:12:04 +01:00
parent fb42625354
commit 3f58325c2f
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/pages/cockpit/CockpitIndexPage.vue
View File

@ -130,7 +130,13 @@ function setActiveClasses(id: number) {
diagram-type="horizontalSmall" diagram-type="horizontalSmall"
></LearningPathDiagram> ></LearningPathDiagram>
</div> </div>
<div>Einstieg</div> <div>
<span
v-for="title in cockpitStore.selectedCirclesTitles"
:key="title"
>{{ title }}</span
>
</div>
</div> </div>
<div class="ml-4 flex flex-row items-center"> <div class="ml-4 flex flex-row items-center">
<div class="flex flex-row items-center mr-6"> <div class="flex flex-row items-center mr-6">

4
client/src/stores/cockpit.ts
View File

@ -21,6 +21,10 @@ export const useCockpitStore = defineStore({
}, },
getters: { getters: {
circles: (state) => state.cockpitSessionUser?.circles, circles: (state) => state.cockpitSessionUser?.circles,
selectedCirclesTitles: (state) =>
state.cockpitSessionUser?.circles
.filter((circle) => state.selectedCircles.indexOf(circle.id) > -1)
.map((circle) => circle.title),
}, },
actions: { actions: {
async loadCourseSessionUsers(courseSlug: string, reload = false) { async loadCourseSessionUsers(courseSlug: string, reload = false) {