tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
Archived
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

feat(frontend): Verschillende symbolen voor 'teacher-only' en 'student'-leerobjecten

Browse source
This commit is contained in:
Gerald Schmittinger 2025-03-25 02:03:28 +01:00
parent f9e2166504
commit ab81be3dc0
1 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/views/learning-paths/LearningPathPage.vue
View file

@ -95,6 +95,15 @@
} }
return false; return false;
} }
function getStatusIconForLearningObject(learningObject: LearningObject): {icon: string, color?: "success" | "info" | "warning" | "error"} {
if (learningObject.teacherExclusive) {
return {icon: "mdi-information", color: "info"};
} else if (isLearningObjectCompleted(learningObject)) {
return {icon: "mdi-checkbox-marked-circle-outline", color: "success"};
} else {
return {icon: "mdi-checkbox-blank-circle-outline"};
}
}
</script> </script>
<template> <template>
@ -119,9 +128,13 @@
:to="{path: node.key, query: route.query}" :to="{path: node.key, query: route.query}"
:title="node.title" :title="node.title"
:active="node.key === props.learningObjectHruid" :active="node.key === props.learningObjectHruid"
:prepend-icon="isLearningObjectCompleted(node) ? 'mdi-checkbox-marked-circle-outline' : 'mdi-checkbox-blank-circle-outline'"
v-for="node in learningObjects.data" v-for="node in learningObjects.data"
> >
<template v-slot:prepend>
<v-icon
:color="getStatusIconForLearningObject(node).color"
:icon="getStatusIconForLearningObject(node).icon"></v-icon>
</template>
<template v-slot:append> <template v-slot:append>
{{ node.estimatedTime }}' {{ node.estimatedTime }}'
</template> </template>