From 540d1cfcb79bc5694a026c65daf694a3c6c5914f Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 16 Feb 2024 19:04:46 +0100
Subject: [PATCH] Show loading animation for topic autosave
---
.../frontend/components/documentation/LessonSummary.vue | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/aleksis/apps/alsijil/frontend/components/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/documentation/LessonSummary.vue
index c540bdd65..83655e0fd 100644
--- a/aleksis/apps/alsijil/frontend/components/documentation/LessonSummary.vue
+++ b/aleksis/apps/alsijil/frontend/components/documentation/LessonSummary.vue
@@ -10,6 +10,7 @@
@input="topic=$event"
@focusout="save"
@keydown.enter="saveAndBlur"
+ :loading="loading"
/>
<v-chip
v-if="compact"
@@ -84,6 +85,7 @@ export default {
topic: "",
homework: "",
groupNote: "",
+ loading: false,
};
},
methods: {
@@ -94,6 +96,7 @@ export default {
},
handleUpdateAfterCreateOrPatch(itemId, wasCreate) {
return (cached, incoming) => {
+ this.loading = false;
for (const object of incoming) {
console.log('summary: handleUpdateAfterCreateOrPatch', object);
// Replace the current documentation
@@ -110,6 +113,9 @@ export default {
const homework = this.homework ? { homework: this.homework } : {};
const groupNote = this.groupNote ? { groupNote: this.groupNote } : {};
+ this.loading = true;
+ console.log("save was called")
+
this.createOrPatch([{
id: this.documentation.id,
...topic,
--
GitLab