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

feat: add user and template counters to notifications page header for improved visibility and user engagement

Browse Source
This commit is contained in:
deyvisonwanderley
2025-12-01 09:54:34 -03:00
parent 4c2d12f443
commit 4af566e54c
1 changed files with 47 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
apps/web/src/routes/(dashboard)/ti/notificacoes/+page.svelte
View File

@@ -95,6 +95,9 @@
return []; return [];
}); });
const totalUsuarios = $derived(usuarios.length);
const totalTemplates = $derived(templates.length);
function templateDisponivelParaCanal( function templateDisponivelParaCanal(
template: Doc<'templatesMensagens'>, template: Doc<'templatesMensagens'>,
canalAtual: 'chat' | 'email' | 'ambos' canalAtual: 'chat' | 'email' | 'ambos'
@@ -1140,14 +1143,17 @@
} }
</script> </script>
<div class="container mx-auto max-w-7xl px-4 py-6"> <div class="container mx-auto max-w-7xl px-4 py-8">
<div
class="rounded-2xl bg-base-100/80 shadow-xl border border-base-200/60 p-6 lg:p-8 space-y-6 backdrop-blur"
>
<!-- Header --> <!-- Header -->
<div class="mb-6 flex items-center justify-between"> <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<div class="bg-info/10 rounded-xl p-3"> <div class="bg-gradient-to-br from-primary/15 via-info/10 to-secondary/10 rounded-2xl p-3">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
class="text-info h-8 w-8" class="text-primary h-9 w-9"
fill="none" fill="none"
viewBox="0 0 24 24" viewBox="0 0 24 24"
stroke="currentColor" stroke="currentColor"
@@ -1162,7 +1168,24 @@
</div> </div>
<div> <div>
<h1 class="text-base-content text-3xl font-bold">Notificações e Mensagens</h1> <h1 class="text-base-content text-3xl font-bold">Notificações e Mensagens</h1>
<p class="text-base-content/60 mt-1">Enviar notificações para usuários do sistema</p> <p class="text-base-content/60 mt-1 text-sm lg:text-base">
Envie avisos importantes por <span class="font-semibold">chat</span> e
<span class="font-semibold">email HTML padronizado</span> para os usuários do SGSE.
</p>
</div>
</div>
<div class="grid grid-cols-2 gap-3 text-sm">
<div class="bg-base-200/80 rounded-xl px-4 py-3 text-right">
<div class="text-base-content/60 text-xs">Usuários alcançáveis</div>
<div class="text-base-content text-lg font-semibold">
{totalUsuarios}
</div>
</div>
<div class="bg-base-200/80 rounded-xl px-4 py-3 text-right">
<div class="text-base-content/60 text-xs">Templates cadastrados</div>
<div class="text-base-content text-lg font-semibold">
{totalTemplates}
</div>
</div> </div>
</div> </div>
</div> </div>