From 6941620b6432abb9442f36fa5864e0c42799a73a Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Thu, 18 Sep 2025 14:54:20 +0000
Subject: [PATCH] GS-2317
---
vue/src/pages/Kurse.vue | 102 +++++++++++++++++++++++++++++----------------------
vue/src/pages/KursDetail.vue | 4 +
vue/src/assets/styles.styl | 12 ++++++
3 files changed, 73 insertions(+), 45 deletions(-)
diff --git a/vue/src/assets/styles.styl b/vue/src/assets/styles.styl
index 945bbae..a6e3ca0 100644
--- a/vue/src/assets/styles.styl
+++ b/vue/src/assets/styles.styl
@@ -42,3 +42,15 @@
border 3px solid orange
outline none
+
+
+
+.red
+ width 2ch
+ text-align center;
+ background-color red;
+ color white
+ font-weight bold
+
+.green
+ color green
diff --git a/vue/src/pages/KursDetail.vue b/vue/src/pages/KursDetail.vue
index 29eb8cb..38b4841 100644
--- a/vue/src/pages/KursDetail.vue
+++ b/vue/src/pages/KursDetail.vue
@@ -91,7 +91,9 @@
<div>
<span>offline</span>
- <div>{{ kurs.offline }}</div>
+ <div :class="{red:kurs.offline===1,green:kurs.offline===0}">
+ {{ kurs.offline }}
+ </div>
</div>
<div class="text-right" style="grid-column: span 1; justify-content: flex-end">
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