{$auth.user?.email}
@@ -82,7 +91,7 @@
isMenuOpen = false}
+ on:click={() => (isMenuOpen = false)}
>
Mi Perfil
@@ -91,7 +100,7 @@
class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
role="button"
tabindex="0"
- on:keydown={(e) => e.key === 'Enter' && handleLogout()}
+ on:keydown={e => e.key === 'Enter' && handleLogout()}
>
Cerrar Sesión
@@ -100,10 +109,7 @@
{/if}
{:else}
-
+
Iniciar Sesión
{/if}
@@ -114,10 +120,16 @@
{#if showNavigation && $auth.isAuthenticated}
@@ -128,8 +140,5 @@
{#if isMenuOpen}
-
isMenuOpen = false}
- >
-{/if}
\ No newline at end of file
+ (isMenuOpen = false)} />
+{/if}
diff --git a/frontend-client/src/lib/stores/tickets.ts b/frontend-client/src/lib/stores/tickets.ts
index 527567f..0ced967 100644
--- a/frontend-client/src/lib/stores/tickets.ts
+++ b/frontend-client/src/lib/stores/tickets.ts
@@ -328,6 +328,39 @@ function createTicketsStore() {
comments: [],
attachments: []
}));
+ },
+
+ // Download attachment
+ downloadAttachment: async (ticketId: string, attachmentId: string, filename: string) => {
+ const authState = get(auth);
+
+ if (!authState.token || !authState.user) {
+ throw new Error('Not authenticated');
+ }
+
+ const response = await fetch(`/api/v1/tickets/${ticketId}/attachments/${attachmentId}/download`, {
+ method: 'GET',
+ headers: {
+ 'Authorization': `Bearer ${authState.token}`,
+ 'X-Tenant-ID': authState.user.tenant_id
+ }
+ });
+
+ if (!response.ok) {
+ const error = await response.json().catch(() => ({ detail: 'Download failed' }));
+ throw new Error(error.detail || 'Download failed');
+ }
+
+ // Crear blob y descargar
+ const blob = await response.blob();
+ const url = window.URL.createObjectURL(blob);
+ const a = document.createElement('a');
+ a.href = url;
+ a.download = filename;
+ document.body.appendChild(a);
+ a.click();
+ document.body.removeChild(a);
+ window.URL.revokeObjectURL(url);
}
};
}
diff --git a/frontend-client/src/routes/+page.svelte b/frontend-client/src/routes/+page.svelte
index 1e6d7cf..2cc0b23 100644
--- a/frontend-client/src/routes/+page.svelte
+++ b/frontend-client/src/routes/+page.svelte
@@ -4,14 +4,14 @@
import { tickets } from '$lib/stores/tickets.js';
import { goto } from '$app/navigation';
import Icon from '$lib/components/Icon.svelte';
-
+
onMount(() => {
// Redirect if not authenticated
if (!$auth.isAuthenticated) {
goto('/login');
return;
}
-
+
// Load user's tickets
tickets.loadTickets();
});
@@ -26,102 +26,108 @@
-
+
- Bienvenido, {$auth.user?.first_name} {$auth.user?.last_name} + Bienvenido, {$auth.user?.first_name} + {$auth.user?.last_name}
- Gestiona tus tickets de soporte de manera eficiente. Crea nuevos tickets, - da seguimiento a los existentes y mantente actualizado con el estado de tus solicitudes. + Gestiona tus tickets de soporte de manera eficiente. Crea nuevos tickets, da seguimiento a + los existentes y mantente actualizado con el estado de tus solicitudes.
-
+
-
+
-
-
+
+
Crear Ticket
-- Reporta un problema o solicita soporte técnico -
+Reporta un problema o solicita soporte técnico
-
-
+
+
-
-
+
+
Mis Tickets
-- Consulta el estado de todos tus tickets -
+Consulta el estado de todos tus tickets
-
-
+
+
Mi Perfil
-- Actualiza tu información personal -
+Actualiza tu información personal
Tickets Recientes
Últimos tickets que has creado o actualizado
{#if $tickets.isLoading}
-
+
{:else if $tickets.error}
Cargando tickets...
-
{/each}
-
+
{#if $tickets.tickets.length > 5}
+
{:else if $tickets.tickets.length === 0}
Error al cargar los tickets
-
-
-
{:else}
@@ -144,17 +150,23 @@
- {ticket.status === 'NEW' ? 'Nuevo' :
- ticket.status === 'IN_PROGRESS' ? 'En Progreso' :
- ticket.status === 'WAITING_FOR_CLIENT' ? 'Esperando Cliente' :
- ticket.status === 'RESOLVED' ? 'Resuelto' :
- ticket.status === 'CLOSED' ? 'Cerrado' : 'Reabierto'}
+ {ticket.status === 'NEW'
+ ? 'Nuevo'
+ : ticket.status === 'IN_PROGRESS'
+ ? 'En Progreso'
+ : ticket.status === 'WAITING_FOR_CLIENT'
+ ? 'Esperando Cliente'
+ : ticket.status === 'RESOLVED'
+ ? 'Resuelto'
+ : ticket.status === 'CLOSED'
+ ? 'Cerrado'
+ : 'Reabierto'}
.png)
-