From d8abf6575895de7a5139682756be463d4e9b6079 Mon Sep 17 00:00:00 2001
From: Michael Bauer <michael-bauer@posteo.de>
Date: Thu, 21 Mar 2024 11:44:20 +0100
Subject: [PATCH] Get docsByDay out of template and use it as state in the
component
This is the foundation of continuous loading (fetchMore).
---
.../alsijil/frontend/components/coursebook/Coursebook.vue | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
index 72beee857..2897e7719 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/Coursebook.vue
@@ -6,6 +6,7 @@
:enable-create="false"
:enable-edit="false"
:elevated="false"
+ @items="docsByDay = groupDocsByDay($event)"
@lastQuery="lastQuery = $event"
ref="iterator"
disable-pagination
@@ -56,9 +57,9 @@
</div>
</div>
</template>
- <template #default="{ items }">
+ <template #default>
<v-list-item
- v-for="day in groupDocsByDay(items)"
+ v-for="day in docsByDay"
two-line
:key="'day-' + day[0]"
:id="'documentation_' + day[0].toISODate()"
@@ -144,6 +145,7 @@ export default {
data() {
return {
gqlQuery: documentationsForCoursebook,
+ docsByDay: {},
lastQuery: null,
// Placeholder values while query isn't completed yet
groups: [],
--
GitLab