fix(frontend): Submission nummers starten nu vanaf 1.

frontend/src/i18n/locale/de.json

@@ -83,5 +83,6 @@
     "taskCompleted": "Aufgabe erledigt.",
     "submittedBy": "Eingereicht von",
     "timestamp": "Zeitpunkt",
-    "loadSubmission": "Einladen"
+    "loadSubmission": "Einladen",
+    "noSubmissionsYet": "Noch keine Lösungen eingereicht."
 }

frontend/src/i18n/locale/en.json

@@ -83,5 +83,6 @@
     "taskCompleted": "Task completed.",
     "submittedBy": "Submitted by",
     "timestamp": "Timestamp",
-    "loadSubmission": "Load"
+    "loadSubmission": "Load",
+    "noSubmissionsYet": "No submissions yet."
 }

frontend/src/i18n/locale/fr.json

@@ -83,5 +83,6 @@
     "taskCompleted": "Tâche terminée.",
     "submittedBy": "Soumis par",
     "timestamp": "Horodatage",
-    "loadSubmission": "Charger"
+    "loadSubmission": "Charger",
+    "noSubmissionsYet": "Pas encore de soumissions."
 }

frontend/src/i18n/locale/nl.json

@@ -83,5 +83,6 @@
     "taskCompleted": "Taak afgewerkt.",
     "submittedBy": "Ingediend door",
     "timestamp": "Tijdstip",
-    "loadSubmission": "Inladen"
+    "loadSubmission": "Inladen",
+    "noSubmissionsYet": "Nog geen indieningen."
 }

frontend/src/views/learning-paths/learning-object/submissions/LearningObjectSubmissionsTable.vue

@@ -19,12 +19,15 @@
         { title: "", key: "action", width: "70px", sortable: false },
     ]);
 
-    const data = computed(() => props.allSubmissions.map(submission => ({
-        submissionNo: submission.submissionNumber,
-        submittedBy: `${submission.submitter.firstName} ${submission.submitter.lastName}`,
-        timestamp: submission.time ? new Date(submission.time).toLocaleString(): "-",
-        dto: submission
-    })));
+    const data = computed(() => [...props.allSubmissions]
+        .sort((a, b) => (a.submissionNumber ?? 0) - (b.submissionNumber ?? 0))
+        .map((submission, index) => ({
+            submissionNo: index + 1,
+            submittedBy: `${submission.submitter.firstName} ${submission.submitter.lastName}`,
+            timestamp: submission.time ? new Date(submission.time).toLocaleString(): "-",
+            dto: submission
+        })
+    ));
 
     function selectSubmission(submission: SubmissionDTO) {
         emit('submission-selected', submission);
@@ -39,6 +42,7 @@
                           :items="data"
                           density="compact"
                           hide-default-footer
+                          :no-data-text="t('noSubmissionsYet')"
             >
                 <template v-slot:item.action="{ item }">
                     <v-btn density="compact" variant="plain" @click="selectSubmission(item.dto)">