From 770082c6d51439f1b8b8ed9b84745e9b9cb02301 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Fri, 11 Jul 2025 13:38:59 +0000
Subject: [PATCH] GS-2174
---
vue/src/components/KursTnByRole.vue | 40 ++++++++++++++++++++
vue/src/pages/KursDetail.vue | 22 +----------
2 files changed, 42 insertions(+), 20 deletions(-)
diff --git a/vue/src/components/KursTnByRole.vue b/vue/src/components/KursTnByRole.vue
new file mode 100644
index 0000000..b60234a
--- /dev/null
+++ b/vue/src/components/KursTnByRole.vue
@@ -0,0 +1,40 @@
+<script setup>
+import {routerBase} from "@/lib/api"
+
+const props = defineProps({
+ kursTnByRolle: {
+ type: Array,
+ }
+})
+
+
+</script>
+
+<template>
+
+ <table>
+ <thead>
+ <tr>
+ <th>role_id</th>
+ <th>usr_id</th>
+ <th>firstname</th>
+ <th>lastname</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr v-for="tn in kursTnByRolle">
+ <td>{{ tn.role_id }}</td>
+ <td>
+ <RouterLink :to="`${routerBase}/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
+ </td>
+ <td>{{ tn.firstname }}</td>
+ <td>{{ tn.lastname }}</td>
+ </tr>
+ </tbody>
+ </table>
+
+</template>
+
+<style scoped>
+
+</style>
diff --git a/vue/src/pages/KursDetail.vue b/vue/src/pages/KursDetail.vue
index be99d9f..937d1c0 100644
--- a/vue/src/pages/KursDetail.vue
+++ b/vue/src/pages/KursDetail.vue
@@ -8,6 +8,7 @@
import KursItems from '../components/KursItems.vue'
import KursRoles from '../components/KursRoles.vue'
import KursMembers from '../components/KursMembers.vue'
+import KursTnByRole from '../components/KursTnByRole.vue'
const route = useRoute()
@@ -107,26 +108,7 @@
<div>
<h2>KursTnByRole <small>({{ kursTnByRolle?.length }})</small></h2>
- <table>
- <thead>
- <tr>
- <th>role_id</th>
- <th>usr_id</th>
- <th>firstname</th>
- <th>lastname</th>
- </tr>
- </thead>
- <tbody>
- <tr v-for="tn in kursTnByRolle">
- <td>{{ tn.role_id }}</td>
- <td>
- <RouterLink :to="`${routerBase}/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
- </td>
- <td>{{ tn.firstname }}</td>
- <td>{{ tn.lastname }}</td>
- </tr>
- </tbody>
- </table>
+ <KursTnByRole :kursTnByRolle="kursTnByRolle" />
</div>
</div>
--
Gitblit v1.8.0