From cedfd136bf19bcb01d2d93a77629f50177df599a Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 10:03:12 +0000
Subject: [PATCH] adding page UserDetail.vue
---
vue/src/pages/Users.vue | 26 ++++++++++++++++++++------
1 files changed, 20 insertions(+), 6 deletions(-)
diff --git a/vue/src/pages/Users.vue b/vue/src/pages/Users.vue
index 4496c1d..bab2301 100644
--- a/vue/src/pages/Users.vue
+++ b/vue/src/pages/Users.vue
@@ -11,6 +11,7 @@
limit: 10,
data: [],
})
+const limit = 24
const error = ref(null)
onMounted(init)
@@ -18,7 +19,7 @@
/////////////////////////////////////////////////////////////////////////
async function init () {
- const res = await fetch(`/api/users?token=jiuGfr432898D90290kjfsldkfn3hh8F`)
+ const res = await fetch(`/api/users?limit=${limit}&token=jiuGfr432898D90290kjfsldkfn3hh8F`)
const data = await res.json()
console.log(data)
if (res.status === 200) {
@@ -34,12 +35,21 @@
<template>
<div>
- <h1>Users</h1>
+
+ <h1>
+ Users
+ <small>
+ {{users.offset}} - {{users.offset+users.limit}} von {{users.total}}
+ </small>
+ </h1>
<p>{{ userId }}</p>
<p v-if="error">{{ error }}</p>
<div class="users">
- <table>
+
+
+
+ <table class="w100p">
<thead>
<tr>
<th>usr_id</th>
@@ -47,19 +57,23 @@
<th>firstname</th>
<th>lastname</th>
<th>gender</th>
- <th>email</th>
+<!-- <th>email</th>-->
<th>institution</th>
<th>department</th>
</tr>
</thead>
<tbody>
<tr v-for="user in users.data">
- <td>{{user.usr_id}}</td>
+ <td>
+ <RouterLink :to="`/ui/user/${user.usr_id}`">
+ {{user.usr_id}}
+ </RouterLink>
+ </td>
<td>{{user.login}}</td>
<td>{{user.firstname}}</td>
<td>{{user.lastname}}</td>
<td>{{user.gender}}</td>
- <td>{{user.email}}</td>
+<!-- <td>{{ user.email}}</td>-->
<td>{{user.institution}}</td>
<td>{{user.department}}</td>
</tr>
--
Gitblit v1.8.0