Fix loading animations in LessonRaster

aleksis/apps/lesrooster/frontend/components/lesson_raster/LessonRaster.vue

@@ -79,7 +79,7 @@
       }"
       v-slot="{ hover }"
     >
-      <v-card :loading="$apollo.queries.items.loading">
+      <v-card :loading="$apollo.queries.items.loading || loading.main">
         <v-card-title
           class="d-flex flex-wrap justify-space-between align-center fill-height"
         >
@@ -108,7 +108,7 @@
                     icon
                     v-bind="attrs"
                     v-on="{ ...tooltip, ...menu }"
-                    :loading="loading[weekday]"
+                    :loading="loading[weekday] || loading.main"
                     v-show="hover"
                   >
                     <v-icon>mdi-application-export</v-icon>
@@ -168,7 +168,7 @@
       v-for="slot in slots"
       :key="'slot-' + slot.id"
       :item="slot"
-      :disabled="$apollo.queries.items.loading"
+      :disabled="$apollo.queries.items.loading || loading.main || loading[slot.weekday]"
       @click:delete="deleteSingularSlot"
       @click:copy="copySingularSlotTodDay($event.item, $event.weekday)"
       :weekdays="weekdays"
@@ -265,7 +265,9 @@ export default {
     return {
       weekdays: [],
       internalTimeGrid: null,
-      loading: {},
+      loading: {
+        main: false,
+      },
       gqlQuery: slots,
       deleteMutation: deleteSlot,
       deleteMultipleMutation: deleteSlots,