From dd1f381e57312be59e15f8792a06f3f0cd922d76 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Sat, 12 Jul 2025 13:19:19 +0000
Subject: [PATCH] adding createKurs
---
vue/src/pages/KursDetail.vue | 193 ++++++++++++++++++++++++++++-------------------
1 files changed, 114 insertions(+), 79 deletions(-)
diff --git a/vue/src/pages/KursDetail.vue b/vue/src/pages/KursDetail.vue
index 2da1ab3..85601e6 100644
--- a/vue/src/pages/KursDetail.vue
+++ b/vue/src/pages/KursDetail.vue
@@ -2,35 +2,63 @@
import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
+import {
+ getKurs,
+ getKursItems,
+ getKursRoles,
+ getKursTn,
+ getKursTnByRole,
+ iliasBase,
+ popcornBase,
+} from "../lib/api.js"
+import LinkExtern from "../components/LinkExtern.vue"
+import dayjs from "dayjs"
+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()
const kursId = route.params.kursId
+document.title = `Kurs ${kursId} | globus-ilias-rest`
+
const kurs = ref(null)
-const kursItems = ref(null)
-const kursTn = ref(null)
+const kursItems = ref([])
+const kursTn = ref([])
+const kursTnByRolle = ref([])
+const kursRoles = ref([])
const error = ref(null)
onMounted(init)
/////////////////////////////////////////////////////////////////////////
+
async function init () {
- let resKurs = await fetch(`/api/kurs/${kursId}?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
- let dataKurs = await resKurs.json()
+
+ const dataKurs = await getKurs(kursId)
console.log(dataKurs)
kurs.value = dataKurs
- let resKursItems = await fetch(`/api/kurs/items/${kursId}?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
- let dataKursItems = await resKursItems.json()
+ const dataKursItems = await getKursItems(kursId)
console.log(dataKursItems)
kursItems.value = dataKursItems
- let resKursTn = await fetch(`/api/kurs/teilnehmer/${kursId}?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
- let dataKursTn = await resKursTn.json()
+ const dataKursTn = await getKursTn(kursId)
console.log(dataKursTn)
kursTn.value = dataKursTn
+ const dataKursTnByRolle = await getKursTnByRole(kursId)
+ console.log(dataKursTnByRolle)
+ kursTnByRolle.value = dataKursTnByRolle
+
+ const dataKursRoles = await getKursRoles(kursId)
+ console.log(dataKursRoles)
+ kursRoles.value = dataKursRoles
+
}
+
+const aaa = import.meta.env.VITE_TST
</script>
@@ -38,92 +66,99 @@
<div>
<h1>
- Kurs {{ kursId }}
-<!-- <small>{{ user?.firstname }} {{ user?.lastname }}</small>-->
+ Kurs
+ <small>{{ kurs?.title }}</small>
</h1>
<p v-if="error">{{ error }}</p>
- <h2>Kurs</h2>
- <pre>{{kurs}}</pre>
- <h2>KursItems</h2>
- <pre>{{kursItems}}</pre>
- <h2>KursTn</h2>
- <pre>{{kursTn}}</pre>
-<!-- <pre>{{ user }}</pre>-->
+ <div class="kurs" v-if="kurs">
-<!-- <div class="user" v-if="user">-->
-<!-- <span>usr_id</span>-->
-<!-- <div>{{ user.usr_id }}</div>-->
+ <div>
+ <span>ref_id</span>
+ <div>
+ <a :href="`${iliasBase}/goto.php?target=${kurs.type}_${kurs.ref_id}`" target="_blank">
+ {{ kurs.ref_id }}
+ <LinkExtern />
+ </a>
+ </div>
+ </div>
-<!-- <span>login</span>-->
-<!-- <div>{{ user.login }}</div>-->
+ <div>
+ <span>obj_id</span>
+ <div>{{ kurs.obj_id }}</div>
+ </div>
-<!-- <span>firstname</span>-->
-<!-- <div>{{ user.firstname }}</div>-->
-
-<!-- <span>lastname</span>-->
-<!-- <div>{{ user.lastname }}</div>-->
-
-<!-- <span>gender</span>-->
-<!-- <div>{{ user.gender }}</div>-->
-
-<!-- <span>email</span>-->
-<!-- <div>{{ user.email }}</div>-->
-
-<!-- <span>Markt</span>-->
-<!-- <div>{{ user.Markt }}</div>-->
-
-<!-- <span>Marktnummer</span>-->
-<!-- <div>{{ user.Marktnummer }}</div>-->
-
-<!-- <span>Personalnummer</span>-->
-<!-- <div>{{ user.Personalnummer }}</div>-->
-
-<!-- <span>department</span>-->
-<!-- <div>{{ user.department }}</div>-->
+ <div class="text-right" style="grid-column: span 2; justify-content: flex-end">
+ <a :href="`${popcornBase}/anmeldungen?query=iliasId:${kurs.ref_id}&terminFilter=alle`" target="_blank">
+ Search in 🍿
+ </a>
+ </div>
-<!-- </div>-->
+ <div style="grid-column: span 2">
+ <span style="">title</span>
+ <div style="">{{ kurs.title }}</div>
+ </div>
- <!-- <table v-if="user">-->
- <!-- <tbody>-->
- <!-- <tr>-->
- <!-- <td>user_id</td>-->
- <!-- <td>{{user.usr_id}}</td>-->
- <!-- <td>login</td>-->
- <!-- <td>{{user.login}}</td>-->
- <!-- </tr>-->
- <!-- <tr>-->
- <!-- <td>firstname</td>-->
- <!-- <td>{{user.firstname}}</td>-->
- <!-- <td>lastname</td>-->
- <!-- <td>{{user.lastname}}</td>-->
- <!-- </tr>-->
- <!-- <tr>-->
- <!-- <td>usr_id</td>-->
- <!-- <td>{{user.usr_id}}</td>-->
- <!-- </tr>-->
- <!-- <tr>-->
- <!-- <td>usr_id</td>-->
- <!-- <td>{{user.usr_id}}</td>-->
- <!-- </tr>-->
- <!-- <tr>-->
- <!-- <td>usr_id</td>-->
- <!-- <td>{{user.usr_id}}</td>-->
- <!-- </tr>-->
- <!-- <tr>-->
- <!-- <td>usr_id</td>-->
- <!-- <td>{{user.usr_id}}</td>-->
- <!-- </tr>-->
+ <div style="grid-column: span 2;">
+ <span>description</span>
+ <div style="grid-column: span 3">{{ kurs.description }}</div>
+ </div>
- <!-- </tbody>-->
- <!-- </table>-->
+ </div>
+
+ <div class="cols">
+
+ <div>
+ <h2>KursItems <small>({{ kursItems?.length }})</small></h2>
+ <KursItems :kursItems="kursItems" />
+ </div>
+
+ <div>
+ <h2>KursRoles <small>({{ kursRoles?.length }})</small></h2>
+ <KursRoles :kursRoles="kursRoles" />
+ </div>
+
+ </div>
+
+ <div class="cols">
+ <div>
+ <h2>KursTn by Members <small>({{ kursTn?.length }})</small></h2>
+ <KursMembers :kursTn="kursTn" />
+ </div>
+
+ <div>
+ <h2>KursTnByRole <small>({{ kursTnByRolle?.length }})</small></h2>
+ <KursTnByRole :kursTnByRolle="kursTnByRolle" />
+ </div>
+
+ </div>
</div>
</template>
-<style scoped>
+<style scoped lang="stylus">
+
+.cols
+ display flex;
+ gap 2em
+
+.kurs
+ padding 1em
+ border 1px solid #aaa
+ border-radius .33em
+ box-shadow 1px 1px 3px #333 inset, 1px 1px 100px #ddd inset
+ display grid;
+ grid-template-columns 1fr 1fr 1fr 1fr
+ gap 1em
+ span
+ font-variant small-caps
+ color #555
+ &>*
+ display flex
+ gap 1em
+
</style>
--
Gitblit v1.8.0