From 8408128ca1ae7e6418803e23834e5fd7e45740cd Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Wed, 04 Jun 2025 08:36:23 +0000
Subject: [PATCH] use api everywhere
---
vue/src/pages/UserDetail.vue | 102 +++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 86 insertions(+), 16 deletions(-)
diff --git a/vue/src/pages/UserDetail.vue b/vue/src/pages/UserDetail.vue
index 065a591..a43944c 100644
--- a/vue/src/pages/UserDetail.vue
+++ b/vue/src/pages/UserDetail.vue
@@ -2,27 +2,22 @@
import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
+import {getUser, iliasBase} from "../lib/api"
+import LinkExtern from "../components/LinkExtern.vue"
const route = useRoute()
const userId = route.params.userId
-const users = reactive({
-
-})
+const user = ref(null)
const error = ref(null)
onMounted(init)
/////////////////////////////////////////////////////////////////////////
-async function init() {
- const res = await fetch(`/user/${userId}`)
- console.log(res)
- if(res.status === 200) {
- users = res.data
- }
- else {
-
- }
+async function init () {
+ const data = await getUser(userId)
+ console.log(data)
+ user.value = data
}
</script>
@@ -30,10 +25,85 @@
<template>
<div>
- <h1>User Detail</h1>
- <p>{{userId}}</p>
- <p v-if="error">{{error}}</p>
- <pre>{{users}}</pre>
+ <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>
--
Gitblit v1.8.0