From 77047bab4318200380b4e33e83b259a78f8ff6a6 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Mon, 17 Nov 2025 17:04:29 +0000
Subject: [PATCH] GS-2373
---
vue/src/pages/Kurse.vue | 102 +++++++++++++++++++++++++++++----------------------
1 files changed, 58 insertions(+), 44 deletions(-)
diff --git a/vue/src/pages/Kurse.vue b/vue/src/pages/Kurse.vue
index c691bf0..3b5baa2 100644
--- a/vue/src/pages/Kurse.vue
+++ b/vue/src/pages/Kurse.vue
@@ -16,65 +16,79 @@
/////////////////////////////////////////////////////////////////////////
-async function init (offset = 0) {
- const data = await getKurse()
- console.log(data)
- kurse.value = data
+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>({{kurse?.length}})</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>
- <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>{{ kurs.offline }}</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