From df46e7171c2dd42b3084dffb19e705a54d1731ba Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Fri, 24 Oct 2025 09:32:15 +0000
Subject: [PATCH] GS-2375
---
vue/src/pages/Kurse.vue | 110 +++++++++++++++++++++++++++++++------------------------
1 files changed, 62 insertions(+), 48 deletions(-)
diff --git a/vue/src/pages/Kurse.vue b/vue/src/pages/Kurse.vue
index 326da47..3b5baa2 100644
--- a/vue/src/pages/Kurse.vue
+++ b/vue/src/pages/Kurse.vue
@@ -3,78 +3,92 @@
import {onMounted, reactive, ref} from "vue"
import {useRoute} from "vue-router"
import Pagination from "../components/Pagination.vue"
+import {getKurse, routerBase} from "@/lib/api"
+
+document.title = 'Kurse | globus-ilias-rest'
const route = useRoute()
const kurse = ref([])
const error = ref(null)
+
onMounted(init)
/////////////////////////////////////////////////////////////////////////
-async function init (offset = 0) {
- const res = await fetch(`/api/kurs?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
- const data = await res.json()
- console.log(data)
- if (res.status === 200) {
- kurse.value = data
- }
- else {
- error.value = `ERROR: ${res.status}`
- }
+async function init(offset = 0) {
+ const data = await getKurse()
+ console.log(data)
+ kurse.value = data
}
-function go (offset) {
- console.log("go", offset)
- return init(offset)
+function go(offset) {
+ console.log("go", offset)
+ return init(offset)
}
</script>
<template>
- <div>
+ <div>
- <h1>
- ILIAS Kurse
-<!-- <small>{{users.offset}} - {{users.offset+users.data.length}} von {{users.total}}</small>-->
- </h1>
- <p v-if="error">{{ error }}</p>
+ <h1>
+ ILIAS Kurse
+ <small>({{ kurse?.length }})</small>
+ </h1>
+ <p v-if="error">{{ error }}</p>
- <div class="kurse">
+ <div class="kurse">
- <table class="w100p" v-if="kurse">
- <thead>
- <tr>
- <th>usr_id</th>
- <th>obj_id</th>
- <th>title</th>
- <th>description</th>
- <th>type</th>
- </tr>
- </thead>
- <tbody>
- <tr v-for="kurs in kurse">
- <td>
- <RouterLink :to="`/ui/kurs/${kurs.ref_id}`">
- {{kurs.ref_id}}
- </RouterLink>
- </td>
- <td>{{kurs.obj_id}}</td>
- <td>{{kurs.title}}</td>
- <td>{{kurs.description}}</td>
- <td>{{kurs.type}}</td>
- </tr>
- </tbody>
- </table>
- </div>
+ <table class="w100p" v-if="kurse">
+ <thead>
+ <tr>
+ <th>usr_id</th>
+ <th>obj_id</th>
+ <th>title</th>
+ <th>description</th>
+ <th>type</th>
+ <th>offline</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr v-for="kurs in kurse">
+ <td>
+ <RouterLink :to="`${routerBase}/ui/kurs/${kurs.ref_id}`">
+ {{ kurs.ref_id }}
+ </RouterLink>
+ </td>
+ <td>{{ kurs.obj_id }}</td>
+ <td>{{ kurs.title }}</td>
+ <td>{{ kurs.description }}</td>
+ <td>{{ kurs.type }}</td>
+ <td>
+ <div :class="{red:kurs.offline===1,green:kurs.offline===0}">
+ {{ kurs.offline }}
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
-<!-- <pre>{{ kurse }}</pre>-->
+ <!-- <pre>{{ kurse }}</pre>-->
- </div>
+ </div>
</template>
-<style scoped>
+<style scoped lang="stylus">
+//
+//.red
+// max-width 2ch
+// text-align center;
+// background-color red;
+// color white
+// font-weight bold
+//
+//.green
+// color green
</style>
--
Gitblit v1.8.0