<script setup>
|
|
import {useRoute} from 'vue-router'
|
import {onMounted, reactive, ref} from "vue"
|
|
const route = useRoute()
|
const kursId = route.params.kursId
|
const kurs = ref(null)
|
const kursItems = ref(null)
|
const kursTn = ref(null)
|
const error = ref(null)
|
|
onMounted(init)
|
|
/////////////////////////////////////////////////////////////////////////
|
|
async function init () {
|
let resKurs = await fetch(`/api/kurs/${kursId}?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
|
let dataKurs = await resKurs.json()
|
console.log(dataKurs)
|
kurs.value = dataKurs
|
|
let resKursItems = await fetch(`/api/kurs/items/${kursId}?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
|
let dataKursItems = await resKursItems.json()
|
console.log(dataKursItems)
|
kursItems.value = dataKursItems
|
|
let resKursTn = await fetch(`/api/kurs/teilnehmer/${kursId}?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
|
let dataKursTn = await resKursTn.json()
|
console.log(dataKursTn)
|
kursTn.value = dataKursTn
|
|
}
|
|
</script>
|
|
<template>
|
|
<div>
|
<h1>
|
Kurs {{ kursId }}
|
<!-- <small>{{ user?.firstname }} {{ user?.lastname }}</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="user" v-if="user">-->
|
<!-- <span>usr_id</span>-->
|
<!-- <div>{{ user.usr_id }}</div>-->
|
|
<!-- <span>login</span>-->
|
<!-- <div>{{ user.login }}</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>-->
|
|
<!-- <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>-->
|
|
<!-- </tbody>-->
|
<!-- </table>-->
|
|
</div>
|
|
</template>
|
|
<style scoped>
|
|
</style>
|
