From 10c24dd93d3fa0b6ac41fef5724bcab43e6e536a Mon Sep 17 00:00:00 2001
From: Stephan Richter <s.richter@srsoftware.de>
Date: Wed, 2 Jul 2025 16:13:17 +0200
Subject: [PATCH] started working on user edit form

---
 frontend/src/App.svelte                 |  3 ++-
 frontend/src/routes/user/Edit.svelte    | 19 +++++++++++++++++++
 frontend/src/routes/user/List.svelte    |  9 +++++++--
 translations/src/main/resources/de.json |  2 ++
 4 files changed, 30 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/routes/user/Edit.svelte

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 8ae9e23..eb732ab 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -7,7 +7,7 @@
     import Login    from "./Components/Login.svelte";
     import Menu     from "./Components/Menu.svelte";
     import User     from "./routes/user/User.svelte";
-
+    import UserEdit from "./routes/user/Edit.svelte";
 
     let translations_ready = $state(false);
     onMount(async () => {
@@ -30,6 +30,7 @@
         <Router>
             <Menu />
             <Route path="/user" component={User} />
+            <Route path="/user/:user_id/edit" component={UserEdit} />
             <Route>
                 <p>Page not found</p>
             </Route>
diff --git a/frontend/src/routes/user/Edit.svelte b/frontend/src/routes/user/Edit.svelte
new file mode 100644
index 0000000..3a8dcec
--- /dev/null
+++ b/frontend/src/routes/user/Edit.svelte
@@ -0,0 +1,19 @@
+<script>
+    import { t } from '../../translations.svelte.js';
+    import { onMount } from 'svelte';
+
+    let { user_id } = $props();
+
+    onMount(async () => {
+        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/${user.id}`;
+        const resp = await fetch(url,{credentials:include});
+        if (resp.ok){
+            const json = await resp.json();
+        }
+    });
+</script>
+
+<fieldset>
+    <legend>{t('user.editing')} {user_id}</legend>
+    …Edit form here…
+</fieldset>
\ No newline at end of file
diff --git a/frontend/src/routes/user/List.svelte b/frontend/src/routes/user/List.svelte
index 6392dc8..7ddc99d 100644
--- a/frontend/src/routes/user/List.svelte
+++ b/frontend/src/routes/user/List.svelte
@@ -1,7 +1,11 @@
 <script>
     import { onMount } from 'svelte';
     import { t } from '../../translations.svelte.js';
+    import { useTinyRouter } from 'svelte-tiny-router';
     import { user } from '../../user.svelte.js';
+
+    const router = useTinyRouter();
+
     let users = $state([]);
 
     onMount(async () => {
@@ -34,11 +38,12 @@
                 <td>{u.email}</td>
                 <td>{u.language}</td>
                 <td>
-                    Check permissions, add button here
+                    {#if user.permissions.includes('UPDATE_USERS')}
+                    <button onclick={() => router.navigate(`/user/${u.id}/edit`)}>{t('user.edit')}</button>
+                    {/if}
                 </td>
             </tr>
         {/each}
-
         </tbody>
     </table>
 </fieldset>
\ No newline at end of file
diff --git a/translations/src/main/resources/de.json b/translations/src/main/resources/de.json
index df87438..9671ec9 100644
--- a/translations/src/main/resources/de.json
+++ b/translations/src/main/resources/de.json
@@ -18,9 +18,11 @@
     "tutorial": "Tutorial"
   },
   "user" : {
+    "actions": "Aktionen",
     "abort": "abbrechen",
     "CREATE_USERS": "NUTZER ANLEGEN",
     "DELETE_USERS": "NUTZER LÖSCHEN",
+    "edit": "Bearbeiten",
     "edit_password": "Passwort ändern",
     "email": "E-Mail",
     "id": "Id",