preparing for project creation

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

frontend/src/App.svelte

@@ -12,6 +12,7 @@
     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 ResetPw  from "./routes/user/ResetPw.svelte";
     import Search   from "./routes/search/Search.svelte";
     import SendDoc  from "./routes/document/Send.svelte";
@@ -44,6 +45,7 @@
             <Route path="/document/:id/send"           component={SendDoc} />
             <Route path="/document/:id/view"           component={ViewDoc} />
             <Route path="/message/settings"            component={Messages} />
+            <Route path="/project"                     component={ProjectList} />
             <Route path="/search"                      component={Search} />
             <Route path="/user"                        component={User} />
             <Route path="/user/create"                 component={EditUser} />

frontend/src/Components/MarkdownEditor.svelte

@@ -43,7 +43,6 @@
 
         if (timer) clearTimeout(timer);
         timer = setTimeout(render,1000);
-        // TODO: start timer, send text to renderer, update editValue.rendered
     }
 
     activeField.subscribe((val) => resetEdit());

frontend/src/Components/Menu.svelte

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

frontend/src/routes/document/View.svelte

@@ -1,6 +1,8 @@
 <script>
     import { onMount } from 'svelte';
     import { t } from '../../translations.svelte.js';
+    import { user } from '../../user.svelte.js';
+
     import { useTinyRouter } from 'svelte-tiny-router';
     import LineEditor        from '../../Components/LineEditor.svelte';
     import MarkdownEditor    from '../../Components/MarkdownEditor.svelte';
@@ -227,14 +229,16 @@
         <button onclick={render} disabled={pdfDisabled}>{t('create_pdf')}</button>
         <button onclick={() => router.navigate(`/document/${doc.id}/send`)} >{t('send_document')}</button>
     </fieldset>
+    {#if user.name == 'Stephan Richter'}
     <fieldset>
         <legend>TODO</legend>
         <ul>
             <li>Preise in der Tabelle neu berechnen, wenn Positionen geändert werden</li>
         </ul>
     </fieldset>
+    {/if}
 {/if}
 
 {#if position_select}
 <PositionSelector close={() => position_select=false} {doc} onSelect={addPosition} />
-{/if}
+{/if}

frontend/src/routes/project/Create.svelte

@@ -0,0 +1,19 @@
+<script>
+    import { useTinyRouter } from 'svelte-tiny-router';
+    import { onMount } from 'svelte';
+    import { t } from '../../translations.svelte.js';
+</script>
+
+<fieldset>
+    <legend>
+        {t('create_new_project')}
+    </legend>
+    <fieldset>
+        <legend>{t('basic_data')}</legend>
+        <span class="warn">Company Selector</span>
+        <label>
+            <input type="text" />
+            {t('Name')}
+        </label>
+    </fieldset>
+</fieldset>

frontend/src/routes/project/List.svelte

@@ -0,0 +1,12 @@
+<script>
+    import { useTinyRouter } from 'svelte-tiny-router';
+    import { onMount } from 'svelte';
+    import { t } from '../../translations.svelte.js';
+</script>
+
+<fieldset>
+    <legend>
+        {t('projects')}
+        <button>{t('create_new')}</button>
+    </legend>
+</fieldset>