made all document fields editable
This commit is contained in:
@@ -2,10 +2,12 @@
|
||||
import { onMount } from 'svelte';
|
||||
import { t } from '../../translations.svelte.js';
|
||||
import { useTinyRouter } from 'svelte-tiny-router';
|
||||
import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
|
||||
import PositionList from './PositionList.svelte';
|
||||
import StateSelector from './StateSelector.svelte';
|
||||
import TemplateSelector from './TemplateSelector.svelte';
|
||||
import LineEditor from '../../Components/LineEditor.svelte';
|
||||
import MarkdownEditor from '../../Components/MarkdownEditor.svelte';
|
||||
import MultilineEditor from '../../Components/MultilineEditor.svelte';
|
||||
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);
|
||||
@@ -47,22 +49,26 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
{#each doc.customer.name.split("\n") as line}
|
||||
{line}<br/>
|
||||
{/each}
|
||||
<MultilineEditor bind:value={doc.customer.name} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>{t('document.customer_id')}:</th>
|
||||
<td>{doc.customer.id}</td>
|
||||
<td>
|
||||
<LineEditor bind:value={doc.customer.id} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>{t('document.tax_id')}:</th>
|
||||
<td>{doc.customer.tax_id}</td>
|
||||
<td>
|
||||
<LineEditor bind:value={doc.customer.tax_id} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>{t('document.email')}:</th>
|
||||
<td>{doc.customer.email}</td>
|
||||
<td>
|
||||
<LineEditor bind:value={doc.customer.email} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -73,25 +79,25 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
{#each doc.sender.name.split("\n") as line}
|
||||
{line}<br/>
|
||||
{/each}
|
||||
<MultilineEditor bind:value={doc.sender.name} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>{t('document.court')}:</th>
|
||||
<td>{doc.sender.court}</td>
|
||||
<td>
|
||||
<LineEditor bind:value={doc.sender.court} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>{t('document.tax_id')}:</th>
|
||||
<td>{doc.sender.tax_id}</td>
|
||||
<td>
|
||||
<LineEditor bind:value={doc.sender.tax_id} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>{t('document.bank_account')}:</th>
|
||||
<td>
|
||||
{#each doc.sender.bank_account.split("\n") as line}
|
||||
{line}<br/>
|
||||
{/each}
|
||||
<MultilineEditor bind:value={doc.sender.bank_account} editable={editable} />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -99,10 +105,22 @@
|
||||
</fieldset>
|
||||
<fieldset class="left">
|
||||
<legend>{t('document.type_'+doc.type)}</legend>
|
||||
<div>{t('document.number')}: {doc.number}</div>
|
||||
<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.number')}:
|
||||
<LineEditor bind:value={doc.number} editable={editable} />
|
||||
</div>
|
||||
<div>
|
||||
{t('document.state')}:
|
||||
<StateSelector selected={doc.state} onchange={changeState} />
|
||||
</div>
|
||||
<div>
|
||||
{t('document.date')}:
|
||||
<LineEditor bind:value={doc.date} editable={editable} />
|
||||
</div>
|
||||
<div>
|
||||
{t('document.delivery')}:
|
||||
<LineEditor bind:value={doc.delivery} editable={editable} />
|
||||
</div>
|
||||
<div>{t('document.template')}: <TemplateSelector company={doc.company.id} bind:value={doc.template.id} /></div>
|
||||
</fieldset>
|
||||
<fieldset class="clear">
|
||||
|
||||
Reference in New Issue
Block a user