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

refactor: update modal z-index for improved visibility and enhance alert deletion confirmation with additional messaging and logging; ensure fallback for user data in diagnostics card

Browse Source
This commit is contained in:
deyvisonwanderley
2025-12-10 06:44:29 -03:00
parent d27c0b6f91
commit 9f523d99a5
5 changed files with 40 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/lib/components/AlertModal.svelte
View File

@@ -25,7 +25,7 @@
{#if open}
<div
class="pointer-events-none fixed inset-0 z-50"
class="pointer-events-none fixed inset-0 z-[9999]"
style="animation: fadeIn 0.2s ease-out;"
role="dialog"
aria-modal="true"

2
apps/web/src/lib/components/ConfirmModal.svelte
View File

@@ -34,7 +34,7 @@
{#if open}
<div
class="pointer-events-none fixed inset-0 z-50"
class="pointer-events-none fixed inset-0 z-[9999]"
style="animation: fadeIn 0.2s ease-out;"
role="dialog"
aria-modal="true"

13
apps/web/src/lib/components/ti/AlertConfigModal.svelte
View File

@@ -114,14 +114,19 @@
}
function handleDeleteClick(alertId: Id<'alertConfigurations'>) {
confirmMessage = 'Tem certeza que deseja deletar este alerta?';
confirmMessage = 'Tem certeza que deseja deletar este alerta? Esta ação não pode ser desfeita.';
confirmCallback = () => deleteAlert(alertId);
showConfirmModal = true;
console.log('Modal de confirmação aberto para deletar alerta:', alertId);
}
async function deleteAlert(alertId: Id<'alertConfigurations'>) {
try {
console.log('Deletando alerta:', alertId);
await client.mutation(api.monitoramento.deletarAlerta, { alertId });
console.log('Alerta deletado com sucesso');
// Aguardar um pouco para garantir que a query seja atualizada
await new Promise(resolve => setTimeout(resolve, 200));
} catch (error) {
console.error('Erro ao deletar alerta:', error);
alertMessage = 'Erro ao deletar alerta. Tente novamente.';
@@ -557,12 +562,14 @@
message={confirmMessage}
confirmText="Deletar"
cancelText="Cancelar"
onConfirm={() => {
onConfirm={async () => {
if (confirmCallback) {
confirmCallback();
await confirmCallback();
confirmCallback = null;
}
showConfirmModal = false;
// Aguardar um pouco para garantir que a query seja atualizada
await new Promise(resolve => setTimeout(resolve, 200));
}}
onCancel={() => {
confirmCallback = null;

30
apps/web/src/lib/components/ti/AlertDiagnosticsCard.svelte
View File

@@ -38,7 +38,19 @@
<span>Erro ao carregar diagnóstico</span>
</div>
{:else}
{@const config = configQuery}
{@const config = configQuery || {
templateExiste: false,
templateInfo: null,
roleTiMasterExiste: false,
usuariosTiMaster: [],
configSmtpAtiva: false,
configSmtpInfo: null,
emailsPendentes: 0,
emailsFalha: 0,
alertasAtivos: 0,
alertasComEmail: 0
}}
{@const usuariosTiMaster = Array.isArray(config.usuariosTiMaster) ? config.usuariosTiMaster : []}
<!-- Template -->
<div class="divider">Template de Email</div>
@@ -80,7 +92,7 @@
<div class="flex-1">
<p class="font-semibold text-success">Perfil TI_MASTER encontrado</p>
<p class="text-sm text-base-content/70">
{config.usuariosTiMaster.length} usuário(s) com este perfil
{usuariosTiMaster?.length || 0} usuário(s) com este perfil
</p>
</div>
{:else}
@@ -98,18 +110,18 @@
</div>
<!-- Usuários TI_MASTER -->
{#if config.usuariosTiMaster.length > 0}
{#if usuariosTiMaster.length > 0}
<div class="ml-10 mt-2 space-y-2">
{#each config.usuariosTiMaster as usuario}
{#each usuariosTiMaster as usuario}
<div class="flex items-center gap-2">
{#if usuario.temEmail}
{#if usuario?.temEmail}
<CheckCircle class="h-4 w-4 text-success" />
{:else}
<XCircle class="h-4 w-4 text-error" />
{/if}
<span class="text-sm">
{usuario.nome}
{#if usuario.email}
{usuario?.nome || 'Usuário desconhecido'}
{#if usuario?.email}
<span class="text-base-content/60">({usuario.email})</span>
{:else}
<span class="text-error"> - Sem email cadastrado</span>
@@ -179,8 +191,8 @@
<!-- Resumo -->
<div class="divider">Resumo</div>
<div class="alert {config.templateExiste && config.roleTiMasterExiste && config.usuariosTiMaster.some(u => u.temEmail) && config.configSmtpAtiva ? 'alert-success' : 'alert-warning'}">
{#if config.templateExiste && config.roleTiMasterExiste && config.usuariosTiMaster.some(u => u.temEmail) && config.configSmtpAtiva}
<div class="alert {config.templateExiste && config.roleTiMasterExiste && usuariosTiMaster.some(u => u?.temEmail) && config.configSmtpAtiva ? 'alert-success' : 'alert-warning'}">
{#if config.templateExiste && config.roleTiMasterExiste && usuariosTiMaster.some(u => u?.temEmail) && config.configSmtpAtiva}
<CheckCircle class="h-6 w-6" />
<div>
<p class="font-semibold">✅ Sistema configurado corretamente</p>