From 6cb1d311f04d1f68f2d194524974b0f7bc0d31bd Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Wed, 04 Jun 2025 08:54:32 +0000
Subject: [PATCH] adding routerBase to all internal links
---
vue/src/components/Pagination.vue | 2 +-
vue/src/pages/Kurse.vue | 3 ++-
vue/src/router.js | 12 +++++++-----
vue/src/pages/KursDetail.vue | 4 ++--
vue/src/pages/Users.vue | 4 ++--
5 files changed, 14 insertions(+), 11 deletions(-)
diff --git a/vue/src/components/Pagination.vue b/vue/src/components/Pagination.vue
index c473ae2..0460a09 100644
--- a/vue/src/components/Pagination.vue
+++ b/vue/src/components/Pagination.vue
@@ -77,7 +77,7 @@
font-size 130%
//width 1em
.current
- width 10em;
+ width 12em;
text-align center;
input
diff --git a/vue/src/pages/KursDetail.vue b/vue/src/pages/KursDetail.vue
index 3ba1df0..bfea590 100644
--- a/vue/src/pages/KursDetail.vue
+++ b/vue/src/pages/KursDetail.vue
@@ -2,7 +2,7 @@
import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
-import {getKurs, getKursItems, getKursTn, iliasBase} from "../lib/api.js"
+import {getKurs, getKursItems, getKursTn, iliasBase, routerBase} from "../lib/api.js"
import LinkExtern from "../components/LinkExtern.vue"
const route = useRoute()
@@ -114,7 +114,7 @@
<tbody>
<tr v-for="tn in kursTn">
<td>
- <RouterLink :to="`/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
+ <RouterLink :to="`${routerBase}/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
</td>
<td>{{ tn.login }}</td>
<td>{{ tn.firstname }}</td>
diff --git a/vue/src/pages/Kurse.vue b/vue/src/pages/Kurse.vue
index 326da47..d8f4f64 100644
--- a/vue/src/pages/Kurse.vue
+++ b/vue/src/pages/Kurse.vue
@@ -3,6 +3,7 @@
import {onMounted, reactive, ref} from "vue"
import {useRoute} from "vue-router"
import Pagination from "../components/Pagination.vue"
+import {routerBase} from "@/lib/api"
const route = useRoute()
const kurse = ref([])
@@ -56,7 +57,7 @@
<tbody>
<tr v-for="kurs in kurse">
<td>
- <RouterLink :to="`/ui/kurs/${kurs.ref_id}`">
+ <RouterLink :to="`${routerBase}/ui/kurs/${kurs.ref_id}`">
{{kurs.ref_id}}
</RouterLink>
</td>
diff --git a/vue/src/pages/Users.vue b/vue/src/pages/Users.vue
index 82b2825..0fa615f 100644
--- a/vue/src/pages/Users.vue
+++ b/vue/src/pages/Users.vue
@@ -3,7 +3,7 @@
import {onMounted, reactive, ref} from "vue"
import {useRoute} from "vue-router"
import Pagination from "../components/Pagination.vue"
-import {getUsers} from "@/lib/api"
+import {getUsers, routerBase} from "@/lib/api"
import {useRouteQuery} from '@vueuse/router'
const route = useRoute()
@@ -67,7 +67,7 @@
<tbody>
<tr v-for="user in users.data">
<td>
- <RouterLink :to="`/ui/user/${user.usr_id}`">
+ <RouterLink :to="`${routerBase}/ui/user/${user.usr_id}`">
{{ user.usr_id }}
</RouterLink>
</td>
diff --git a/vue/src/router.js b/vue/src/router.js
index d5c427c..4602ec7 100644
--- a/vue/src/router.js
+++ b/vue/src/router.js
@@ -7,14 +7,16 @@
import UserDetail from './pages/UserDetail.vue'
import Kurse from './pages/Kurse.vue'
import KursDetail from './pages/KursDetail.vue'
+import {routerBase} from "@/lib/api"
const routes = [
- { path: `/`, redirect: "/ui/user" },
- { path: `/ui/user`, component: Users },
- { path: `/ui/user/:userId`, component: UserDetail },
- { path: `/ui/kurs`, component: Kurse },
- { path: `/ui/kurs/:kursId`, component: KursDetail },
+ { path: `${routerBase}/`, redirect: "/ui/user" },
+ { path: `${routerBase}/ui/`, redirect: "/ui/user" },
+ { path: `${routerBase}/ui/user`, component: Users },
+ { path: `${routerBase}/ui/user/:userId`, component: UserDetail },
+ { path: `${routerBase}/ui/kurs`, component: Kurse },
+ { path: `${routerBase}/ui/kurs/:kursId`, component: KursDetail },
]
console.log(routes)
--
Gitblit v1.8.0