From 5aa551b34d06ad185ab000d4d5314849e2248992 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 09:51:53 +0000
Subject: [PATCH] adding page UserDetail.vue
---
vue/src/pages/Users.vue | 24 +++++++++++++++++++-----
1 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/vue/src/pages/Users.vue b/vue/src/pages/Users.vue
index 4496c1d..0fae2d8 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>
+ <div class="user">
+
+
+
+ <table class="">
<thead>
<tr>
<th>usr_id</th>
@@ -54,7 +64,11 @@
</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>
--
Gitblit v1.8.0