implemented display of document positions

frontend/src/routes/document/PositionList.svelte

@@ -0,0 +1,29 @@
+<script>
+    import Position from './Position.svelte';
+    import { useTinyRouter } from 'svelte-tiny-router';
+    import { onMount } from 'svelte';
+    import { t } from '../../translations.svelte.js';
+
+    var { document = $bindable(null) } = $props();
+</script>
+{#if document.positions}
+<table>
+    <thead>
+        <tr>
+            <th>{t('document.pos')}</th>
+            <th>{t('document.code')}</th>
+            <th>{t('document.title_or_desc')}</th>
+            <th>{t('document.amount')}</th>
+            <th>{t('document.unit')}</th>
+            <th>{t('document.unit_price')}</th>
+            <th>{t('document.net_price')}</th>
+            <th>{t('document.tax_rate')}</th>
+        </tr>
+    </thead>
+    <tbody>
+    {#each Object.entries(document.positions) as [id,pos]}
+    <Position currency={document.currency} bind:pos={document.positions[id]} />
+    {/each}
+    </tbody>
+</table>
+{/if}