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

feat: assignments pagina toont een text als er geen assignments zijn

Browse source
This commit is contained in:
Joyelle Ndagijimana 2025-05-11 16:59:38 +02:00
parent f93e738d36
commit bcd37994c0
5 changed files with 74 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/i18n/locale/de.json
View file

@ -121,5 +121,6 @@
"invite": "einladen",
"assignmentIndicator": "AUFGABE",
"searchAllLearningPathsTitle": "Alle Lernpfade durchsuchen",
"searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen."
"searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen.",
"no-assignments": "Derzeit gibt es keine Zuweisungen."
}

3
frontend/src/i18n/locale/en.json
View file

@ -121,5 +121,6 @@
"invite": "invite",
"assignmentIndicator": "ASSIGNMENT",
"searchAllLearningPathsTitle": "Search all learning paths",
"searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths."
"searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths.",
"no-assignments": "There are currently no assignments."
}

3
frontend/src/i18n/locale/fr.json
View file

@ -121,5 +121,6 @@
"invite": "inviter",
"assignmentIndicator": "DEVOIR",
"searchAllLearningPathsTitle": "Rechercher tous les parcours d'apprentissage",
"searchAllLearningPathsDescription": "Vous n'avez pas trouvé ce que vous cherchiez ? Cliquez ici pour rechercher dans toute notre base de données de parcours d'apprentissage disponibles."
"searchAllLearningPathsDescription": "Vous n'avez pas trouvé ce que vous cherchiez ? Cliquez ici pour rechercher dans toute notre base de données de parcours d'apprentissage disponibles.",
"no-assignments": "Il n'y a actuellement aucun travail."
}

3
frontend/src/i18n/locale/nl.json
View file

@ -121,5 +121,6 @@
"invite": "uitnodigen",
"assignmentIndicator": "OPDRACHT",
"searchAllLearningPathsTitle": "Alle leerpaden doorzoeken",
"searchAllLearningPathsDescription": "Niet gevonden waar je naar op zoek was? Klik hier om onze volledige databank van beschikbare leerpaden te doorzoeken."
"searchAllLearningPathsDescription": "Niet gevonden waar je naar op zoek was? Klik hier om onze volledige databank van beschikbare leerpaden te doorzoeken.",
"no-assignments": "Er zijn momenteel geen opdrachten."
}

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

@ -65,7 +65,7 @@
return aTime - bTime;
});
}, []);
}, [], {evaluating: true});
async function goToCreateAssignment(): Promise<void> {
@ -179,6 +179,14 @@
</v-card>
</v-col>
</v-row>
<v-row v-if="assignments.length === 0">
<v-col cols="12">
<div class="no-assignments">
{{ t("no-assignments") }}
</div>
</v-col>
</v-row>
</v-container>
</div>
</template>
@ -200,12 +208,26 @@
.center-btn {
display: block;
margin-left: auto;
margin-right: auto;
margin: 0 auto 2rem auto;
font-weight: 600;
background-color: #10ad61;
color: white;
transition: background-color 0.2s;
}
.center-btn:hover {
background-color: #0e6942;
}
.assignment-card {
padding: 1rem;
padding: 1.25rem;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
background-color: white;
transition: transform 0.2s, box-shadow 0.2s;
}
.assignment-card:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.top-content {
@ -213,6 +235,30 @@
word-break: break-word;
}
.assignment-title {
font-weight: 700;
font-size: 1.4rem;
color: #0e6942;
margin-bottom: 0.3rem;
}
.assignment-class,
.assignment-deadline {
font-size: 0.95rem;
color: #444;
margin-bottom: 0.2rem;
}
.class-name {
font-weight: 600;
color: #097180;
}
.assignment-deadline.deadline-passed {
color: #d32f2f;
font-weight: bold;
}
.spacer {
flex: 1;
}
@ -220,36 +266,33 @@
.button-row {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
gap: 0.75rem;
flex-wrap: wrap;
}
.assignment-title {
font-weight: bold;
font-size: 1.5rem;
margin-bottom: 0.1rem;
word-break: break-word;
.button-row .v-btn {
font-weight: 600;
text-transform: none;
}
.assignment-class {
color: #666;
font-size: 0.95rem;
.button-row .v-btn[color="primary"] {
color: #097180;
}
.class-name {
font-weight: 500;
color: #333;
.button-row .v-btn[color="primary"]:hover {
color: #0e6942;
}
.assignment-deadline {
font-size: 0.95rem;
color: #444;
margin-top: 0.4rem;
.button-row .v-btn[color="red"] {
color: #d32f2f;
}
.assignment-deadline.deadline-passed {
color: #d32f2f; /* red */
font-weight: bold;
.no-assignments {
text-align: center;
font-size: 1.2rem;
color: #777;
padding: 3rem 0;
}
</style>