working on doc forms

frontend/src/App.svelte

@@ -3,6 +3,7 @@
     import { loadTranslation } from './translations.svelte.js';
     import { user } from './user.svelte.js';
     import { Router, Route } from 'svelte-tiny-router';
+    import AddDocument from "./routes/document/AddDocument.svelte";
     import Callback from "./routes/user/OidcCallback.svelte";
     import DocList from "./routes/document/List.svelte";
     import EditService from "./routes/user/EditService.svelte";
@@ -37,6 +38,7 @@
             <Menu />
             <Route path="/"                            component={User} />
             <Route path="/document"                    component={DocList} />
+            <Route path="/document/add"                component={AddDocument} />
             <Route path="/message/settings"            component={Messages} />
             <Route path="/search"                      component={Search} />
             <Route path="/user"                        component={User} />

frontend/src/routes/document/AddDocument.svelte

@@ -0,0 +1,13 @@
+<script>
+    import { t } from '../../translations.svelte.js';
+    import { useTinyRouter } from 'svelte-tiny-router';
+
+    let router = useTinyRouter();
+    let company_id = router.query.company;
+
+</script>
+
+<fieldset>
+    <legend>{t('document.add_new')}</legend>
+    Company: {company_id}
+</fieldset>

frontend/src/routes/document/List.svelte

@@ -1,11 +1,13 @@
 <script>
+    import { useTinyRouter } from 'svelte-tiny-router';
     import { onMount } from 'svelte';
     import { t } from '../../translations.svelte.js';
 
     let error = null;
     let companies = {};
     let documents = null;
-    let name = null;
+    let selected_company = null;
+    let router = useTinyRouter();
     async function loadCompanies(){
         const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/document/companies`;
         var resp = await fetch(url,{ credentials: 'include'});
@@ -18,7 +20,7 @@
     }
 
     async function load(company){
-        name = company.name;
+        selected_company = company;
         const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/document/list`;
         const resp = await fetch(url,{
             credentials: 'include',
@@ -49,6 +51,7 @@
         {/each}
     </div>
     {#if documents}
+    <button onclick={() => router.navigate(`/document/add?company=${selected_company.id}`)}>{t('document.create_new')}</button>
     <table>
         <thead>