INIT commit

src/router/index.js

@@ -0,0 +1,49 @@
+import { route } from 'quasar/wrappers'
+import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
+import routes from './routes'
+import {useUserStore} from "stores/User";
+
+/*
+ * If not building with SSR mode, you can
+ * directly export the Router instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Router instance.
+ */
+
+export default route(function (/* { store, ssrContext } */) {
+  const createHistory = process.env.SERVER
+    ? createMemoryHistory
+    : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory)
+
+  const Router = createRouter({
+    scrollBehavior: () => ({ left: 0, top: 0 }),
+    routes,
+
+    // Leave this as is and make changes in quasar.conf.js instead!
+    // quasar.conf.js -> build -> vueRouterMode
+    // quasar.conf.js -> build -> publicPath
+    history: createHistory(process.env.VUE_ROUTER_BASE)
+  })
+
+  Router.beforeEach(async (to) => {
+    if (to.meta?.protected) {
+      const userStore = useUserStore();
+      // const $q = useQuasar();
+
+      userStore.setupCredentials().then(()=>{
+        if (!userStore.user.id) {
+          // console.log("neni prihlaseny")
+          // $q.notify("No access token, login again!");
+          Router.push({name: "login"});
+        }
+      }).catch(e => {
+        // console.error("Error in router: ", e);
+      });
+
+    }
+  })
+
+  return Router
+})

src/router/routes.js

@@ -0,0 +1,44 @@
+const routes = [
+  {
+    path: '/',
+    component: () => import('layouts/PublicLayout.vue'),
+    children: [
+      {path: '', name: "homepage", component: () => import('pages/public/IndexPage.vue')},
+      {path: 'login', name: "login", component: () => import('pages/public/LoginPage.vue')},
+      {path: 'register', name: "registration", component: () => import('pages/public/RegisterPage.vue')},
+      {path: 'about', name: "about", component: () => import('pages/public/AboutPage.vue')},
+    ]
+  },
+  {
+    path: '/profile',
+    component: () => import('layouts/ProfileLayout.vue'),
+    meta: {
+      protected: true,
+    },
+    children: [
+      {path: '', name: "profile", component: () => import('pages/profile/ProfilePage.vue')},
+      {path: 'my-flights', name: "myFlights", component: () => import('pages/profile/lists/MyFlightsPage.vue')},
+      {path: 'my-flights/add', name: "addFlight", component: () => import('pages/profile/forms/FlightLogPage.vue')},
+      {path: 'my-flights/:id', name: "flightDetail", component: () => import('pages/profile/details/FlightDetailPage.vue')},
+      {path: 'my-flights/:id/edit', name: "flightEdit", component: () => import('pages/profile/forms/FlightEditPage.vue')},
+      {path: 'poi', name: "poi", component: () => import('pages/profile/lists/PointsOfInterestPage.vue')},
+      {path: 'poi/:id', name: "poiDetail", component: () => import('pages/profile/details/PointOfInterestDetailPage.vue')},
+      {path: 'pilots', name: "pilots", component: () => import('pages/profile/lists/SecondPilotPage.vue')},
+      {path: 'pilots/:id', name: "pilotDetail", component: () => import('pages/profile/details/SecondPilotDetailPage.vue')},
+      {path: 'aircrafts', name: "aircrafts", component: () => import('pages/profile/lists/AircraftsPage.vue')},
+      {path: 'aircrafts/new', name: "addAircraft", component: () => import('pages/profile/forms/NewAircraftsPage.vue')},
+      {path: 'aircrafts/:id', name: "aircraftDetail", component: () => import('pages/profile/details/AircraftDetailPage.vue')},
+      {path: 'aircrafts/:id/edit', name: "aircraftEdit", component: () => import('pages/profile/forms/EditAircraftPage.vue')},
+    ]
+  },
+
+
+  // Always leave this as last one,
+  // but you can also remove it
+  {
+    path: '/:catchAll(.*)*',
+    component: () => import('pages/ErrorNotFound.vue')
+  }
+]
+
+export default routes