You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.2 KiB
37 lines
1.2 KiB
<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 class="positions"> |
|
<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} |
|
<tr class="sums"> |
|
<td colspan="2"></td> |
|
<td>{t('document.net_sum')}</td> |
|
<td>{document.net_sum/100} {document.currency}</td> |
|
<td colspan="2">{t('document.gros_sum')}</td> |
|
<td>{document.gross_sum/100} {document.currency}</td> |
|
<td></td> |
|
</tr> |
|
</tbody> |
|
</table> |
|
{/if} |