From 0a573394fa46f5fac32bc9f6ef4f3db5200cbb65 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Thu, 6 Jun 2024 17:22:41 +0200
Subject: [PATCH] Make mutation batchable
---
.../absences/ManageStudentsDialog.vue | 30 +++++++++----------
1 file changed, 15 insertions(+), 15 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue
index 798acb623..aa3bdb391 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue
@@ -44,29 +44,29 @@ export default {
},
},
methods: {
- sendToServer(participation, field, value) {
+ sendToServer(participations, field, value) {
if (field !== "absenceReason") return;
this.mutate(
updateParticipationStatuses,
{
- input: [
- {
- id: participation.id,
- absenceReason: value === "present" ? null : value,
- },
- ],
+ input: participations.map((participation) => ({
+ id: participation.id,
+ absenceReason: value === "present" ? null : value,
+ })),
},
(storedDocumentations, incomingStatuses) => {
- const newStatus = incomingStatuses[0];
const documentation = storedDocumentations.find(
- (doc) => doc.id === newStatus.relatedDocumentation.id,
+ (doc) => doc.id === this.documentation.id,
);
- const participationStatus = documentation.participations.find(
- (part) => part.id === newStatus.id,
- );
- participationStatus.absenceReason = newStatus.absenceReason;
- participationStatus.isOptimistic = newStatus.isOptimistic;
+
+ incomingStatuses.forEach((newStatus) => {
+ const participationStatus = documentation.participations.find(
+ (part) => part.id === newStatus.id,
+ );
+ participationStatus.absenceReason = newStatus.absenceReason;
+ participationStatus.isOptimistic = newStatus.isOptimistic;
+ });
return storedDocumentations;
},
@@ -177,7 +177,7 @@ export default {
empty-value="present"
:loadSelectedChip="loading"
:value="item.absenceReason?.id || 'present'"
- @input="sendToServer(item, 'absenceReason', $event)"
+ @input="sendToServer([item], 'absenceReason', $event)"
/>
</v-card-text>
</template>
--
GitLab