code cleanup

frontend/src/App.svelte

@@ -1,8 +1,10 @@
 <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";

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();

frontend/src/routes/document/List.svelte

@@ -11,9 +11,9 @@
 
     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;
 
@@ -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'

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

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

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;

frontend/src/routes/notes/List.svelte

@@ -1,22 +1,27 @@
 <script>
     import { onMount } from 'svelte';
+
     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 authors = $state(null);
     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 {
+        module = null,
+        entity_id = null
+    } = $props();
 
     async function saveNote(){
         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();
@@ -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>
 

frontend/src/routes/project/Create.svelte

@@ -1,6 +1,7 @@
 <script>
     import { useTinyRouter } from 'svelte-tiny-router';
 
+    import { api }           from '../../urls.svelte.js';
     import { t }             from '../../translations.svelte.js';
 
     import CompanySelector   from '../../Components/CompanySelector.svelte';
@@ -14,21 +15,19 @@
     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`;
+        const url = api('project');
         var resp  = await fetch(url,{
-            credentials: 'include',
-            method: 'POST',
-            body: JSON.stringify(project)
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(project)
         });
         if (resp.ok){
             var newProject = await resp.json();

frontend/src/routes/project/Kanban.svelte

@@ -14,32 +14,31 @@
     let dragged      = null;
     let error        = $state(null);
     let highlight    = $state({});
+    let filter_input = $state('');
+    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 filter_input = $state('');
-    let filter = $derived(filter_input.toLowerCase());
     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: '',
+            description : '',
             members     : {},
-            name: name,
-            project_id: +id,
+            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)
+            credentials : 'include',
+            method      : 'POST',
+            body        : JSON.stringify(task)
         });
         if (resp.ok) {
             task          = await resp.json();
@@ -63,9 +62,9 @@
 
         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]
@@ -140,9 +139,9 @@
         selector.show_closed = 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();

frontend/src/routes/project/List.svelte

@@ -1,9 +1,9 @@
 <script>
-    import { useTinyRouter } from 'svelte-tiny-router';
     import { onMount }       from 'svelte';
+    import { useTinyRouter } from 'svelte-tiny-router';
 
-    import { t } from '../../translations.svelte.js';
     import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
 
     const router   = useTinyRouter();
     let error      = $state(null);
@@ -20,9 +20,9 @@
             companies = await resp.json();
             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();
@@ -37,9 +37,9 @@
     async function setState(pid,state_name){
         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();

frontend/src/routes/project/View.svelte

@@ -13,13 +13,13 @@
     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);
     let estimated_time = $state({sum:0});
+    let project        = $state(null);
+    let router         = useTinyRouter();
     let showSettings   = $state(false);
+    let tasks          = $state(null);
 
     async function addMember(entry){
         const ids = Object.keys(entry);
@@ -41,10 +41,10 @@
 
     async function getCandidates(text){
         const url  = api('user/search');
-        var resp = await fetch(url,{
-            credentials: 'include',
-            method: 'POST',
-            body: text
+        const resp = await fetch(url,{
+            credentials : 'include',
+            method      : 'POST',
+            body        : text
         });
         if (resp.ok){
             var json = await resp.json();
@@ -77,9 +77,9 @@
             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              = {};
@@ -94,9 +94,9 @@
     async function update(data){
         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;

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 key      = "";
 
     async function doSearch(ev){
         if (ev) ev.preventDefault();
         const url  = `${location.protocol}//${location.host.replace('5173','8080')}/legacy/search`;
         const resp = await fetch(url,{
-            credentials:'include',
+            credentials : 'include',
             method      : 'POST',
-            body: JSON.stringify({key:key,fulltext:fulltext?'on':'off'})
+            body        : JSON.stringify({key:key,fulltext:fulltext?'on':'off'})
         });
         if (resp.ok){
             html = await resp.text();

frontend/src/routes/tags/TagList.svelte

@@ -1,9 +1,9 @@
 <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';
 
@@ -25,9 +25,9 @@
         }
         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();
@@ -47,9 +47,9 @@
         }
         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();

frontend/src/routes/task/Add.svelte

@@ -2,8 +2,8 @@
     import { onMount }       from 'svelte';
     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 { user }          from '../../user.svelte.js';
 
     import MarkdownEditor    from '../../Components/MarkdownEditor.svelte';
@@ -18,13 +18,13 @@
     let task = $state({
         name           : '',
         description    : { source : '', rendered : '' },
-        due_date: null,
-        estimated_time: null,
-        no_index: false,
+        due_date       : null,
+        estimated_time : null,
+        no_index       : false,
         members        : {},
-        show_closed: false,
-        start_date: null,
-        tags: []
+        show_closed    : false,
+        start_date     : null,
+        tags           : []
     });
     let router = useTinyRouter();
 
@@ -58,7 +58,7 @@
     }
 
     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();
@@ -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();

frontend/src/routes/task/ListTask.svelte

@@ -2,18 +2,18 @@
     import { onMount }       from 'svelte';
     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 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 deleted  = $state(false);
     let error    = $state(null);
+    const router = useTinyRouter();
     let start    = 0;
-    let deleted = $state(false);
 
     function addSubtask(){
         router.navigate(`/task/${task.id}/add_subtask`);
@@ -23,8 +23,8 @@
         if (confirm(t('confirm_delete',{element:task.name}))){
             const url  = api(`task/${task.id}`);
             const resp = await fetch(url,{
-                credentials:'include',
-                method:'DELETE'
+                credentials : 'include',
+                method      : 'DELETE'
             });
             if (resp.ok){
                 deleted = true;
@@ -36,15 +36,15 @@
 
     async function loadChildren(){
         const url  = api('task/list');
-        var data = {
-            parent_task_id:+task.id,
-            show_closed: show_closed
+        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();
@@ -61,9 +61,9 @@
     async function patchTask(changeset){
         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();

frontend/src/routes/task/View.svelte

@@ -2,8 +2,8 @@
     import { onMount }       from 'svelte';
     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 LineEditor     from '../../Components/LineEditor.svelte';
     import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
@@ -13,15 +13,15 @@
     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 estimated_time = $state({sum:0});
     let dummy          = $derived(updateOn(id));
+    let error          = $state(null);
+    let estimated_time = $state({sum:0});
+    let project        = $state(null);
+    const router       = useTinyRouter();
     let showSettings   = $state(false);
+    let task           = $state(null);
 
     $effect(() => updateOn(id));
 
@@ -53,13 +53,13 @@
 
     async function loadChildren(){
         const url  = api('task/list');
-        var data = {
-            parent_task_id:+task.id,
-            show_closed: task.show_closed
+        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){
@@ -124,9 +124,9 @@
     async function update(data){
         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;

frontend/src/routes/user/ConnectedServices.svelte

@@ -1,14 +1,15 @@
 <script>
+    import { onMount } from 'svelte';
+
+    import { api }     from '../../urls.svelte.js';
     import { t }       from '../../translations.svelte.js';
     import { user }    from '../../user.svelte.js';
-    import { onMount } from 'svelte';
 
     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();

frontend/src/routes/user/EditPassword.svelte

@@ -1,18 +1,17 @@
 <script>
+    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 mismatch = $derived(newPass != repeat);
-
     let error    = $state("");
+    let newPass  = $state("");
+    let mismatch = $derived(newPass != repeat);
+    let newEmpty = $derived(!/\S/.test(newPass));
+    let oldPass  = $state("");
+    let oldEmpty = $derived(!/\S/.test(oldPass));
+    let repeat   = $state("");
     let sent     = $state(false);
 
     function abort(){
@@ -23,13 +22,13 @@
         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){

frontend/src/routes/user/EditService.svelte

@@ -1,17 +1,19 @@
 <script>
     import { onMount }       from 'svelte';
-    import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    let { serviceName } = $props();
-    let service = $state({})
+    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 message         = $state(t('loading_data'));
     let router          = useTinyRouter();
-    let disabled = $state(false);
 
     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();
@@ -24,11 +26,11 @@
 
     async function update(){
         caption    = t('data_sent');
-        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',
-            method: 'PATCH',
-            body: JSON.stringify(service)
+            credentials : 'include',
+            method      : 'PATCH',
+            body        : JSON.stringify(service)
         });
         if (resp.ok){
             caption = t('saved');

frontend/src/routes/user/EditUser.svelte

@@ -1,19 +1,18 @@
 <script>
-
-    import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
     import { onMount }       from 'svelte';
-    import { checkUser } from '../../user.svelte.js';
 
-    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 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);
-    let caption = $state(t('save_user'));
-    let message = $state(t('loading_data'));
 
     onMount(async () => {
         let url  = `${location.protocol}//${location.host.replace('5173','8080')}/themes.json`;
@@ -28,7 +27,7 @@
         }
 
         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();
@@ -48,15 +47,15 @@
         let method = 'PATCH';
         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');

frontend/src/routes/user/List.svelte

@@ -1,27 +1,28 @@
 <script>
     import { onMount }       from 'svelte';
-    import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
+
+    import { api }           from '../../urls.svelte.js';
+    import { t }             from '../../translations.svelte.js';
     import { user }          from '../../user.svelte.js';
 
     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">

frontend/src/routes/user/LoginServices.svelte

@@ -1,27 +1,16 @@
 <script>
     import { onMount }       from 'svelte';
-    import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
+
+    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">

frontend/src/routes/user/OidcCallback.svelte

@@ -1,21 +1,23 @@
 <script>
     import { onMount }       from 'svelte';
-    import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
+
+    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'));
-    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'
+                body        : JSON.stringify(Object.fromEntries(params)),
+                credentials : 'include'
             });
             if (resp.ok){
                 let json       = await resp.json();
@@ -27,7 +29,9 @@
                 if (!message) message = t(resp);
             }
         }
-    });
+    }
+
+    onMount(process);
 </script>
 
 {message}

frontend/src/routes/user/Profile.svelte

@@ -1,14 +1,15 @@
 <script>
+    import { useTinyRouter } from 'svelte-tiny-router';
+
     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();
 
+    const router     = useTinyRouter();
     let editPassword = false;
-
 </script>
+
 <fieldset>
     <legend>
         {t('your_profile')}

frontend/src/routes/user/ResetPw.svelte

@@ -1,16 +1,18 @@
 <script>
     import { onMount }       from 'svelte';
-    import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
 
-    let mail = "";
+    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
@@ -26,7 +28,7 @@
         const urlParams = new URLSearchParams(window.location.search);
         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>
 

frontend/src/routes/user/User.svelte

@@ -1,6 +1,6 @@
 <script>
-    import { t } from '../../translations.svelte.js';
     import { user }         from '../../user.svelte.js';
+    import { t }            from '../../translations.svelte.js';
 
     import Services         from './ConnectedServices.svelte';
     import LoginServiceList from './LoginServices.svelte';
@@ -9,9 +9,7 @@
 
     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>