SESP/sgse-app
2
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: improve layout and backend monitoring functionality

Browse Source 
- Streamlined the layout component in Svelte for better readability and consistency.
- Enhanced the backend monitoring functions by updating argument structures and improving code clarity.
- Added new query functions for system status and database activity, providing better insights into system performance.
- Cleaned up existing code to ensure maintainability and improved error handling across various functions.
This commit is contained in:
killer-cf
2025-11-08 18:30:27 -03:00
parent 5d76c375c2
commit 4ed90d380d
5 changed files with 2737 additions and 2600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
apps/web/src/routes/(dashboard)/+layout.svelte
View File

@@ -1,69 +1,60 @@
<script lang="ts">
import { page } from "$app/state";
import ActionGuard from "$lib/components/ActionGuard.svelte";
import { Toaster } from "svelte-sonner";
import PushNotificationManager from "$lib/components/PushNotificationManager.svelte";
const { children } = $props();
import { page } from '$app/state';
import ActionGuard from '$lib/components/ActionGuard.svelte';
import { Toaster } from 'svelte-sonner';
import PushNotificationManager from '$lib/components/PushNotificationManager.svelte';
const { children } = $props();
// Resolver recurso/ação a partir da rota
const routeAction = $derived.by(() => {
const p = page.url.pathname;
if (p === "/" || p === "/solicitar-acesso") return null;
// Resolver recurso/ação a partir da rota
const routeAction = $derived.by(() => {
const p = page.url.pathname;
if (p === '/' || p === '/solicitar-acesso') return null;
// Funcionários
if (p.startsWith("/recursos-humanos/funcionarios")) {
if (p.includes("/cadastro"))
return { recurso: "funcionarios", acao: "criar" };
if (p.includes("/excluir"))
return { recurso: "funcionarios", acao: "excluir" };
if (p.includes("/editar") || p.includes("/funcionarioId"))
return { recurso: "funcionarios", acao: "editar" };
return { recurso: "funcionarios", acao: "listar" };
}
// Funcionários
if (p.startsWith('/recursos-humanos/funcionarios')) {
if (p.includes('/cadastro')) return { recurso: 'funcionarios', acao: 'criar' };
if (p.includes('/excluir')) return { recurso: 'funcionarios', acao: 'excluir' };
if (p.includes('/editar') || p.includes('/funcionarioId'))
return { recurso: 'funcionarios', acao: 'editar' };
return { recurso: 'funcionarios', acao: 'listar' };
}
// Símbolos
if (p.startsWith("/recursos-humanos/simbolos")) {
if (p.includes("/cadastro"))
return { recurso: "simbolos", acao: "criar" };
if (p.includes("/excluir"))
return { recurso: "simbolos", acao: "excluir" };
if (p.includes("/editar") || p.includes("/simboloId"))
return { recurso: "simbolos", acao: "editar" };
return { recurso: "simbolos", acao: "listar" };
}
// Símbolos
if (p.startsWith('/recursos-humanos/simbolos')) {
if (p.includes('/cadastro')) return { recurso: 'simbolos', acao: 'criar' };
if (p.includes('/excluir')) return { recurso: 'simbolos', acao: 'excluir' };
if (p.includes('/editar') || p.includes('/simboloId'))
return { recurso: 'simbolos', acao: 'editar' };
return { recurso: 'simbolos', acao: 'listar' };
}
// Outras áreas (uso genérico: ver)
if (p.startsWith("/financeiro"))
return { recurso: "financeiro", acao: "ver" };
if (p.startsWith("/controladoria"))
return { recurso: "controladoria", acao: "ver" };
if (p.startsWith("/licitacoes"))
return { recurso: "licitacoes", acao: "ver" };
if (p.startsWith("/compras")) return { recurso: "compras", acao: "ver" };
if (p.startsWith("/juridico")) return { recurso: "juridico", acao: "ver" };
if (p.startsWith("/comunicacao"))
return { recurso: "comunicacao", acao: "ver" };
if (p.startsWith("/programas-esportivos"))
return { recurso: "programas_esportivos", acao: "ver" };
if (p.startsWith("/secretaria-executiva"))
return { recurso: "secretaria_executiva", acao: "ver" };
if (p.startsWith("/gestao-pessoas"))
return { recurso: "gestao_pessoas", acao: "ver" };
// Outras áreas (uso genérico: ver)
if (p.startsWith('/financeiro')) return { recurso: 'financeiro', acao: 'ver' };
if (p.startsWith('/controladoria')) return { recurso: 'controladoria', acao: 'ver' };
if (p.startsWith('/licitacoes')) return { recurso: 'licitacoes', acao: 'ver' };
if (p.startsWith('/compras')) return { recurso: 'compras', acao: 'ver' };
if (p.startsWith('/juridico')) return { recurso: 'juridico', acao: 'ver' };
if (p.startsWith('/comunicacao')) return { recurso: 'comunicacao', acao: 'ver' };
if (p.startsWith('/programas-esportivos'))
return { recurso: 'programas_esportivos', acao: 'ver' };
if (p.startsWith('/secretaria-executiva'))
return { recurso: 'secretaria_executiva', acao: 'ver' };
if (p.startsWith('/gestao-pessoas')) return { recurso: 'gestao_pessoas', acao: 'ver' };
return null;
});
return null;
});
</script>
{#if routeAction}
<ActionGuard recurso={routeAction.recurso} acao={routeAction.acao}>
<main id="container-central" class="w-full max-w-none px-3 lg:px-4 py-4">
{@render children()}
</main>
</ActionGuard>
<ActionGuard recurso={routeAction.recurso} acao={routeAction.acao}>
<main id="container-central" class="w-full max-w-none px-3 py-4 lg:px-4">
{@render children()}
</main>
</ActionGuard>
{:else}
<main id="container-central" class="w-full max-w-none px-3 lg:px-4 py-4">
{@render children()}
</main>
<main id="container-central" class="w-full max-w-none px-3 py-4 lg:px-4">
{@render children()}
</main>
{/if}
<!-- Toast Notifications (Sonner) -->

99
apps/web/src/routes/(dashboard)/ti/monitoramento/+page.svelte
View File

@@ -1,55 +1,54 @@
<script lang="ts">
import SystemMonitorCardLocal from "$lib/components/ti/SystemMonitorCardLocal.svelte";
import { resolve } from '$app/paths';
import SystemMonitorCardLocal from '$lib/components/ti/SystemMonitorCardLocal.svelte';
</script>
<div class="container mx-auto px-4 py-6 max-w-7xl">
<!-- Header -->
<div class="flex items-center justify-between mb-8">
<div class="flex items-center gap-4">
<div
class="p-3 bg-linear-to-br from-primary/20 to-primary/10 rounded-2xl"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-10 w-10 text-primary"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"
/>
</svg>
</div>
<div>
<h1 class="text-4xl font-bold text-primary">Monitoramento SGSE</h1>
<p class="text-base-content/60 mt-2 text-lg">
Sistema de monitoramento técnico em tempo real
</p>
</div>
</div>
<a href="/ti" class="btn btn-ghost">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M10 19l-7-7m0 0l7-7m-7 7h18"
/>
</svg>
Voltar
</a>
</div>
<div class="container mx-auto max-w-7xl px-4 py-6">
<!-- Header -->
<div class="mb-8 flex items-center justify-between">
<div class="flex items-center gap-4">
<div class="from-primary/20 to-primary/10 rounded-2xl bg-linear-to-br p-3">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-primary h-10 w-10"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"
/>
</svg>
</div>
<div>
<h1 class="text-primary text-4xl font-bold">Monitoramento SGSE</h1>
<p class="text-base-content/60 mt-2 text-lg">
Sistema de monitoramento técnico em tempo real
</p>
</div>
</div>
<a href={resolve('/ti')} class="btn btn-ghost">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M10 19l-7-7m0 0l7-7m-7 7h18"
/>
</svg>
Voltar
</a>
</div>
<!-- Card de Monitoramento -->
<SystemMonitorCardLocal />
<!-- Card de Monitoramento -->
<SystemMonitorCardLocal />
</div>