feat: enhance maintenance management and heartbeat history features

- Updated Store interface to include methods for managing maintenances.
- Modified API functions to support pagination for heartbeat history and added CRUD operations for maintenances.
- Enhanced types to include paginated responses and initial log entries.
- Implemented maintenance management UI in the admin panel with create, edit, and delete functionalities.
- Updated service detail page to display paginated heartbeat history and improved chart rendering.
- Refactored status page to accommodate new data structures and ensure consistent data handling.

Signed-off-by: Lucas Faria Mendes <lucas.fariamo08@gmail.com>

1 files changed, 40 insertions, 3 deletions

diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index 0be9148..239c598 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -1,4 +1,4 @@
-import type { Service, Heartbeat, ServiceStats } from './types';
+import type { Service, Heartbeat, ServiceStats, PaginatedResponse } from './types';
 
 const BASE = '/api';
 
@@ -26,8 +26,8 @@ export async function deleteService(id: number): Promise<void> {
 	if (!res.ok) throw new Error('falha ao remover serviço');
 }
 
-export async function getHistory(id: number): Promise<Heartbeat[]> {
-	const res = await fetch(`${BASE}/services/${id}/history`);
+export async function getHistory(id: number, page = 1, perPage = 50): Promise<PaginatedResponse<Heartbeat>> {
+	const res = await fetch(`${BASE}/services/${id}/history?page=${page}&per_page=${perPage}`);
 	if (!res.ok) throw new Error('falha ao obter histórico');
 	return res.json();
 }
@@ -37,3 +37,40 @@ export async function getServiceStats(id: number): Promise<ServiceStats> {
 	if (!res.ok) throw new Error('falha ao obter estatísticas');
 	return res.json();
 }
+
+export async function listMaintenances(): Promise<Maintenance[]> {
+	const res = await fetch(`${BASE}/maintenances`);
+	if (!res.ok) throw new Error('falha ao listar manutenções');
+	return res.json();
+}
+
+export async function createMaintenance(data: { title: string; start_time: string; end_time: string }): Promise<Maintenance> {
+	const res = await fetch(`${BASE}/maintenances`, {
+		method: 'POST',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify(data)
+	});
+	if (!res.ok) {
+		const err = await res.json().catch(() => ({}));
+		throw new Error(err.error || 'falha ao criar manutenção');
+	}
+	return res.json();
+}
+
+export async function updateMaintenance(id: number, data: { title: string; start_time: string; end_time: string; is_active: boolean }): Promise<Maintenance> {
+	const res = await fetch(`${BASE}/maintenances/${id}`, {
+		method: 'PUT',
+		headers: { 'Content-Type': 'application/json' },
+		body: JSON.stringify(data)
+	});
+	if (!res.ok) {
+		const err = await res.json().catch(() => ({}));
+		throw new Error(err.error || 'falha ao atualizar manutenção');
+	}
+	return res.json();
+}
+
+export async function deleteMaintenance(id: number): Promise<void> {
+	const res = await fetch(`${BASE}/maintenances/${id}`, { method: 'DELETE' });
+	if (!res.ok) throw new Error('falha ao remover manutenção');
+}