Arreglo de filtros, click con compoartmiento de exit, reactividad al ingresar un registro

backend/api/v1/modules/a76/general_catalogs/signatures/service.py

@@ -36,6 +36,9 @@ class SignatureService:
             if filters.get("code"):
                 query = query.filter(
                     models.Signature.code.ilike(f"%{filters['code']}%"))
+            if filters.get("signature"):
+                query = query.filter(
+                    models.Signature.signature.ilike(f"%{filters['signature']}%"))
 
         total = query.count()
         signatures = query.offset(skip).limit(limit).all()

frontend/src/lib/api/dashboard/a76/general_catalogs/signatures.ts

@@ -36,19 +36,21 @@ export interface SignatureListResponse {
 export async function getSignatures(
     page: number = 1,
     pageSize: number = 50,
-    companyId: number, 
+    companyId: number,
     filters: Record<string, any> = {}
 ): Promise<ApiResponse<SignatureListResponse>> {
-    const params = new URLSearchParams({
+    const paramObj: Record<string, string> = {
         page: page.toString(),
         page_size: pageSize.toString(),
-        company_id: companyId.toString(),
-        ...filters
+        company_id: companyId.toString()
+    };
+    Object.entries(filters).forEach(([k, v]) => {
+        if (v !== undefined && v !== null && v !== '') paramObj[k] = String(v);
     });
+    const params = new URLSearchParams(paramObj);
 
 
-    const response = await api.get(`/v1/a76/signatures/?${params.toString()}`);
-    return response.data;
+    return api.get(`/v1/a76/signatures/?${params.toString()}`);
 }
 
 

frontend/src/lib/components/dashboard/general_catalogs/signatures/create-edit-dialog.svelte

@@ -96,7 +96,7 @@
 </script>
 
 <Dialog.Root bind:open>
-	<Dialog.Content class="sm:max-w-[500px]">
+	<Dialog.Content class="sm:max-w-[500px]" onInteractOutside={(e) => e.preventDefault()}>
 		<Dialog.Header>
 			<Dialog.Title>{title}</Dialog.Title>
 		</Dialog.Header>

frontend/src/routes/dashboard/general_catalogs/signatures/+page.svelte

@@ -48,7 +48,7 @@ manejarActualizar: () => reloadData()
 
 // Filtros
 let searchCode = $state($page.url.searchParams.get('code') || '');
-let searchDesc = $state($page.url.searchParams.get('description') || '');
+let searchDesc = $state($page.url.searchParams.get('signature') || '');
 let timeout: ReturnType<typeof setTimeout>;
 
 let allItems = $state<Signature[]>(data.signatures?.items || data.signatures || []);
@@ -83,7 +83,7 @@ error = null;
 try {
 const response = await signaturesApi.list(companyStore.activeCompany.id, {
 code: searchCode || undefined,
-description: searchDesc || undefined,
+signature: searchDesc || undefined,
 page: '1',
 page_size: pageSize.toString()
 });
@@ -101,8 +101,8 @@ loading = false;
 const url = new URL($page.url);
 if (searchCode) url.searchParams.set('code', searchCode);
 else url.searchParams.delete('code');
-if (searchDesc) url.searchParams.set('description', searchDesc);
-else url.searchParams.delete('description');
+if (searchDesc) url.searchParams.set('signature', searchDesc);
+else url.searchParams.delete('signature');
 history.replaceState(history.state, '', url);
 }, 500);
 }
@@ -113,7 +113,7 @@ loading = true;
 try {
 const response = await signaturesApi.list(companyStore.activeCompany.id, {
 code: searchCode || undefined,
-description: searchDesc || undefined,
+signature: searchDesc || undefined,
 page: (currentPage + 1).toString(),
 page_size: pageSize.toString()
 });
@@ -134,7 +134,7 @@ error = null;
 try {
 const response = await signaturesApi.list(companyStore.activeCompany.id, {
 code: searchCode || undefined,
-description: searchDesc || undefined,
+signature: searchDesc || undefined,
 page: '1',
 page_size: pageSize.toString()
 });
@@ -165,8 +165,8 @@ const columns = $derived(createColumns(handleSuccess, { canEdit, canDelete }));
 <p class="text-muted-foreground">Catálogo de Firmas del sistema</p>
 </div>
 <div class="flex items-center gap-3">
-<Button variant="outline" size="sm" class="h-9" onclick={reloadData}>
-<RefreshCw class="mr-2 h-4 w-4" /> Actualizar
+<Button variant="outline" size="sm" class="h-9" onclick={reloadData} disabled={loading}>
+<RefreshCw class="mr-2 h-4 w-4 {loading ? 'animate-spin' : ''}" /> Actualizar
 </Button>
 {#if !isError && canCreate}
 <Button class="h-9" onclick={() => { editingItem = null; createDialogOpen = true; }}>
@@ -189,7 +189,7 @@ onRetry={reloadData}
 <Card.Title>Listado de Firmas</Card.Title>
 <div class="flex flex-wrap items-center gap-2">
 <Input placeholder="Código" bind:value={searchCode} oninput={handleSearch} class="h-9 w-36 bg-card lg:w-44" />
-<Input placeholder="Descripción" bind:value={searchDesc} oninput={handleSearch} class="h-9 w-44 bg-card lg:w-64" />
+<Input placeholder="Firma" bind:value={searchDesc} oninput={handleSearch} class="h-9 w-44 bg-card lg:w-64" />
 </div>
 </div>
 </Card.Header>