From fccec9865a6a6bb915eb9431571ff229607171bb Mon Sep 17 00:00:00 2001
From: Stephan Richter <s.richter@srsoftware.de>
Date: Wed, 30 Jul 2025 15:35:19 +0200
Subject: [PATCH] code cleanup

---
 frontend/src/App.svelte                       | 40 ++++----
 frontend/src/Components/Menu.svelte           |  3 +-
 frontend/src/routes/document/List.svelte      |  8 +-
 .../src/routes/document/PositionList.svelte   |  8 +-
 frontend/src/routes/document/TimeList.svelte  |  2 +-
 frontend/src/routes/document/View.svelte      |  8 +-
 frontend/src/routes/notes/List.svelte         | 49 +++++-----
 frontend/src/routes/project/Create.svelte     | 35 ++++---
 frontend/src/routes/project/Kanban.svelte     | 93 +++++++++----------
 frontend/src/routes/project/List.svelte       | 34 +++----
 frontend/src/routes/project/View.svelte       | 76 +++++++--------
 frontend/src/routes/search/Search.svelte      | 17 ++--
 frontend/src/routes/tags/TagList.svelte       | 32 +++----
 frontend/src/routes/task/Add.svelte           | 66 ++++++-------
 frontend/src/routes/task/ListTask.svelte      | 48 +++++-----
 frontend/src/routes/task/TaskList.svelte      |  2 +-
 frontend/src/routes/task/View.svelte          | 76 +++++++--------
 .../src/routes/user/ConnectedServices.svelte  | 19 ++--
 frontend/src/routes/user/EditPassword.svelte  | 35 ++++---
 frontend/src/routes/user/EditService.svelte   | 28 +++---
 frontend/src/routes/user/EditUser.svelte      | 43 +++++----
 frontend/src/routes/user/List.svelte          | 24 ++---
 frontend/src/routes/user/LoginServices.svelte | 41 ++++----
 frontend/src/routes/user/OidcCallback.svelte  | 26 +++---
 frontend/src/routes/user/Profile.svelte       | 11 ++-
 frontend/src/routes/user/ResetPw.svelte       | 34 +++----
 frontend/src/routes/user/User.svelte          | 16 ++--
 27 files changed, 444 insertions(+), 430 deletions(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index 5034e46..2a5cfed 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -1,28 +1,30 @@
 <script>
     import { onMount } from 'svelte';
+    import { Router, Route } from 'svelte-tiny-router';
+
     import { loadTranslation } from './translations.svelte.js';
     import { user } from './user.svelte.js';
-    import { Router, Route } from 'svelte-tiny-router';
-    import AddDoc from "./routes/document/Add.svelte";
-    import AddTask from "./routes/task/Add.svelte";
-    import Callback from "./routes/user/OidcCallback.svelte";
-    import DocList from "./routes/document/List.svelte";
+
+    import AddDoc      from "./routes/document/Add.svelte";
+    import AddTask     from "./routes/task/Add.svelte";
+    import Callback    from "./routes/user/OidcCallback.svelte";
+    import DocList     from "./routes/document/List.svelte";
     import EditService from "./routes/user/EditService.svelte";
-    import EditUser from "./routes/user/EditUser.svelte";
-    import Footer   from "./Components/Footer.svelte";
-    import Kanban   from "./routes/project/Kanban.svelte";
-    import Login    from "./Components/Login.svelte";
-    import Messages from "./routes/message/Messages.svelte";
-    import Menu     from "./Components/Menu.svelte";
+    import EditUser    from "./routes/user/EditUser.svelte";
+    import Footer      from "./Components/Footer.svelte";
+    import Kanban      from "./routes/project/Kanban.svelte";
+    import Login       from "./Components/Login.svelte";
+    import Messages    from "./routes/message/Messages.svelte";
+    import Menu        from "./Components/Menu.svelte";
     import ProjectList from "./routes/project/List.svelte";
-    import ProjectAdd from "./routes/project/Create.svelte";
-    import ResetPw  from "./routes/user/ResetPw.svelte";
-    import Search   from "./routes/search/Search.svelte";
-    import SendDoc  from "./routes/document/Send.svelte";
-    import User     from "./routes/user/User.svelte";
-    import ViewDoc  from "./routes/document/View.svelte";
-    import ViewPrj  from "./routes/project/View.svelte";
-    import ViewTask from "./routes/task/View.svelte";
+    import ProjectAdd  from "./routes/project/Create.svelte";
+    import ResetPw     from "./routes/user/ResetPw.svelte";
+    import Search      from "./routes/search/Search.svelte";
+    import SendDoc     from "./routes/document/Send.svelte";
+    import User        from "./routes/user/User.svelte";
+    import ViewDoc     from "./routes/document/View.svelte";
+    import ViewPrj     from "./routes/project/View.svelte";
+    import ViewTask    from "./routes/task/View.svelte";
 
     let translations_ready = $state(false);
 
diff --git a/frontend/src/Components/Menu.svelte b/frontend/src/Components/Menu.svelte
index 8d25480..87d885c 100644
--- a/frontend/src/Components/Menu.svelte
+++ b/frontend/src/Components/Menu.svelte
@@ -2,7 +2,6 @@
 import { onMount }       from 'svelte';
 import { useTinyRouter } from 'svelte-tiny-router';
 
-import { api }           from '../urls.svelte.js';
 import { logout, user }  from '../user.svelte.js';
 import { t }             from '../translations.svelte.js';
 
@@ -10,7 +9,7 @@ const router  = useTinyRouter();
 const modules = $state([]);
 
 async function fetchModules(){
-    const url  = api('/legacy/modules');
+    const url  = `${location.protocol}//${location.host.replace('5173','8080')}/legacy/modules`;
     const resp = await fetch(url,{credentials:'include'});
     if (resp.ok){
         const arr = await resp.json();
diff --git a/frontend/src/routes/document/List.svelte b/frontend/src/routes/document/List.svelte
index 8355899..bd930c2 100644
--- a/frontend/src/routes/document/List.svelte
+++ b/frontend/src/routes/document/List.svelte
@@ -11,14 +11,14 @@
 
     let error           = null;
     let companies       = {};
+    let router          = useTinyRouter();
     let company_id      = +router.query.company_id;
     let documents       = null;
-    let router          = useTinyRouter();
     let docType         = 0;
     let selected_company = null;
 
     async function loadCompanies(){
-        const url = api('company/list');
+        const url  = api('company/list');
         const resp = await fetch(url,{ credentials: 'include'});
         if (resp.ok){
             companies = await resp.json();
@@ -40,7 +40,7 @@
     async function load(company){
         router.navigate(`/document?company_id=${company.id}`);
         selected_company = company;
-        const url = api('document/list');
+        const url  = api('document/list');
         const resp = await fetch(url,{
             credentials: 'include',
             method: 'POST',
@@ -63,7 +63,7 @@
 
     async function deleteDoc(ev,doc){
         if (confirm(t('really_delete',doc.number))){
-            const url  = api(`document/${doc.id}`;
+            const url  = api(`document/${doc.id}`);
             const resp = await fetch(url,{
                 credentials: 'include',
                 method: 'DELETE'
diff --git a/frontend/src/routes/document/PositionList.svelte b/frontend/src/routes/document/PositionList.svelte
index 521424b..24559ce 100644
--- a/frontend/src/routes/document/PositionList.svelte
+++ b/frontend/src/routes/document/PositionList.svelte
@@ -2,14 +2,14 @@
     import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { api  }          from '../../urls.svelte-js';
+    import { api  }          from '../../urls.svelte.js';
     import { t }             from '../../translations.svelte.js';
 
     import Position          from './Position.svelte';
 
     var {
         document = $bindable(null),
-        error = $bindable(null)
+        error = $bindable(null),
         submit = (key,newVal) => {},
     } = $props();
 
@@ -23,7 +23,7 @@
     }
 
     async function movePos(number,step){
-        const url = api(`document/${document.id}/position`;
+        const url = api(`document/${document.id}/position`);
         const resp = await fetch(url,{
             method     : 'PATCH',
             credentials: 'include',
@@ -39,7 +39,7 @@
     async function drop(number){
         let confirmed = confirm(t('confirm_deletion').replace('{pos}',document.positions[number].item));
         if (!confirmed) return;
-        const url = api(`document/${document.id}/position`;
+        const url = api(`document/${document.id}/position`);
         const resp = await fetch(url,{
             method     : 'DELETE',
             credentials: 'include',
diff --git a/frontend/src/routes/document/TimeList.svelte b/frontend/src/routes/document/TimeList.svelte
index ee52cb0..982f715 100644
--- a/frontend/src/routes/document/TimeList.svelte
+++ b/frontend/src/routes/document/TimeList.svelte
@@ -14,7 +14,7 @@
     let times    = $state(null);
 
     async function loadProjects(){
-        const url  = api'project/list');
+        const url  = api('project/list');
         let data   = { company_id: company_id };
         const resp = await fetch(url,{
             credentials : 'include',
diff --git a/frontend/src/routes/document/View.svelte b/frontend/src/routes/document/View.svelte
index 72345e5..fa45208 100644
--- a/frontend/src/routes/document/View.svelte
+++ b/frontend/src/routes/document/View.svelte
@@ -27,7 +27,7 @@
 
 
     async function loadDoc(){
-        const url  =  api(`document/${id}`;
+        const url  =  api(`document/${id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             doc   = await resp.json();
@@ -61,7 +61,7 @@
             data[parts.pop()] = inner;
         }
         try {
-            const url  = api(`document/${doc.id}`;
+            const url  = api(`document/${doc.id}`);
             const resp = await fetch(url,{
                 credentials : 'include',
                 method      : 'PATCH',
@@ -74,7 +74,7 @@
     }
 
     async function addPosition(selected){
-        const url  = api(`document/${doc.id}/position`;
+        const url  = api(`document/${doc.id}/position`);
         const resp = await fetch(url,{
             method      : 'POST',
             credentials : 'include',
@@ -91,7 +91,7 @@
     async function render(ev){
         pdfDisabled = true;
 
-        const url   = api(`document/${doc.id}/pdf`;
+        const url   = api(`document/${doc.id}/pdf`);
         const resp  = await fetch(url,{credentials:'include'});
         if (resp.ok){
             error             = null;
diff --git a/frontend/src/routes/notes/List.svelte b/frontend/src/routes/notes/List.svelte
index bfcee7b..967b968 100644
--- a/frontend/src/routes/notes/List.svelte
+++ b/frontend/src/routes/notes/List.svelte
@@ -1,29 +1,34 @@
 <script>
     import { onMount } from 'svelte';
-    import { api } from '../../urls.svelte.js';
-    import { t } from '../../translations.svelte.js';
-    import { user } from '../../user.svelte.js';
+
+    import { api }     from '../../urls.svelte.js';
+    import { t }       from '../../translations.svelte.js';
+    import { user }    from '../../user.svelte.js';
+
     import Editor from '../../Components/MarkdownEditor.svelte';
 
-    let error = $state(null);
-    let { module = null, entity_id = null } = $props();
-    let note = $state({source:null,rendered:null});
-    let notes = $state(null);
     let authors = $state(null);
+    let error   = $state(null);
+    let note    = $state({source:null,rendered:null});
+    let notes   = $state(null);
+    let {
+        module = null,
+        entity_id = null
+    } = $props();
 
     async function saveNote(){
-        const url = api(`notes/${module}/${entity_id}`);
+        const url  = api(`notes/${module}/${entity_id}`);
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'POST',
-            body:note.source
+            credentials : 'include',
+            method      : 'POST',
+            body        : note.source
         });
         if (resp.ok){
-            let newNote = await resp.json();
-            authors[user.id] = user;
+            let newNote       = await resp.json();
+            authors[user.id]  = user;
             notes[newNote.id] = newNote;
-            note = {source:'',rendered:''};
-            error = null;
+            note              = {source:'',rendered:''};
+            error             = null;
             return true;
         } else {
             error = await resp.text();
@@ -32,12 +37,12 @@
     }
 
     async function load(){
-        const url = api(`notes/${module}/${entity_id}`);
+        const url  = api(`notes/${module}/${entity_id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             const data = await resp.json();
-            notes = data.notes;
-            authors = data.authors;
+            notes      = data.notes;
+            authors    = data.authors;
         } else {
             error = await resp.text();
         }
@@ -51,10 +56,10 @@
         position: relative;
     }
     legend.time{
-        position: absolute;
-        top: -19px;
-        right: 20px;
-        background: black;
+        position   : absolute;
+        top        : -19px;
+        right      : 20px;
+        background : black;
     }
 </style>
 
diff --git a/frontend/src/routes/project/Create.svelte b/frontend/src/routes/project/Create.svelte
index e7e021e..b91f026 100644
--- a/frontend/src/routes/project/Create.svelte
+++ b/frontend/src/routes/project/Create.svelte
@@ -1,34 +1,33 @@
 <script>
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { t } from '../../translations.svelte.js';
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
 
-    import CompanySelector from '../../Components/CompanySelector.svelte';
-    import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
-    import Settings from './Settings.svelte';
-    import Tags from '../tags/TagList.svelte';
+    import CompanySelector   from '../../Components/CompanySelector.svelte';
+    import MarkdownEditor    from '../../Components/MarkdownEditor.svelte';
+    import Settings          from './Settings.svelte';
+    import Tags              from '../tags/TagList.svelte';
 
-    let error = $state(null);
-    let ready = $derived(!!project.name.trim())
-    const router = useTinyRouter();
+    let error        = $state(null);
+    let ready        = $derived(!!project.name.trim())
+    const router     = useTinyRouter();
     let showSettings = $state(false);
 
     let project = $state({
-        name:'',
+        name        : '',
         description : { source : '', rendered : '' },
-        settings:{
-            show_closed:false
-        },
-        tags: []
+        settings    : { show_closed:false },
+        tags        : []
     });
 
     async function onsubmit(ev){
         ev.preventDefault();
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/project`;
-        var resp = await fetch(url,{
-            credentials: 'include',
-            method: 'POST',
-            body: JSON.stringify(project)
+        const url = api('project');
+        var resp  = await fetch(url,{
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(project)
         });
         if (resp.ok){
             var newProject = await resp.json();
diff --git a/frontend/src/routes/project/Kanban.svelte b/frontend/src/routes/project/Kanban.svelte
index e83f87b..64d501c 100644
--- a/frontend/src/routes/project/Kanban.svelte
+++ b/frontend/src/routes/project/Kanban.svelte
@@ -1,48 +1,47 @@
 <script>
-    import { onMount } from 'svelte';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { api } from '../../urls.svelte.js';
-    import { t } from '../../translations.svelte.js';
-    import { user } from '../../user.svelte.js';
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
+    import { user }          from '../../user.svelte.js';
 
     import Card from './KanbanCard.svelte';
     import LineEditor from '../../Components/LineEditor.svelte';
 
     let { id } = $props();
 
-    let dragged = null;
-    let error = $state(null);
-    let highlight = $state({});
-    let project = $state(null);
-    let ready = $state(false);
-    let router = useTinyRouter();
-    let states = $state(null);
-    let tasks = $state({});
+    let dragged      = null;
+    let error        = $state(null);
+    let highlight    = $state({});
     let filter_input = $state('');
-    let filter = $derived(filter_input.toLowerCase());
-    let users = {};
-
-    let columns = $derived(states?Object.keys(states).length+1:1);
+    let filter       = $derived(filter_input.toLowerCase());
+    let project      = $state(null);
+    let ready        = $state(false);
+    let router       = useTinyRouter();
+    let states       = $state(null);
+    let tasks        = $state({});
+    let users        = {};
+    let columns      = $derived(states?Object.keys(states).length+1:1);
 
     async function create(name,user_id,state){
         var url = api('task/add');
         let task = {
-            description: '',
-            members : {},
-            name: name,
-            project_id: +id,
-            status : { code : +state}
+            description : '',
+            members     : {},
+            name        : name,
+            project_id  : +id,
+            status      : { code : +state}
         }
         task.members[user_id] = { permission: { name : 'ASSIGNEE' }};
         task.members[user.id] = { permission: { name : 'OWNER' }};
-        const resp = await fetch(url,{
-            credentials:'include',
-            method:'POST',
-            body: JSON.stringify(task)
+        const resp            = await fetch(url,{
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(task)
         });
         if (resp.ok) {
-            task = await resp.json();
+            task          = await resp.json();
             task.assignee = user_id;
             if (!tasks[user_id]) tasks[user_id] = {};
             if (!tasks[user_id][state]) tasks[user_id][state] = {};
@@ -54,18 +53,18 @@
     }
 
     async function drop(user_id,state){
-        let task = dragged;
-        dragged = null;
+        let task  = dragged;
+        dragged   = null;
         highlight = {};
         if (task.assignee == user_id && task.status.code == state) return; // no change
-        let patch = {members:{},status:+state}
+        let patch              = {members:{},status:+state}
         patch.members[user_id] = 'ASSIGNEE';
 
         const url = api(`task/${task.id}`);
         const resp = await fetch(url,{
-            credentials: 'include',
-            method: 'PATCH',
-            body: JSON.stringify(patch)
+            credentials : 'include',
+            method      : 'PATCH',
+            body        : JSON.stringify(patch)
         });
         if (resp.ok){
             delete tasks[task.assignee][task.status.code][task.id]
@@ -73,8 +72,8 @@
             if (!tasks[user_id][state]) tasks[user_id][state] = {}
             tasks[user_id][state][task.id] = task;
             task.assignee = user_id;
-            task.status = {code:state,name:states[state]};
-            error = null;
+            task.status   = {code:state,name:states[state]};
+            error         = null;
         } else {
             error = await resp.text();
         }
@@ -89,7 +88,7 @@
     }
 
     async function loadProject(){
-        const url = api(`project/${id}`);
+        const url  = api(`project/${id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             project = await resp.json();
@@ -105,18 +104,18 @@
     }
 
     async function loadStates(){
-        const url = api(`project/${id}/states`);
+        const url  = api(`project/${id}/states`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             states = await resp.json();
-            error = null;
+            error  = null;
         } else {
             error = await resp.text();
         }
     }
 
     async function loadTag(task){
-        const url = api(`tags/task/${task.id}`);
+        const url  = api(`tags/task/${task.id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok) {
             const tags = await resp.json();
@@ -136,24 +135,24 @@
     }
 
     async function loadTasks(selector){
-        const url = api('task/list');
+        const url            = api('task/list');
         selector.show_closed = true;
-        selector.no_index = true;
+        selector.no_index    = true;
         var resp = await fetch(url,{
-            credentials: 'include',
-            method:'POST',
-            body:JSON.stringify(selector)
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(selector)
         });
         if (resp.ok){
             var json = await resp.json();
             for (var task_id of Object.keys(json)) {
-                let task = json[task_id];
-                let state = task.status.code;
-                let owner = null;
+                let task     = json[task_id];
+                let state    = task.status.code;
+                let owner    = null;
                 let assignee = null;
                 for (var user_id of Object.keys(task.members)){
                     var member = task.members[user_id];
-                    if (member.permission.name == 'OWNER') owner = user_id;
+                    if (member.permission.name == 'OWNER')    owner    = user_id;
                     if (member.permission.name == 'ASSIGNEE') assignee = user_id;
 
                 }
diff --git a/frontend/src/routes/project/List.svelte b/frontend/src/routes/project/List.svelte
index 04878cc..63f4fd0 100644
--- a/frontend/src/routes/project/List.svelte
+++ b/frontend/src/routes/project/List.svelte
@@ -1,28 +1,28 @@
 <script>
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
-    import { onMount } from 'svelte';
 
-    import { t } from '../../translations.svelte.js';
-    import { api } from '../../urls.svelte.js';
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
 
-    const router = useTinyRouter();
-    let error = $state(null);
-    let projects = $state(null);
-    let companies = $state(null);
+    const router   = useTinyRouter();
+    let error      = $state(null);
+    let projects   = $state(null);
+    let companies  = $state(null);
     let showClosed = $state(router.query.closed == "show");
 
     let sortedProjects = $derived.by(() => Object.values(projects).sort((a, b) => a.name.localeCompare(b.name)));
 
     async function loadProjects(){
-        let url = api('company/list');
+        let url  = api('company/list');
         let resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             companies = await resp.json();
-            url = `${location.protocol}//${location.host.replace('5173','8080')}/api/project/list`;
+            url       = `${location.protocol}//${location.host.replace('5173','8080')}/api/project/list`;
             resp = await fetch(url,{
-                credentials:'include',
-                method:'POST',
-                body:JSON.stringify({show_closed:showClosed})
+                credentials : 'include',
+                method      : 'POST',
+                body        : JSON.stringify({show_closed:showClosed})
             });
             if (resp.ok){
                 projects = await resp.json();
@@ -35,14 +35,14 @@
     }
 
     async function setState(pid,state_name){
-        const url = api(`project/${pid}`);
+        const url  = api(`project/${pid}`);
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'PATCH',
-            body:JSON.stringify({status:state_name})
+            credentials : 'include',
+            method      : 'PATCH',
+            body        : JSON.stringify({status:state_name})
         });
         if (resp.ok){
-            var prj = await resp.json();
+            var prj                 = await resp.json();
             projects[prj.id].status = prj.status;
         } else {
             error = await resp.text();
diff --git a/frontend/src/routes/project/View.svelte b/frontend/src/routes/project/View.svelte
index 4104f46..fff045c 100644
--- a/frontend/src/routes/project/View.svelte
+++ b/frontend/src/routes/project/View.svelte
@@ -1,25 +1,25 @@
 <script>
-    import { onMount } from 'svelte';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { api } from '../../urls.svelte.js';
-    import { t } from '../../translations.svelte.js';
-
-    import LineEditor from '../../Components/LineEditor.svelte';
-    import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
-    import MemberEditor from '../../Components/MemberEditor.svelte';
-    import Notes from '../notes/List.svelte';
-    import StateSelector from '../../Components/StateSelector.svelte';
-    import Tags from '../tags/TagList.svelte';
-    import TaskList from '../task/TaskList.svelte';
-
-    let router = useTinyRouter();
-    let { id } = $props();
-    let project = $state(null);
-    let error = $state(null);
-    let tasks = $state(null);
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
+
+    import LineEditor        from '../../Components/LineEditor.svelte';
+    import MarkdownEditor    from '../../Components/MarkdownEditor.svelte';
+    import MemberEditor      from '../../Components/MemberEditor.svelte';
+    import Notes             from '../notes/List.svelte';
+    import StateSelector     from '../../Components/StateSelector.svelte';
+    import Tags              from '../tags/TagList.svelte';
+    import TaskList          from '../task/TaskList.svelte';
+
+    let { id }         = $props();
+    let error          = $state(null);
     let estimated_time = $state({sum:0});
-    let showSettings = $state(false);
+    let project        = $state(null);
+    let router         = useTinyRouter();
+    let showSettings   = $state(false);
+    let tasks          = $state(null);
 
     async function addMember(entry){
         const ids = Object.keys(entry);
@@ -40,11 +40,11 @@
     }
 
     async function getCandidates(text){
-        const url = api('user/search');
-        var resp = await fetch(url,{
-            credentials: 'include',
-            method: 'POST',
-            body: text
+        const url  = api('user/search');
+        const resp = await fetch(url,{
+            credentials : 'include',
+            method      : 'POST',
+            body        : text
         });
         if (resp.ok){
             var json = await resp.json();
@@ -59,11 +59,11 @@
     }
 
     async function loadProject(){
-        const url = api(`project/${id}`);
+        const url  = api(`project/${id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             project = await resp.json();
-            error = null;
+            error   = null;
             loadTasks();
         } else {
             error = await resp.text();
@@ -71,35 +71,35 @@
     }
 
     async function loadTasks(){
-        const url = api('task/list');
+        const url  = api('task/list');
         const data = {
             project_id:+id,
             show_closed:project.show_closed
         }
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'POST',
-            body:JSON.stringify(data)
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(data)
         });
         if (resp.ok){
-            tasks = {};
+            tasks              = {};
             estimated_time.sum = 0;
-            tasks = await resp.json();
-            error = null;
+            tasks              = await resp.json();
+            error              = null;
         } else {
             error = await resp.text();
         }
     }
 
     async function update(data){
-        const url = api(`project/${id}`);
+        const url  = api(`project/${id}`);
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'PATCH',
-            body:JSON.stringify(data)
+            credentials : 'include',
+            method      : 'PATCH',
+            body        : JSON.stringify(data)
         });
         if (resp.ok){
-            error = null;
+            error   = null;
             project = await resp.json();
             return true;
         } else {
@@ -114,7 +114,7 @@
 
 
     function updatePermission(user_id,permission){
-        let members = {};
+        let members      = {};
         members[user_id] = permission.code;
         update({members:members});
     }
diff --git a/frontend/src/routes/search/Search.svelte b/frontend/src/routes/search/Search.svelte
index 53f5086..68605ad 100644
--- a/frontend/src/routes/search/Search.svelte
+++ b/frontend/src/routes/search/Search.svelte
@@ -1,18 +1,19 @@
 <script>
     import { onMount } from 'svelte';
-    import {t} from '../../translations.svelte.js';
 
-    let key = "";
+    import { t }       from '../../translations.svelte.js';
+
     let fulltext = false;
-    let html = "";
+    let html     = "";
+    let key      = "";
 
     async function doSearch(ev){
         if (ev) ev.preventDefault();
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/legacy/search`;
+        const url  = `${location.protocol}//${location.host.replace('5173','8080')}/legacy/search`;
         const resp = await fetch(url,{
-            credentials:'include',
-            method : 'POST',
-            body: JSON.stringify({key:key,fulltext:fulltext?'on':'off'})
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify({key:key,fulltext:fulltext?'on':'off'})
         });
         if (resp.ok){
             html = await resp.text();
@@ -22,7 +23,7 @@
 
     onMount(() => {
         let params = new URLSearchParams(location.search);
-        key = params.get('key');
+        key        = params.get('key');
         if (key) doSearch();
     });
 
diff --git a/frontend/src/routes/tags/TagList.svelte b/frontend/src/routes/tags/TagList.svelte
index 6f37c83..d4fefc7 100644
--- a/frontend/src/routes/tags/TagList.svelte
+++ b/frontend/src/routes/tags/TagList.svelte
@@ -1,19 +1,19 @@
 <script>
     import {onMount} from 'svelte';
 
-    import {api} from '../../urls.svelte.js';
-    import {t} from '../../translations.svelte.js';
-    import {user} from '../../user.svelte.js'
+    import { api }   from '../../urls.svelte.js';
+    import { t }     from '../../translations.svelte.js';
+    import { user }  from '../../user.svelte.js'
 
-    import Editor from '../../Components/LineEditor.svelte';
+    import Editor    from '../../Components/LineEditor.svelte';
 
     let {
-        id = null,
+        id        = null,
         module,
-        tags = $bindable([]),
+        tags      = $bindable([]),
         user_list = [],
     } = $props();
-    let error = $state(null);
+    let error  = $state(null);
     let newTag = $state('');
 
     async function addTag(tag){
@@ -25,14 +25,14 @@
         }
         const url = api(`tags/${module}/${id}`);
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'POST',
-            body: JSON.stringify({tag:tag,user_list:user_list})
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify({tag:tag,user_list:user_list})
         });
         if (resp.ok){
             tag = await resp.text();
             tags.push(tag);
-            tags = tags.sort();
+            tags  = tags.sort();
             error = null;
         } else {
             error = await resp.text();
@@ -47,12 +47,12 @@
         }
         const url = api(`tags/${module}/${id}`);
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'DELETE',
-            body: tag
+            credentials : 'include',
+            method      : 'DELETE',
+            body        : tag
         });
         if (resp.ok){
-            tag = await resp.text();
+            tag  = await resp.text();
             tags = tags.filter(item => item !== tag);
         } else {
             error = await resp.text();
@@ -62,7 +62,7 @@
 
     async function loadTags(entityId){
         if (!entityId) return; // when crating elements, they dont`t have an id, yet.
-        const url = api(`tags/${module}/${entityId}`);
+        const url  = api(`tags/${module}/${entityId}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok) {
             tags = await resp.json();
diff --git a/frontend/src/routes/task/Add.svelte b/frontend/src/routes/task/Add.svelte
index 3e23f1b..b49c65c 100644
--- a/frontend/src/routes/task/Add.svelte
+++ b/frontend/src/routes/task/Add.svelte
@@ -1,30 +1,30 @@
 <script>
-    import { onMount } from 'svelte';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { t }  from '../../translations.svelte.js';
-    import { api } from '../../urls.svelte.js';
-    import { user } from '../../user.svelte.js';
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
+    import { user }          from '../../user.svelte.js';
 
-    import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
-    import MemberEditor from '../../Components/MemberEditor.svelte';
-    import Tags from '../tags/TagList.svelte';
+    import MarkdownEditor    from '../../Components/MarkdownEditor.svelte';
+    import MemberEditor      from '../../Components/MemberEditor.svelte';
+    import Tags              from '../tags/TagList.svelte';
 
     let { project_id = null, parent_task_id } = $props();
-    let error = $state(null);
-    let project = $state(null);
+    let error            = $state(null);
+    let project          = $state(null);
     let extendedSettings = $state(false);
-    let parent_task = $state(null);
+    let parent_task      = $state(null);
     let task = $state({
-        name : '',
-        description : { source : '', rendered : '' },
-        due_date: null,
-        estimated_time: null,
-        no_index: false,
-        members : {},
-        show_closed: false,
-        start_date: null,
-        tags: []
+        name           : '',
+        description    : { source : '', rendered : '' },
+        due_date       : null,
+        estimated_time : null,
+        no_index       : false,
+        members        : {},
+        show_closed    : false,
+        start_date     : null,
+        tags           : []
     });
     let router = useTinyRouter();
 
@@ -44,28 +44,28 @@
     }
 
     async function loadParent(){
-        const url = api(`task/${parent_task_id}`);
+        const url  = api(`task/${parent_task_id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
-            parent_task = await resp.json();
+            parent_task         = await resp.json();
             task.parent_task_id = +parent_task_id;
-            project_id = parent_task.project_id;
-            error = null;
-            project = null; // TODO
+            project_id          = parent_task.project_id;
+            error               = null;
+            project             = null; // TODO
         } else {
             error = await resp.text();
         }
     }
 
     async function loadProject(){
-        var url = api(`project/${project_id}`);
+        const url  = api(`project/${project_id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
-            project = await resp.json();
-            task.project_id = +project_id;
+            project           = await resp.json();
+            task.project_id   = +project_id;
             let member_source = parent_task?parent_task.members:project.members;
-            task.members = JSON.parse(JSON.stringify(member_source)); // deep copy
-            error = null;
+            task.members      = JSON.parse(JSON.stringify(member_source)); // deep copy
+            error             = null;
         } else {
             error = await resp.text();
         }
@@ -98,11 +98,11 @@
     }
 
     async function saveTask(){
-        var url = api('task/add');
+        const url  = api('task/add');
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'POST',
-            body: JSON.stringify(task)
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(task)
         });
         if (resp.ok) {
             task = await resp.json();
diff --git a/frontend/src/routes/task/ListTask.svelte b/frontend/src/routes/task/ListTask.svelte
index b4c59f7..8d6698d 100644
--- a/frontend/src/routes/task/ListTask.svelte
+++ b/frontend/src/routes/task/ListTask.svelte
@@ -1,19 +1,19 @@
 <script>
-    import { onMount } from 'svelte';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { t } from '../../translations.svelte.js';
-    import { api } from '../../urls.svelte.js';
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
 
-    import TaskList from './TaskList.svelte';
-    import LineEditor from '../../Components/LineEditor.svelte';
+    import TaskList          from './TaskList.svelte';
+    import LineEditor        from '../../Components/LineEditor.svelte';
 
-    const router = useTinyRouter();
     let { estimated_time, show_closed, task } = $props();
     let children = $state(null);
-    let error = $state(null);
-    let start = 0;
-    let deleted = $state(false);
+    let deleted  = $state(false);
+    let error    = $state(null);
+    const router = useTinyRouter();
+    let start    = 0;
 
     function addSubtask(){
         router.navigate(`/task/${task.id}/add_subtask`);
@@ -21,10 +21,10 @@
 
     async function deleteTask(){
         if (confirm(t('confirm_delete',{element:task.name}))){
-            const url = api(`task/${task.id}`);
+            const url  = api(`task/${task.id}`);
             const resp = await fetch(url,{
-                credentials:'include',
-                method:'DELETE'
+                credentials : 'include',
+                method      : 'DELETE'
             });
             if (resp.ok){
                 deleted = true;
@@ -35,20 +35,20 @@
     }
 
     async function loadChildren(){
-        const url = api('task/list');
-        var data = {
-            parent_task_id:+task.id,
-            show_closed: show_closed
+        const url  = api('task/list');
+        const data = {
+            parent_task_id : +task.id,
+            show_closed    : show_closed
         };
         if (task.show_closed) data.show_closed = true;
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'POST',
-            body:JSON.stringify(data)
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(data)
         });
         if (resp.ok){
             children = await resp.json();
-            error = null;
+            error    = null;
         } else {
             error = await resp.text();
         }
@@ -59,11 +59,11 @@
     }
 
     async function patchTask(changeset){
-        const url = api(`task/${task.id}`);
+        const url  = api(`task/${task.id}`);
         const resp = await fetch(url,{
-            credentials:'include',
-            method: 'PATCH',
-            body: JSON.stringify(changeset)
+            credentials : 'include',
+            method      : 'PATCH',
+            body        : JSON.stringify(changeset)
         });
         if (resp.ok){
             task = await resp.json();
diff --git a/frontend/src/routes/task/TaskList.svelte b/frontend/src/routes/task/TaskList.svelte
index e9ff305..9bbd497 100644
--- a/frontend/src/routes/task/TaskList.svelte
+++ b/frontend/src/routes/task/TaskList.svelte
@@ -1,5 +1,5 @@
 <script>
-    import { t } from '../../translations.svelte.js';
+    import { t }    from '../../translations.svelte.js';
     import ListTask from './ListTask.svelte';
 
     let { estimated_time, show_closed, tasks } = $props();
diff --git a/frontend/src/routes/task/View.svelte b/frontend/src/routes/task/View.svelte
index cb3c96a..0ca30e3 100644
--- a/frontend/src/routes/task/View.svelte
+++ b/frontend/src/routes/task/View.svelte
@@ -1,27 +1,27 @@
 <script>
-    import { onMount } from 'svelte';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { t } from '../../translations.svelte.js';
-    import { api } from '../../urls.svelte.js';
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
 
-    import LineEditor from '../../Components/LineEditor.svelte';
+    import LineEditor     from '../../Components/LineEditor.svelte';
     import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
-    import MemberEditor from '../../Components/MemberEditor.svelte';
-    import Notes from '../notes/List.svelte';
-    import StateSelector from '../../Components/StateSelector.svelte';
-    import TagList from '../tags/TagList.svelte';
-    import TaskList from './TaskList.svelte';
+    import MemberEditor   from '../../Components/MemberEditor.svelte';
+    import Notes          from '../notes/List.svelte';
+    import StateSelector  from '../../Components/StateSelector.svelte';
+    import TagList        from '../tags/TagList.svelte';
+    import TaskList       from './TaskList.svelte';
 
-    const router = useTinyRouter();
-    let { id } = $props();
-    let task = $state(null);
-    let project = $state(null);
-    let error = $state(null);
-    let children = $state(null);
+    let { id }         = $props();
+    let children       = $state(null);
+    let dummy          = $derived(updateOn(id));
+    let error          = $state(null);
     let estimated_time = $state({sum:0});
-    let dummy = $derived(updateOn(id));
-    let showSettings = $state(false);
+    let project        = $state(null);
+    const router       = useTinyRouter();
+    let showSettings   = $state(false);
+    let task           = $state(null);
 
     $effect(() => updateOn(id));
 
@@ -35,7 +35,7 @@
     }
 
     async function getCandidates(text){
-        const origin = task.parent ? task.parent.members : project.members;
+        const origin     = task.parent ? task.parent.members : project.members;
         const candidates = Object.values(origin)
             .filter(member => member.user.name.toLowerCase().includes(text.toLowerCase()))
             .map(member => [member.user.id,member.user.name]);
@@ -52,37 +52,37 @@
     }
 
     async function loadChildren(){
-        const url = api('task/list');
-        var data = {
-            parent_task_id:+task.id,
-            show_closed: task.show_closed
+        const url  = api('task/list');
+        const data = {
+            parent_task_id : +task.id,
+            show_closed    : task.show_closed
         };
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'POST',
+            credentials : 'include',
+            method      : 'POST',
             body:JSON.stringify(data)
         });
         if (resp.ok){
             children = await resp.json();
-            error = null;
+            error    = null;
         } else {
             error = await resp.text();
         }
     }
 
     async function loadProject(){
-        const url = api(`project/${task.project_id}`);
+        const url  = api(`project/${task.project_id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             project = await resp.json();
-            error = null;
+            error   = null;
         } else {
             error = await resp.text();
         }
     }
 
     async function loadParent(){
-        const url = api(`task/${task.parent_task_id}`);
+        const url  = api(`task/${task.parent_task_id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             task.parent = await resp.json();
@@ -92,12 +92,12 @@
     }
 
     async function loadTask(){
-        const url = api(`task/${id}`);
+        const url  = api(`task/${id}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
-            task = await resp.json();
-            error = null;
-            project = null;
+            task     = await resp.json();
+            error    = null;
+            project  = null;
             children = null;
             loadChildren();
             if (task.project_id) loadProject();
@@ -122,15 +122,15 @@
     }
 
     async function update(data){
-        const url = api(`task/${id}`);
+        const url  = api(`task/${id}`);
         const resp = await fetch(url,{
-            credentials:'include',
-            method:'PATCH',
-            body:JSON.stringify(data)
+            credentials : 'include',
+            method      : 'PATCH',
+            body        : JSON.stringify(data)
         });
         if (resp.ok){
             error = null;
-            task = await resp.json();
+            task  = await resp.json();
             return true;
         } else {
             error = await resp.text();
@@ -147,7 +147,7 @@
     }
 
     function updatePermission(user_id,permission){
-        let members = {};
+        let members      = {};
         members[user_id] = permission.code;
         update({members:members});
     }
diff --git a/frontend/src/routes/user/ConnectedServices.svelte b/frontend/src/routes/user/ConnectedServices.svelte
index 4f1a9ca..8cf1ee8 100644
--- a/frontend/src/routes/user/ConnectedServices.svelte
+++ b/frontend/src/routes/user/ConnectedServices.svelte
@@ -1,14 +1,15 @@
 <script>
-    import { t } from '../../translations.svelte.js';
-    import { user } from '../../user.svelte.js';
     import { onMount } from 'svelte';
 
+    import { api }     from '../../urls.svelte.js';
+    import { t }       from '../../translations.svelte.js';
+    import { user }    from '../../user.svelte.js';
+
     let connections = $state([]);
 
     async function loadConnections(){
-        let url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/connected`;
-
-        let resp = await fetch(url,{credentials:'include'});
+        const url  = api('/user/oidc/connected');
+        const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             const arr = await resp.json();
             while (connections.length) connections.pop();
@@ -19,11 +20,11 @@
     onMount(loadConnections);
 
     async function unlink(connection){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/connected`;
+        const url  = api('user/oidc/connected');
         const resp = await fetch(url,{
-            method: 'DELETE',
-            credentials: 'include',
-            body: JSON.stringify(connection)
+            method      : 'DELETE',
+            credentials : 'include',
+            body        : JSON.stringify(connection)
         });
         if (resp.ok){
             loadConnections();
diff --git a/frontend/src/routes/user/EditPassword.svelte b/frontend/src/routes/user/EditPassword.svelte
index f7de704..10ce44c 100644
--- a/frontend/src/routes/user/EditPassword.svelte
+++ b/frontend/src/routes/user/EditPassword.svelte
@@ -1,35 +1,34 @@
 <script>
-    import { t } from '../../translations.svelte.js';
+    import { api } from '../../urls.svelte.js';
+    import { t }   from '../../translations.svelte.js';
 
     let { editPassword = $bindable() } = $props();
 
-    let oldPass = $state("");
-    let newPass = $state("");
-    let repeat  = $state("");
-    let caption = $state(t('update'));
-
-    let oldEmpty = $derived(!/\S/.test(oldPass));
-    let newEmpty = $derived(!/\S/.test(newPass));
+    let caption  = $state(t('update'));
+    let error    = $state("");
+    let newPass  = $state("");
     let mismatch = $derived(newPass != repeat);
-
-    let error = $state("");
-    let sent = $state(false);
+    let newEmpty = $derived(!/\S/.test(newPass));
+    let oldPass  = $state("");
+    let oldEmpty = $derived(!/\S/.test(oldPass));
+    let repeat   = $state("");
+    let sent     = $state(false);
 
     function abort(){
         editPassword = false;
     }
 
     async function submit(){
-        caption = t('data_sent');
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/password`;
+        caption    = t('data_sent');
+        const url  = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/password`;
         const data = {
-            old: oldPass,
-            new: newPass
+            old : oldPass,
+            new : newPass
         };
         const resp = await fetch(url,{
-            method: 'PATCH',
-            body: JSON.stringify(data),
-            credentials: 'include'
+            method      : 'PATCH',
+            body        : JSON.stringify(data),
+            credentials : 'include'
         });
 
         if (resp.ok){
diff --git a/frontend/src/routes/user/EditService.svelte b/frontend/src/routes/user/EditService.svelte
index 57e91d0..dd271f1 100644
--- a/frontend/src/routes/user/EditService.svelte
+++ b/frontend/src/routes/user/EditService.svelte
@@ -1,17 +1,19 @@
 <script>
-    import { onMount } from 'svelte';
-    import { t } from '../../translations.svelte.js';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
+    import { api }           from '../../urls.svelte.js'
+    import { t }             from '../../translations.svelte.js';
+
+    let caption         = $state(t('save_service'));
+    let disabled        = $state(false);
+    let service         = $state({})
     let { serviceName } = $props();
-    let service = $state({})
-    let caption = $state(t('save_service'));
-    let message = $state(t('loading_data'));
-    let router = useTinyRouter();
-    let disabled = $state(false);
+    let message         = $state(t('loading_data'));
+    let router          = useTinyRouter();
 
     onMount(async () => {
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/${serviceName}`;
+        const url  = api(`user/oidc/${serviceName}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             const json = await resp.json();
@@ -23,12 +25,12 @@
     });
 
     async function update(){
-        caption = t('data_sent');
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/${serviceName}`;
+        caption    = t('data_sent');
+        const url  = api(`user/oidc/${serviceName}`);
         const resp = await fetch(url,{
-            credentials: 'include',
-            method: 'PATCH',
-            body: JSON.stringify(service)
+            credentials : 'include',
+            method      : 'PATCH',
+            body        : JSON.stringify(service)
         });
         if (resp.ok){
             caption = t('saved');
diff --git a/frontend/src/routes/user/EditUser.svelte b/frontend/src/routes/user/EditUser.svelte
index 6e214d6..0a6b06b 100644
--- a/frontend/src/routes/user/EditUser.svelte
+++ b/frontend/src/routes/user/EditUser.svelte
@@ -1,34 +1,33 @@
 <script>
-
-    import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
-    import { onMount } from 'svelte';
-    import { checkUser } from '../../user.svelte.js';
+    import { onMount }       from 'svelte';
 
-    const router = useTinyRouter();
+    import { api }           from '../../urls.svelte.js'
+    import { checkUser }     from '../../user.svelte.js';
+    import { t }             from '../../translations.svelte.js';
 
     let { user_id } = $props();
-
-    let editUser = $state(null);
-    let options = $state([]);
-    let sent = $state(false);
-    let caption = $state(t('save_user'));
-    let message = $state(t('loading_data'));
+    let caption     = $state(t('save_user'));
+    let editUser    = $state(null);
+    let message     = $state(t('loading_data'));
+    let options     = $state([]);
+    const router    = useTinyRouter();
+    let sent        = $state(false);
 
     onMount(async () => {
-        let url = `${location.protocol}//${location.host.replace('5173','8080')}/themes.json`;
+        let url  = `${location.protocol}//${location.host.replace('5173','8080')}/themes.json`;
         let resp = await fetch(url);
         if (resp.ok){
             const arr = await resp.json();
             for (let entry of arr){
-                const value = entry.value;
+                const value   = entry.value;
                 const caption = entry.caption ? entry.caption : value;
                 options.push({caption:caption,value:value})
             }
         }
 
         if (user_id) {
-            url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/${user_id}`;
+            url  = api(`user/${user_id}`);
             resp = await fetch(url,{credentials:'include'});
             if (resp.ok) {
                 editUser = await resp.json();
@@ -43,20 +42,20 @@
 
     async function save(ev){
         ev.preventDefault();
-        sent = true;
-        caption = t('data_sent');
+        sent       = true;
+        caption    = t('data_sent');
         let method = 'PATCH';
-        let url = null;
+        let url    = null;
         if (user_id) {
-            url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/${user_id}`;
+            url = api(`user/${user_id}`);
         } else {
-            url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/create`;
+            url = api('user/create');
             method = 'POST';
         }
         let resp = await fetch(url,{
-            method: method,
-            credentials: 'include',
-            body: JSON.stringify(editUser)
+            method      : method,
+            credentials : 'include',
+            body        : JSON.stringify(editUser)
         });
         if (resp.ok){
             caption = t('saved');
diff --git a/frontend/src/routes/user/List.svelte b/frontend/src/routes/user/List.svelte
index b6ab29a..9c36486 100644
--- a/frontend/src/routes/user/List.svelte
+++ b/frontend/src/routes/user/List.svelte
@@ -1,27 +1,28 @@
 <script>
-    import { onMount } from 'svelte';
-    import { t } from '../../translations.svelte.js';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
-    import { user } from '../../user.svelte.js';
 
-    const router = useTinyRouter();
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
+    import { user }          from '../../user.svelte.js';
 
-    let users = $state([]);
+    const router = useTinyRouter();
+    let users    = $state([]);
 
-    onMount(async () => {
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/list`;
+    async function listUsers(){
+        const url  = api('user/list');
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             const json = await resp.json();
             for (let u of json) users.push(u);
         }
-    });
+    }
 
     async function impersonate(userId){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/${userId}/impersonate`;
+        const url  = api(`user/${userId}/impersonate`);
         const resp = await fetch(url,{
-            method: 'POST',
-            credentials: 'include'
+            method      : 'POST',
+            credentials : 'include'
         });
         if (resp.ok){
             const json = await resp.json();
@@ -29,6 +30,7 @@
         }
     }
 
+    onMount(listUsers);
 </script>
 
 <fieldset tabindex="0">
diff --git a/frontend/src/routes/user/LoginServices.svelte b/frontend/src/routes/user/LoginServices.svelte
index 0bb1448..6f7b010 100644
--- a/frontend/src/routes/user/LoginServices.svelte
+++ b/frontend/src/routes/user/LoginServices.svelte
@@ -1,27 +1,16 @@
 <script>
-    import { onMount } from 'svelte';
-    import { t } from '../../translations.svelte.js';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
-    import { user } from '../../user.svelte.js';
 
-    const router = useTinyRouter();
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
+    import { user }          from '../../user.svelte.js';
 
+    const router = useTinyRouter();
     let services = $state([]);
 
-    async function loadButtons(){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/buttons`;
-        const resp = await fetch(url,{credentials:'include'});
-        if (resp.ok){
-            const json = await resp.json();
-            while (services.length) services.pop();
-            for (let service of json) services.push(service);
-        }
-    }
-
-    onMount(loadButtons);
-
     async function connect(service){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/redirect/${service}`;
+        const url  = api(`user/oidc/redirect/${service}`);
         const resp = await fetch(url,{credentials:'include'});
         if (resp.ok){
             var json = await resp.json();
@@ -33,14 +22,26 @@
         }
     }
 
+    async function loadButtons(){
+        const url  = api(`user/oidc/buttons`);
+        const resp = await fetch(url,{credentials:'include'});
+        if (resp.ok){
+            const json = await resp.json();
+            while (services.length) services.pop();
+            for (let service of json) services.push(service);
+        }
+    }
+
     async function drop(service){
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/${service}`;
+        const url = api(`user/oidc/${service}`);
         const resp = await fetch(url,{
-            credentials: 'include',
-            method: 'DELETE'
+            credentials : 'include',
+            method      : 'DELETE'
         });
         if (resp.ok) loadButtons();
     }
+
+    onMount(loadButtons);
 </script>
 
 <fieldset tabindex="0">
diff --git a/frontend/src/routes/user/OidcCallback.svelte b/frontend/src/routes/user/OidcCallback.svelte
index 62acffc..b1e0fab 100644
--- a/frontend/src/routes/user/OidcCallback.svelte
+++ b/frontend/src/routes/user/OidcCallback.svelte
@@ -1,24 +1,26 @@
 <script>
-    import { onMount } from 'svelte';
-    import { t } from '../../translations.svelte.js';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
-    import { checkUser } from '../../user.svelte.js';
+
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
+    import { checkUser }     from '../../user.svelte.js';
 
     const router = useTinyRouter();
+    let message  = $state(t('processing_code'));
 
-    let message = $state(t('processing_code'));
-    onMount(async () => {
+    async function process(){
         let params = new URLSearchParams(location.search);
 
         if (params.get('code')){
-            const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/oidc/token`;
+            const url = api('user/oidc/token');
             const resp = await fetch(url,{
-                method : 'POST',
-                body: JSON.stringify(Object.fromEntries(params)),
-                credentials: 'include'
+                method      : 'POST',
+                body        : JSON.stringify(Object.fromEntries(params)),
+                credentials : 'include'
             });
             if (resp.ok){
-                let json = await resp.json();
+                let json       = await resp.json();
                 const redirect = json.redirect ? json.redirect : '/user';
                 checkUser();
                 router.navigate(redirect);
@@ -27,7 +29,9 @@
                 if (!message) message = t(resp);
             }
         }
-    });
+    }
+
+    onMount(process);
 </script>
 
 {message}
\ No newline at end of file
diff --git a/frontend/src/routes/user/Profile.svelte b/frontend/src/routes/user/Profile.svelte
index e208325..20ebcd6 100644
--- a/frontend/src/routes/user/Profile.svelte
+++ b/frontend/src/routes/user/Profile.svelte
@@ -1,14 +1,15 @@
 <script>
-    import { t } from '../../translations.svelte.js';
-    import { user } from '../../user.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    import EditPassword from './EditPassword.svelte';
-    const router = useTinyRouter();
+    import { t }             from '../../translations.svelte.js';
+    import { user }          from '../../user.svelte.js';
 
-    let editPassword = false;
+    import EditPassword      from './EditPassword.svelte';
 
+    const router     = useTinyRouter();
+    let editPassword = false;
 </script>
+
 <fieldset>
     <legend>
         {t('your_profile')}
diff --git a/frontend/src/routes/user/ResetPw.svelte b/frontend/src/routes/user/ResetPw.svelte
index 71353c4..5e43f42 100644
--- a/frontend/src/routes/user/ResetPw.svelte
+++ b/frontend/src/routes/user/ResetPw.svelte
@@ -1,19 +1,21 @@
 <script>
-    import { onMount } from 'svelte';
-    import { t } from '../../translations.svelte.js';
+    import { onMount }       from 'svelte';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    let mail = "";
-    let caption = t('send_mail');
-    let error = null;
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
+
+    let caption  = t('send_mail');
+    let error    = null;
+    let mail     = "";
     const router = useTinyRouter();
 
     async function submit(ev){
         ev.preventDefault();
-        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/reset_pw`;
+        const url  = api(`user/reset_pw`);
         const resp = await fetch(url,{
             method : 'POST',
-            body : mail
+            body   : mail
         });
         if (resp.ok) {
             caption = t('data_sent');
@@ -24,9 +26,9 @@
 
     async function checkToken(){
         const urlParams = new URLSearchParams(window.location.search);
-        const token = urlParams.get('token');
+        const token     = urlParams.get('token');
         if (token) {
-            const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/validate/${token}`;
+            const url  = api(`user/validate/${token}`);
             const resp = await fetch(url,{
                 credentials: 'include'
             });
@@ -46,13 +48,13 @@
 <style>
     label{display:block}
     fieldset{
-        display: block;
-        position: relative;
-        left: 50%;
-        width: 200px;
-        margin-left: -100px;
-        margin-bottom: 30px;
-        text-align: center;
+        display       : block;
+        position      : relative;
+        left          : 50%;
+        width         : 200px;
+        margin-left   : -100px;
+        margin-bottom : 30px;
+        text-align    : center;
     }
 </style>
 
diff --git a/frontend/src/routes/user/User.svelte b/frontend/src/routes/user/User.svelte
index 5406ddf..25ae66a 100644
--- a/frontend/src/routes/user/User.svelte
+++ b/frontend/src/routes/user/User.svelte
@@ -1,17 +1,15 @@
 <script>
-    import { t } from '../../translations.svelte.js';
-    import { user } from '../../user.svelte.js';
+    import { user }         from '../../user.svelte.js';
+    import { t }            from '../../translations.svelte.js';
 
-    import Services from './ConnectedServices.svelte';
+    import Services         from './ConnectedServices.svelte';
     import LoginServiceList from './LoginServices.svelte';
-    import Profile from './Profile.svelte';
-    import UserList from './List.svelte';
+    import Profile          from './Profile.svelte';
+    import UserList         from './List.svelte';
 
-    let params = new URLSearchParams(location.search);
+    let params   = new URLSearchParams(location.search);
     let redirect = params.get('returnTo');
-    if (redirect && user.name){
-        location.href = redirect;
-    }
+    if (redirect && user.name) location.href = redirect;
 </script>
 
 <h1>{t('user_module')}</h1>