<script setup>
|
|
import {onMounted, reactive, ref} from "vue"
|
import {useRoute} from "vue-router"
|
import Pagination from "../components/Pagination.vue"
|
|
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}`
|
}
|
}
|
|
function go (offset) {
|
console.log("go", offset)
|
return init(offset)
|
}
|
|
</script>
|
|
<template>
|
|
<div>
|
|
<h1>
|
ILIAS Kurse
|
<!-- <small>{{users.offset}} - {{users.offset+users.data.length}} von {{users.total}}</small>-->
|
</h1>
|
<p v-if="error">{{ error }}</p>
|
|
<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/user/${kurs.usr_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>
|
|
<!-- <pre>{{ kurse }}</pre>-->
|
|
</div>
|
|
</template>
|
|
<style scoped>
|
|
</style>
|
