implemented display of document positions

frontend/src/routes/document/View.svelte

@@ -2,7 +2,9 @@
     import { onMount } from 'svelte';
     import { t } from '../../translations.svelte.js';
     import { useTinyRouter } from 'svelte-tiny-router';
+    import PositionList from './PositionList.svelte';
     import StateSelector from './StateSelector.svelte';
+    import TemplateSelector from './TemplateSelector.svelte';
     let { id } = $props();
     let error = null;
     let doc = $state(null);
@@ -80,19 +82,19 @@
         <div>{t('document.state')}: <StateSelector selected={doc.state} onchange={changeState} /></div>
         <div>{t('document.date')}: {doc.date}</div>
         <div>{t('document.delivery')}: {doc.delivery}</div>
-        <div>{t('document.template')}: {doc.template.name} <span class="error">SElektor hier!</span></div>
+        <div>{t('document.template')}: <TemplateSelector company={doc.company.id} bind:value={doc.template.id} /></div>
     </fieldset>
     <fieldset class="clear">
         <legend>{t('document.head')}</legend>
-        {doc.head}
+        {@html doc.head}
     </fieldset>
     <fieldset>
         <legend>{t('document.positions')}</legend>
-        <span class="error">laden!</span>
+        <PositionList bind:document={doc} />
     </fieldset>
     <fieldset>
         <legend>{t('document.footer')}</legend>
-        {doc.footer}
+        {@html doc.footer}
     </fieldset>
     <fieldset>
         <legend>{t('document.actions')}</legend>