From ec2bd5fad58b3ed2e03044a90083c34d118674e5 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 13:02:47 +0000
Subject: [PATCH] cleanup

---
 vue/src/pages/Users.vue |   28 ++++++++++++++++------------
 1 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/vue/src/pages/Users.vue b/vue/src/pages/Users.vue
index 0fae2d8..6aa0a8a 100644
--- a/vue/src/pages/Users.vue
+++ b/vue/src/pages/Users.vue
@@ -2,6 +2,7 @@
 
 import {onMounted, reactive, ref} from "vue"
 import {useRoute} from "vue-router"
+import Pagination from "../components/Pagination.vue"
 
 const route = useRoute()
 const userId = route.params.userId
@@ -18,8 +19,8 @@
 
 /////////////////////////////////////////////////////////////////////////
 
-async function init () {
-   const res = await fetch(`/api/users?limit=${limit}&token=jiuGfr432898D90290kjfsldkfn3hh8F`)
+async function init (offset = 0) {
+   const res = await fetch(`/api/users?offset=${offset}&limit=${limit}&token=jiuGfr432898D90290kjfsldkfn3hh8F`)
    const data = await res.json()
    console.log(data)
    if (res.status === 200) {
@@ -30,6 +31,11 @@
    }
 }
 
+function go (offset) {
+   console.log("go", offset)
+   return init(offset)
+}
+
 </script>
 
 <template>
@@ -37,19 +43,17 @@
    <div>
 
       <h1>
-         Users
-         <small>
-            {{users.offset}} - {{users.offset+users.limit}} von {{users.total}}
-         </small>
+         ILIAS Users
+<!--         <small>{{users.offset}} - {{users.offset+users.data.length}} von {{users.total}}</small>-->
       </h1>
       <p>{{ userId }}</p>
       <p v-if="error">{{ error }}</p>
 
-      <div class="user">
+      <div class="users">
 
+         <Pagination :offset="users.offset" :limit="users.limit" :total="users.total" @go="go" />
 
-
-         <table class="">
+         <table class="w100p">
             <thead>
                <tr>
                   <th>usr_id</th>
@@ -57,7 +61,7 @@
                   <th>firstname</th>
                   <th>lastname</th>
                   <th>gender</th>
-                  <th>email</th>
+<!--                  <th>email</th>-->
                   <th>institution</th>
                   <th>department</th>
                </tr>
@@ -73,7 +77,7 @@
                   <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>
@@ -81,7 +85,7 @@
          </table>
       </div>
 
-      <pre>{{ users }}</pre>
+<!--      <pre>{{ users }}</pre>-->
    </div>
 
 </template>

--
Gitblit v1.8.0