Load extraMarks once for the coursebook

aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue

@@ -34,6 +34,7 @@
         @init="transition"
         :key="'day-' + date"
         ref="days"
+        :extra-marks="extraMarks"
       />
       <coursebook-loader />
 
@@ -73,6 +74,7 @@ import { documentationsForCoursebook } from "./coursebook.graphql";
 import CoursebookFilters from "./CoursebookFilters.vue";
 import CoursebookLoader from "./CoursebookLoader.vue";
 import CoursebookEmptyMessage from "./CoursebookEmptyMessage.vue";
+import { extraMarks } from "../extra_marks/extra_marks.graphql";
 
 export default {
   name: "Coursebook",
@@ -132,8 +134,15 @@ export default {
       initDate: false,
       currentDate: "",
       hashUpdater: false,
+      extraMarks: [],
     };
   },
+  apollo: {
+    extraMarks: {
+      query: extraMarks,
+      update: (data) => data.items,
+    },
+  },
   computed: {
     // Assertion: Should only fire on page load or selection change.
     //            Resets date range.

aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDay.vue

@@ -12,6 +12,7 @@
         >
           <documentation-modal
             :documentation="doc"
+            :extra-marks="extraMarks"
             :affected-query="lastQuery"
           />
         </v-list-item>
@@ -45,6 +46,10 @@ export default {
       required: false,
       default: false,
     },
+    extraMarks: {
+      type: Array,
+      required: true,
+    },
   },
   emits: ["init"],
   methods: {

aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationModal.vue

@@ -4,7 +4,7 @@
   <mobile-fullscreen-dialog v-model="popup" max-width="500px">
     <template #activator="activator">
       <!-- list view -> activate dialog -->
-      <documentation compact v-bind="$attrs" :dialog-activator="activator" />
+      <documentation compact v-bind="$attrs" :dialog-activator="activator" :extra-marks="extraMarks" />
     </template>
     <!-- dialog view -> deactivate dialog -->
     <!-- cancel | save (through lesson-summary) -->
@@ -27,5 +27,11 @@ export default {
       popup: false,
     };
   },
+  props: {
+    extraMarks: {
+      type: Array,
+      required: true,
+    },
+  },
 };
 </script>

aleksis/apps/alsijil/frontend/components/coursebook/documentation/documentationPartMixin.js

@@ -33,6 +33,13 @@ export default {
       required: false,
       default: () => ({ attrs: {}, on: {} }),
     },
+    /**
+     * Once loaded list of all extra marks to avoid excessive network and database queries
+     */
+    extraMarks: {
+      type: Array,
+      required: true,
+    },
   },
 
   computed: {
@@ -46,6 +53,7 @@ export default {
         compact: this.compact,
         dialogActivator: this.dialogActivator,
         affectedQuery: this.affectedQuery,
+        extraMarks: this.extraMarks,
       };
     },
   },

aleksis/apps/alsijil/frontend/components/coursebook/personal_notes/ExtraMarksNote.vue

@@ -13,17 +13,6 @@ export default {
       required: true,
     },
   },
-  data() {
-    return {
-      extraMarks: [],
-    };
-  },
-  apollo: {
-    extraMarks: {
-      query: extraMarks,
-      update: (data) => data.items,
-    },
-  },
 };
 </script>