Uprava setovani 404 (asi porad nefunguje), ruzne podminky, priprava na zapomenute heslo, sjednoceni nacitani letu v profilu

src/pages/profile/ProfileRefreshPage.vue

@@ -1,14 +1,16 @@
 <script setup>
 
 import {useRoute, useRouter} from "vue-router";
-import {computed, onMounted} from "vue";
+import {computed, onMounted, ref} from "vue";
 import {useLoggedUserStore} from "stores/LoggedUser";
 import {useAuthStore} from "stores/Auth";
 
 const $route = useRoute();
 const $router = useRouter();
 
-const url = computed(() => $route.query.url);
+const url = computed(() => $route.query.url || '/moje');
+
+const showLoginInfo = ref(false);
 
 onMounted(() => {
   console.log(useAuthStore().getAccessToken());
@@ -17,10 +19,39 @@ onMounted(() => {
   }).catch(e => {
     $router.push({name: "login"})
   });
+
+  setTimeout(() => showLoginInfo.value = true, 1000);
+  setTimeout(() => $router.push(url), 10000);
 });
 
 </script>
 
 <template>
-  <q-spinner />
+
+  <div class="row justify-center">
+    <div class="col-4">
+      <transition
+        v-if="showLoginInfo"
+        appear
+        enter-active-class="animated fadeIn"
+        leave-active-class="animated fadeOut"
+      >
+        <q-card style="max-width: 100%" class="q-my-lg">
+          <q-card-section class="text-center">
+            <q-spinner size="80px" color="primary"/>
+            <br>
+            <p class="q-my-lg">
+              Probíhá přihlašování. Za okamžik dojde k přesměrování. Pokud se tak nestane, klikni na tlačítko
+
+            </p>
+          </q-card-section>
+          <q-card-actions>
+            <q-btn class="full-width" color="primary" size="lg" :to="url">Návrat do rozhraní</q-btn>
+          </q-card-actions>
+        </q-card>
+      </transition>
+
+    </div>
+  </div>
+
 </template>

src/pages/profile/flight/FlightsPage.vue

@@ -6,29 +6,19 @@ import {useAppStore} from "stores/App";
 import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 import {useFlightsStore} from "stores/Flights";
 import {storeToRefs} from "pinia";
-import {ref} from "vue";
+import {loadPage, paginationLimit} from "src/composables/pagination";
 
 useAppStore().setPageTitle("Moje lety");
 
-const paginationLimit = ref(10);
-const paginationOffset = ref(0);
-
-const loadNextPage = (appendItems) => {
-  return useFlightsStore().fetch({
-    limit: paginationLimit.value,
-    offset: paginationOffset.value,
-    appendItems
-  }).then(() => {
-    paginationOffset.value += paginationLimit.value;
-  })
-}
-
+const loadNextPage = (appendItems) => loadPage({
+  fetchFunc: useFlightsStore().fetch, appendItems
+});
 loadNextPage(false);
 const {flights, totalItemsCount, isQueryRunning} = storeToRefs(useFlightsStore());
 </script>
 
 <template>
-  <FlightsListSkeleton v-if="isQueryRunning"/>
+  <FlightsListSkeleton v-if="isQueryRunning && flights.length === 0"/>
 
   <BasicInfoBanner
     v-else-if="!isQueryRunning && totalItemsCount === 0"