preparing document module

frontend/src/App.svelte

@@ -4,6 +4,7 @@
     import { user } from './user.svelte.js';
     import { Router, Route } from 'svelte-tiny-router';
     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";
@@ -34,6 +35,8 @@
     {#if user.name }
         <!-- https://github.com/notnotsamuel/svelte-tiny-router -->
             <Menu />
+            <Route path="/"                            component={User} />
+            <Route path="/document"                    component={DocList} />
             <Route path="/message/settings"            component={Messages} />
             <Route path="/search"                      component={Search} />
             <Route path="/user"                        component={User} />
@@ -42,7 +45,9 @@
             <Route path="/user/:user_id/edit"          component={EditUser} />
             <Route path="/user/oidc/add"               component={EditService} />
             <Route path="/user/oidc/edit/:serviceName" component={EditService} />
-            <Route component={User} />
+            <Route>
+                Not found!
+            </Route>
     {:else}
         <Route path="/user/reset/pw" component={ResetPw} />
         <Route path="/oidc_callback" component={Callback} />

frontend/src/Components/Menu.svelte

@@ -30,6 +30,7 @@ onMount(fetchModules);
 
 <nav>
     <a onclick={() => router.navigate('/user')}>{t('menu.users')}</a>
+    <a onclick={() => router.navigate('/document')}>{t('menu.documents')}</a>
     <a href="https://svelte.dev/tutorial/svelte/state" target="_blank">{t('menu.tutorial')}</a>
     {#each modules as module,i}
         <a href={module.url}>{module.name}</a>

frontend/src/routes/document/List.svelte

@@ -0,0 +1,29 @@
+<script>
+    import { onMount } from 'svelte';
+    import { t } from '../../translations.svelte.js';
+
+    let company = null;
+    let error = null;
+
+    async function loadCompanies(){
+        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/document/companies`;
+        var resp = await fetch(url,{ credentials: 'include'});
+        if (resp.ok){
+        } else {
+            error = await resp.text();
+        }
+    }
+
+    onMount(loadCompanies);
+</script>
+
+<fieldset>
+    <legend>{t('documents.documents')}</legend>
+    {#if error}
+    <div class="error">{error}</div>
+    {/if}
+    <div>
+        {t('documents.select_company')}
+
+    </div>
+</fieldset>