ADUANASOFT/plantillas-proyectos
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature/filtros-cambio-posicion

Browse Source
This commit is contained in:
hreyes
2026-04-07 15:16:22 -06:00
parent 85b604e5de
commit f7af5cb184
1 changed files with 25 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
frontend/src/routes/dashboard/invoices/+page.svelte
View File

@@ -869,55 +869,41 @@
<h1 class="text-3xl font-bold tracking-tight">Facturas</h1>
<p class="text-muted-foreground">Gestiona las facturas del sistema</p>
</div>
<div class="flex items-center gap-2">
<Button variant="outline" onclick={() => goto('/dashboard/invoices/settings')}>
<div class="flex flex-wrap items-center gap-2">
<select
id="filter-operation-type"
bind:value={filters.operation_type}
class="flex h-9 w-[180px] rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
title="Tipo de Operación"
>
{#each operationTypeOptions as option}
<option value={option.value}>{option.value === '' ? 'Operación: Todas' : option.label}</option>
{/each}
</select>
<select
id="filter-invoice-type"
bind:value={filters.invoice_type}
class="flex h-9 w-[220px] rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
title="Tipo de Factura"
>
{#each invoiceTypeOptions() as option}
<option value={option.value}>{option.value === '' ? 'Factura: Todas' : option.label}</option>
{/each}
</select>
<Button variant="outline" class="h-9" onclick={() => goto('/dashboard/invoices/settings')}>
<Settings class="mr-2" size={16} />
Parámetros
</Button>
<Button onclick={handleCreateClick}>
<Button class="h-9" onclick={handleCreateClick}>
<Plus class="mr-2" size={16} />
Nueva Factura
</Button>
</div>
</div>
<Card.Root>
<Card.Header>
<Card.Title>Filtros</Card.Title>
<Card.Description
>Filtra las facturas por diferentes criterios (los filtros se aplican automáticamente)</Card.Description
>
</Card.Header>
<Card.Content>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
<div class="space-y-2">
<Label for="filter-operation-type">Tipo de Operación</Label>
<select
id="filter-operation-type"
bind:value={filters.operation_type}
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none"
>
{#each operationTypeOptions as option}
<option value={option.value}>{option.label}</option>
{/each}
</select>
</div>
<div class="space-y-2">
<Label for="filter-invoice-type">Tipo de Factura</Label>
<select
id="filter-invoice-type"
bind:value={filters.invoice_type}
class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-none"
>
{#each invoiceTypeOptions() as option}
<option value={option.value}>{option.label}</option>
{/each}
</select>
</div>
</div>
</Card.Content>
</Card.Root>
{#if error}
<Card.Root class="border-destructive">