implemented moving of document positions

frontend/src/routes/document/PositionList.svelte

@@ -4,15 +4,33 @@
     import { onMount } from 'svelte';
     import { t } from '../../translations.svelte.js';
 
-    var { document = $bindable(null), submit = (key,newVal) => {} } = $props();
+    var { document = $bindable(null), submit = (key,newVal) => {}, error = $bindable(null) } = $props();
 
     let editable = $derived(document.state == 1);
+
+    async function movePos(number,step){
+        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/document/${document.id}/position`;
+        const resp = await fetch(url,{
+            method: 'PATCH',
+            credentials:'include',
+            body:JSON.stringify({position:number,move:step})
+        });
+        if (resp.ok){
+            let json = await resp.json();
+            document.positions = {};
+            setTimeout(() => document.positions = json,10)
+            error = null;
+        } else {
+            error = await resp.text();
+        }
+    }
 </script>
 
 {#if document.positions}
 <table class="positions">
     <thead>
         <tr>
+            <th></th>
             <th>{t('document.pos')}</th>
             <th>{t('document.code')}</th>
             <th>{t('document.title_or_desc')}</th>
@@ -25,9 +43,10 @@
     </thead>
     <tbody>
         {#each Object.entries(document.positions) as [id,pos]}
-        <Position currency={document.currency} bind:pos={document.positions[id]} editable={editable} {submit} />
+        <Position currency={document.currency} bind:pos={document.positions[id]} editable={editable} {submit} {movePos} />
         {/each}
         <tr class="sums">
+            <td></td>
             <td colspan="2"></td>
             <td>{t('document.net_sum')}</td>
             <td>{document.net_sum/100}&nbsp;{document.currency}</td>