<script setup>
|
|
import {useRoute} from 'vue-router'
|
import {onMounted, reactive, ref} from "vue"
|
import {getUser, getUserTeilnahmen, iliasBase} from "../lib/api"
|
import LinkExtern from "../components/LinkExtern.vue"
|
|
const route = useRoute()
|
const userId = route.params.userId
|
const error = ref(null)
|
|
const user = ref(null)
|
const teilnahmen = ref([])
|
|
onMounted(init)
|
|
/////////////////////////////////////////////////////////////////////////
|
|
async function init () {
|
const data = await getUser(userId)
|
console.log(data)
|
user.value = data
|
|
const tn = await getUserTeilnahmen(userId)
|
console.log(tn)
|
teilnahmen.value = tn
|
}
|
|
</script>
|
|
<template>
|
|
<div>
|
<h1>
|
User {{ userId }}
|
<small class="ml-05">{{ user?.firstname }} {{ user?.lastname }}</small>
|
</h1>
|
<p v-if="error">{{ error }}</p>
|
<!-- <pre>{{ user }}</pre>-->
|
|
<div class="user" v-if="user">
|
<span>usr_id</span>
|
<div>
|
<a :href="`${iliasBase}/ilias.php?obj_id=${user.usr_id}&ref_id=7&admin_mode=settings&cmd=view&cmdClass=ilobjusergui&baseClass=ilAdministrationGUI`" target="_blank">
|
{{ user.usr_id }} <LinkExtern />
|
</a>
|
</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>
|
