Improve MaterialList loading

frontend/src/components/material/MaterialTable.vue

@@ -89,7 +89,7 @@
       <!-- Activity link (only visible in full period view) -->
       <ScheduleEntryLinks
         v-if="period && item.entityObject && item.entityObject.materialNode"
-        :activity-promise="findOneActivityByContentNode(item.entityObject.materialNode())"
+        :activity-promise="findOneActivityByContentNode(item.entityObject)"
       />
 
       <!-- Action buttons -->
@@ -270,6 +270,7 @@ export default {
       newMaterialItems: {},
       periodOnly: false,
       clientWidth: 1000,
+      loadMaterialNodesPromise: Promise.resolve(),
     }
   },
   computed: {
@@ -391,8 +392,12 @@ export default {
       }
     },
   },
-  mounted() {
+  async mounted() {
     this.clientWidth = this.$el.clientWidth
+
+    if (this.period) {
+      this.loadMaterialNodesPromise = this.loadMaterialNodes()
+    }
   },
   methods: {
     onResize({ width }) {
@@ -451,14 +456,36 @@ export default {
         })
     },
 
-    async findOneActivityByContentNode(contentNode) {
-      await this.camp.activities().$loadItems()
+    async findOneActivityByContentNode(entityObject) {
+      await Promise.all([
+        this.camp.activities().$loadItems(),
+        this.loadMaterialNodesPromise,
+      ])
+      const contentNode = entityObject.materialNode()
       const root = await contentNode.$href('root')
 
       return this.camp.activities().items.find((activity) => {
         return activity.rootContentNode()._meta.self === root
       })
     },
+
+    async loadMaterialNodes() {
+      await this.api.get().contentTypes().$loadItems()
+      const contentTypeMaterial = this.api
+        .get()
+        .contentTypes()
+        .items.find((ct) => ct.name === 'Material')
+      if (!contentTypeMaterial) {
+        throw new Error('Material content type not found')
+      }
+      await this.api
+        .get()
+        .contentNodes({
+          camp: this.camp._meta.self,
+          contentType: contentTypeMaterial._meta.self,
+        })
+        .$loadItems()
+    },
   },
 }
 </script>

frontend/src/components/material/useMaterialViewHelper.js

@@ -133,6 +133,7 @@ export function useMaterialViewHelper(camp, list) {
         })
         .$loadItems(),
       ...collection.value.map(({ materialItems }) => materialItems.$reload()),
+      camp.categories().$loadItems(),
     ])
   })