65 lines
3.4 KiB
HTML
65 lines
3.4 KiB
HTML
<sbo-toolbar bleed aria-label="Acciones del asiento">
|
|||
|
|
<a class="tb" routerLink=".." title="Volver a la lista"><sbo-icon name="find" />Lista</a>
|
||
|
|
<a class="tb" [routerLink]="isNew() ? '.' : '../nuevo'" title="Asiento nuevo"><sbo-icon name="new" />Nuevo</a>
|
||
|
|
<span class="tb-sep"></span>
|
||
|
|
<button class="tb" type="button" aria-label="Primero" (click)="go('first')"><sbo-icon name="first" /></button>
|
||
|
|
<button class="tb" type="button" aria-label="Anterior" (click)="go('prev')"><sbo-icon name="prev" /></button>
|
||
|
|
<button class="tb" type="button" aria-label="Siguiente" (click)="go('next')"><sbo-icon name="next" /></button>
|
||
|
|
<button class="tb" type="button" aria-label="Último" (click)="go('last')"><sbo-icon name="last" /></button>
|
||
|
|
</sbo-toolbar>
|
||
|
|
|
||
|
|
<sbo-window [title]="windowTitle()" [badge]="badge()" [status]="status()">
|
||
|
|
<div class="sbo-hdr">
|
||
|
|
<div class="sbo-col">
|
||
|
|
@if (isNew()) {
|
||
|
|
<sbo-select-field label="Serie" [options]="seriesOptions()" [value]="series()" (valueChange)="series.set($event === null ? null : +$event)" />
|
||
|
|
} @else {
|
||
|
|
<sbo-text-field label="Número" [value]="'' + (doc()?.['JdtNum'] ?? '')" readonly />
|
||
|
|
}
|
||
|
|
<sbo-text-field label="Comentarios" [value]="memo()" (valueChange)="set('memo', $event)" [readonly]="saved()" />
|
||
|
|
</div>
|
||
|
|
<div class="sbo-col">
|
||
|
|
<sbo-date-field label="Fecha de contabilización" [(value)]="referenceDate" [readonly]="saved()" required />
|
||
|
|
<sbo-date-field label="Fecha de vencimiento" [(value)]="dueDate" [readonly]="saved()" />
|
||
|
|
<sbo-date-field label="Fecha del documento" [(value)]="taxDate" [readonly]="saved()" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sbo-hdr">
|
||
|
|
<div class="sbo-col">
|
||
|
|
<sbo-text-field label="Referencia 1" [value]="reference()" (valueChange)="set('reference', $event)" [readonly]="saved()" />
|
||
|
|
</div>
|
||
|
|
<div class="sbo-col">
|
||
|
|
<sbo-text-field label="Referencia 2" [value]="reference2()" (valueChange)="set('reference2', $event)" [readonly]="saved()" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h3>Líneas</h3>
|
||
|
|
<sbo-rows-table [columns]="columns" [rows]="lines()" (rowsChange)="setLines($event)" [readonly]="saved()" [removable]="!saved()" emptyText="Sin líneas." />
|
||
|
|
@if (!saved()) {
|
||
|
|
<p class="row">
|
||
|
|
<button type="button" class="btn" (click)="addLine()">+ Añadir línea</button>
|
||
|
|
<button type="button" class="btn" [disabled]="totals().difference === 0" (click)="balance()">Cuadrar</button>
|
||
|
|
</p>
|
||
|
|
}
|
||
|
|
|
||
|
|
<table class="totals">
|
||
|
|
<tbody>
|
||
|
|
<tr><td>Debe</td><td>{{ fmt(totals().debit) }}</td></tr>
|
||
|
|
<tr><td>Haber</td><td>{{ fmt(totals().credit) }}</td></tr>
|
||
|
|
<tr class="strong"><td>Diferencia</td><td>{{ fmt(totals().difference) }}</td></tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
@if (isNew()) {
|
||
|
|
<button sboActions class="btn main" type="button" [disabled]="saving() || loading()" (click)="save()">Crear</button>
|
||
|
|
} @else if (manual() && doc()) {
|
||
|
|
@if (confirmCancel()) {
|
||
|
|
<span sboActions class="confirm">¿Cancelar el asiento? Se generará su reverso.</span>
|
||
|
|
<button sboActions class="btn main" type="button" [disabled]="saving()" (click)="cancelEntry()">Sí, cancelar</button>
|
||
|
|
<button sboActions class="btn" type="button" (click)="confirmCancel.set(false)">No</button>
|
||
|
|
} @else {
|
||
|
|
<button sboActions class="btn" type="button" [disabled]="saving()" (click)="confirmCancel.set(true)">Cancelar asiento</button>
|
||
|
|
}
|
||
|
|
}
|
||
|
|
<a sboActions class="btn" routerLink="..">{{ saved() ? 'Cerrar' : 'Descartar' }}</a>
|
||
|
|
</sbo-window>
|