From 9006a46a1cd54ae4c164d0e11af4a337b8fc9b94 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Tue, 8 Apr 2025 09:37:38 +0200
Subject: [PATCH] enhanced loading

---
 src/views/admin/operation/mission/MissionList.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/admin/operation/mission/MissionList.vue b/src/views/admin/operation/mission/MissionList.vue
index 748cf60..d02efa1 100644
--- a/src/views/admin/operation/mission/MissionList.vue
+++ b/src/views/admin/operation/mission/MissionList.vue
@@ -15,7 +15,12 @@
       <div class="flex flex-col w-full h-full gap-2 justify-center px-7">
         <div class="flex flex-col gap-2 grow overflow-y-scroll" @scrollend="reachedEnd">
           <MissionListItem v-for="mission in missions" :key="mission.id" :mission="mission" />
+          <br />
           <Spinner v-if="loading == 'loading'" class="mt-auto mx-auto" />
+          <p v-if="!hasReachedEnd" class="mt-auto mx-auto text-sm cursor-pointer select-none" @click="reachedEnd">
+            mehr laden?
+          </p>
+          <p v-else class="mt-auto mx-auto text-sm select-none">Ende der Liste!</p>
         </div>
 
         <div class="flex flex-row gap-4">
@@ -64,8 +69,10 @@ export default defineComponent({
   methods: {
     ...mapActions(useMissionStore, ["fetchMissions", "createMission"]),
     reachedEnd() {
-      this.hasReachedEnd = true;
-      this.fetchMissions(this.missions.length);
+      if (!this.hasReachedEnd) {
+        this.hasReachedEnd = true;
+        this.fetchMissions(this.missions.length);
+      }
     },
     createNewMission() {
       this.createMission()