feat: kan opdracht aanmaken met deadline

backend/tests/test_assets/assignments/assignments.testdata.ts

@@ -18,7 +18,7 @@ export function makeTestAssignemnts(em: EntityManager, classes: Class[]): Assign
         description: 'reading',
         learningPathHruid: 'un_ai',
         learningPathLanguage: Language.English,
-        deadline: futureDate,
+        deadline: new Date(),
         groups: [],
     });
 

frontend/src/utils/assignment-rules.ts

@@ -58,7 +58,7 @@ export const deadlineRules = [
             return "Invalid date or time.";
         }
 
-        if (selectedDateTime <= now) {
+        if (selectedDateTime < now) {
             return "The deadline must be in the future.";
         }
 

frontend/src/views/assignments/CreateAssignment.vue

@@ -48,7 +48,7 @@
 
     // Disable combobox when learningPath prop is passed
     const lpIsSelected = route.query.hruid !== undefined;
-    const deadline = ref(null);
+    const deadline = ref(new Date());
     const description = ref("");
     const groups = ref<string[][]>([]);
 
@@ -86,6 +86,7 @@
             title: assignmentTitle.value,
             description: description.value,
             learningPath: lp || "",
+            deadline: deadline.value,
             language: language.value,
             groups: groups.value,
         };

frontend/src/views/assignments/UserAssignments.vue

@@ -108,6 +108,21 @@
         });
     }
 
+    function getDeadlineClass(deadline?: string | Date): string {
+        if (!deadline) return "";
+        const date = new Date(deadline);
+        const now = new Date();
+        const isToday =
+            date.getDate() === now.getDate() &&
+            date.getMonth() === now.getMonth() &&
+            date.getFullYear() === now.getFullYear();
+
+        if (date.getTime() < now.getTime()) return "deadline-passed";
+        if (isToday) return "deadline-today";
+        return "deadline-upcoming";
+    }
+
+
 
 
     onMounted(async () => {
@@ -147,14 +162,13 @@
                             </div>
                             <div
                                 class="assignment-deadline"
-                                :class="{ 'deadline-passed': isPastDeadline(assignment.deadline) }"
+                                :class="getDeadlineClass(assignment.deadline)"
                             >
                                 {{ t("deadline") }}:
-                                <span>
+                                <span>{{ formatDate(assignment.deadline) }}</span>
-                                    {{ formatDate(assignment.deadline) }}
-                                </span>
                             </div>
 
+
                         </div>
 
                         <div class="spacer"></div>
@@ -259,6 +273,11 @@
         font-weight: bold;
     }
 
+    .assignment-deadline.deadline-today {
+        color: #f57c00;
+        font-weight: bold;
+    }
+
     .spacer {
         flex: 1;
     }