preparing to re-implement message settings

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/App.svelte

@@ -21,6 +21,7 @@
     import Kanban      from "./routes/project/Kanban.svelte";
     import Login       from "./Components/Login.svelte";
     import Messages    from "./routes/message/Messages.svelte";
+    import MsgSettings from "./routes/message/Settings.svelte";
     import Menu        from "./Components/Menu.svelte";
     import NewPage     from "./routes/wiki/AddPage.svelte";
     import Notes       from "./routes/notes/Index.svelte";
@@ -91,7 +92,8 @@
         <Route path="/document/:id/send"           component={SendDoc} />
         <Route path="/document/:id/view"           component={ViewDoc} />
         <Route path="/files/*"                     component={FileIndex} />
-        <Route path="/message/settings"            component={Messages} />
+        <Route path="/message"                     component={Messages} />
+        <Route path="/message/settings"            component={MsgSettings} />
         <Route path="/notes"                       component={Notes} />
         <Route path="/project"                     component={ProjectList} />
         <Route path="/project/add"                 component={ProjectAdd} />

frontend/src/Components/Menu.svelte

@@ -69,6 +69,7 @@ onMount(fetchModules);
     <a href="/wiki"     {onclick} class="wiki">{t('wiki')}</a>
     <a href="/contact"  {onclick} class="contact">{t('contacts')}</a>
     <a href="/stock"    {onclick} class="stock">{t('stock')}</a>
+    <a href="/message"  {onclick} class="message">{t('messages')}</a>
     {#if user.id == 2}
     <a href="https://svelte.dev/tutorial/svelte/state" target="_blank">{t('tutorial')}</a>
     {/if}

frontend/src/routes/message/Messages.svelte

@@ -1,7 +1,31 @@
 <script>
+    import { onMount } from 'svelte';
+    import { useTinyRouter } from 'svelte-tiny-router';
     import { t } from '../../translations.svelte';
+    import { api, get } from '../../urls.svelte';
+    import { error, yikes } from '../../warn.svelte';
+
+    let router = useTinyRouter();
+
+    async function load(){
+        const url = api('message');
+        const res = await get(url);
+        if (res.ok){
+            let json = await res.json();
+            console.log(json);
+            yikes();
+        } else {
+            error(res);
+        }
+    }
+
+    function showSettings(){
+        router.navigate("message/settings");
+    }
+
+    onMount(load);
 </script>
 
 <fieldset>
-    <legend>{t('messages')}</legend>
+    <legend>{t('messages')} <button onclick={showSettings}>{t('settings')}</button></legend>
 </fieldset>

frontend/src/routes/message/Settings.svelte

@@ -0,0 +1,7 @@
+<script>
+	import { t } from '../../translations.svelte';
+</script>
+
+<fieldset>
+	<legend>{t('message settingss')}</legend>
+</fieldset>