started working on user edit form

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>

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>

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>

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",