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

feat(frontend): assignment pagina toont titel, link naar lp en beschrijving

Browse source
This commit is contained in:
Joyelle Ndagijimana 2025-03-30 19:01:52 +02:00
parent 4f09d004ab
commit f847f6d606
6 changed files with 299 additions and 134 deletions
Download patch file Download diff file Expand all files Collapse all files

30
frontend/src/views/assignments/UserAssignments.vue
View file

@ -24,11 +24,11 @@
router.push('/assignment/create');
};
const goToEditAssignment = (id: number) => {
router.push(`/assignment/edit/${id}`);
const goToEditAssignment = (id: string) => {
router.push(`/assignment/${id}/edit`);
};
const goToAssignmentDetails = (id: number) => {
const goToAssignmentDetails = (id: string) => {
router.push(`/assignment/${id}`);
};
</script>
@ -45,9 +45,9 @@
<v-row>
<v-col v-for="assignment in allAssignments" :key="assignment.id" cols="12">
<v-card class="assignment-card" variant="outlined">
<v-card-title>{{ assignment.title }}</v-card-title>
<v-card-title class="title">{{ assignment.title }}</v-card-title>
<v-divider></v-divider>
<v-card-text>{{ assignment.description }}</v-card-text>
<v-card-text class="description-text" >{{ assignment.description }}</v-card-text>
<v-card-actions>
<v-btn color="primary" @click="goToAssignmentDetails(assignment.id)">
@ -70,11 +70,11 @@
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
padding: 2%;
}
.assignment-card {
padding: 16px;
padding: 1%;
display: flex;
flex-direction: column;
justify-content: space-between;
@ -84,4 +84,20 @@ h1 {
text-align: left;
width: 100%;
}
.title {
flex-grow: 1;
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;
}
.description-text {
display: -webkit-box;
-webkit-line-clamp: 3; /* Limit to 3 lines */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
</style>