();
for (const c of this.resumo.vivoLineResumos ?? []) {
@@ -692,9 +691,9 @@ export class Dashboard implements OnInit, AfterViewInit, OnDestroy {
this.resumoReservaLabels = [];
this.resumoReservaValues = [];
this.resumoDiferencaPjPf = {
- valorTotalLine: null,
- lucroTotalLine: null,
- qtdLinhas: null,
+ pfLinhas: null,
+ pjLinhas: null,
+ totalLinhas: null,
};
this.destroyResumoCharts();
this.rebuildPrimaryKpis();
diff --git a/src/app/pages/notificacoes/notificacoes.html b/src/app/pages/notificacoes/notificacoes.html
index f1442db..1376e22 100644
--- a/src/app/pages/notificacoes/notificacoes.html
+++ b/src/app/pages/notificacoes/notificacoes.html
@@ -8,10 +8,10 @@
Gerencie seus alertas de vencimento e avisos do sistema.
-
-
+
+
-
-
+
+
-
-
-
- Mostrando {{ filteredNotifications.length }} notificações
- • {{ selectedIds.size }} selecionada(s)
-
-
-
+
+
+
+
+
+ Mostrando {{ filteredNotifications.length }} notificações
+ • {{ selectedIds.size }} selecionada(s)
+
+
+
+
-
-
+
Exportando...
+
+
+
+
+
@@ -69,14 +101,14 @@
Não foi possível carregar as notificações.
-
-
-
-
Tudo em dia!
-
Você não tem nenhuma notificação pendente.
-
Nenhuma notificação neste filtro.
-
+
+
+
+
Tudo em dia!
+
Não há notificações no momento.
+
Nenhuma notificação neste filtro.
+
-
-
-
+
+
+
diff --git a/src/app/pages/notificacoes/notificacoes.scss b/src/app/pages/notificacoes/notificacoes.scss
index 8aa8fcf..7d4a357 100644
--- a/src/app/pages/notificacoes/notificacoes.scss
+++ b/src/app/pages/notificacoes/notificacoes.scss
@@ -110,6 +110,47 @@ $border: #e5e7eb;
flex-wrap: wrap; justify-content: center;
}
+.search-row {
+ margin-top: 14px;
+ display: flex;
+ justify-content: center;
+}
+
+.search-box {
+ width: min(720px, 100%);
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ padding: 10px 12px;
+ border-radius: 12px;
+ border: 1px solid rgba(0,0,0,0.08);
+ background: $white;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.03);
+
+ i { color: $text-secondary; }
+
+ input {
+ border: none;
+ outline: none;
+ background: transparent;
+ width: 100%;
+ font-size: 14px;
+ color: $text-main;
+ }
+}
+
+.clear-btn {
+ border: none;
+ background: transparent;
+ color: $text-secondary;
+ padding: 4px;
+ border-radius: 8px;
+ cursor: pointer;
+ transition: all 0.2s;
+
+ &:hover { background: rgba(0,0,0,0.04); color: $text-main; }
+}
+
.pill {
border: none;
background: transparent;
diff --git a/src/app/pages/notificacoes/notificacoes.ts b/src/app/pages/notificacoes/notificacoes.ts
index 7b149da..bb509da 100644
--- a/src/app/pages/notificacoes/notificacoes.ts
+++ b/src/app/pages/notificacoes/notificacoes.ts
@@ -1,28 +1,83 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, OnDestroy } from '@angular/core';
import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Subscription } from 'rxjs';
import { NotificationsService, NotificationDto } from '../../services/notifications.service';
@Component({
selector: 'app-notificacoes',
standalone: true,
- imports: [CommonModule],
+ imports: [CommonModule, FormsModule],
templateUrl: './notificacoes.html',
styleUrls: ['./notificacoes.scss'],
})
-export class Notificacoes implements OnInit {
+export class Notificacoes implements OnInit, OnDestroy {
notifications: NotificationDto[] = [];
filter: 'todas' | 'vencidas' | 'aVencer' | 'lidas' = 'todas';
+ search = '';
loading = false;
error = false;
bulkLoading = false;
+ bulkUnreadLoading = false;
exportLoading = false;
selectedIds = new Set();
+ private readonly subs = new Subscription();
constructor(private notificationsService: NotificationsService) {}
ngOnInit(): void {
this.loadNotifications();
+
+ this.subs.add(
+ this.notificationsService.events$.subscribe((ev) => {
+ if (ev.type === 'read') {
+ const ids = new Set(ev.ids);
+ this.notifications.forEach((n) => {
+ if (ids.has(n.id)) {
+ n.lida = true;
+ n.lidaEm = ev.readAtIso;
+ }
+ });
+ return;
+ }
+ if (ev.type === 'readAll') {
+ this.notifications.forEach((n) => {
+ if (!n.lida) {
+ n.lida = true;
+ n.lidaEm = ev.readAtIso;
+ }
+ });
+ return;
+ }
+ if (ev.type === 'unread') {
+ const ids = new Set(ev.ids);
+ this.notifications.forEach((n) => {
+ if (ids.has(n.id)) {
+ n.lida = false;
+ n.lidaEm = null;
+ }
+ });
+ return;
+ }
+ if (ev.type === 'unreadAll') {
+ this.notifications.forEach((n) => {
+ if (n.lida) {
+ n.lida = false;
+ n.lidaEm = null;
+ }
+ });
+ return;
+ }
+ if (ev.type === 'reload') {
+ this.loadNotifications();
+ }
+ })
+ );
+ }
+
+ ngOnDestroy(): void {
+ this.subs.unsubscribe();
}
markAsRead(notification: NotificationDto) {
@@ -35,22 +90,31 @@ export class Notificacoes implements OnInit {
});
}
+ markAsUnread(notification: NotificationDto) {
+ if (!notification.lida) return;
+ this.notificationsService.markAsUnread(notification.id).subscribe({
+ next: () => {
+ notification.lida = false;
+ notification.lidaEm = null;
+ },
+ });
+ }
+
setFilter(value: 'todas' | 'vencidas' | 'aVencer' | 'lidas') {
this.filter = value;
this.clearSelection();
}
get filteredNotifications() {
- if (this.filter === 'vencidas') {
- return this.notifications.filter(n => this.getNotificationTipo(n) === 'Vencido');
- }
- if (this.filter === 'aVencer') {
- return this.notifications.filter(n => this.getNotificationTipo(n) === 'AVencer');
- }
- if (this.filter === 'lidas') {
- return this.notifications.filter(n => n.lida);
- }
- return this.notifications;
+ const base = this.getBaseFilteredNotifications();
+ const q = (this.search || '').trim().toLowerCase();
+ if (!q) return base;
+ return base.filter(n => this.buildSearchText(n).includes(q));
+ }
+
+ clearSearch() {
+ this.search = '';
+ this.clearSelection();
}
formatDateLabel(date?: string | null): string {
@@ -115,6 +179,32 @@ export class Notificacoes implements OnInit {
});
}
+ markAllAsUnread() {
+ if (this.filter !== 'lidas' || this.bulkUnreadLoading) return;
+ this.bulkUnreadLoading = true;
+
+ const selectedIds = Array.from(this.selectedIds);
+ const scopedIds = selectedIds.length
+ ? selectedIds
+ : this.filteredNotifications.map(n => n.id);
+
+ this.notificationsService.markAllAsUnread(undefined, scopedIds.length ? scopedIds : undefined).subscribe({
+ next: () => {
+ this.notifications = this.notifications.map((n) => {
+ if (scopedIds.length ? scopedIds.includes(n.id) : n.lida) {
+ return { ...n, lida: false, lidaEm: null };
+ }
+ return n;
+ });
+ this.clearSelection();
+ this.bulkUnreadLoading = false;
+ },
+ error: () => {
+ this.bulkUnreadLoading = false;
+ }
+ });
+ }
+
exportNotifications() {
if (this.filter === 'lidas' || this.exportLoading) return;
this.exportLoading = true;
@@ -194,6 +284,55 @@ export class Notificacoes implements OnInit {
return false;
}
+ private getBaseFilteredNotifications(): NotificationDto[] {
+ if (this.filter === 'lidas') {
+ return this.notifications.filter(n => n.lida);
+ }
+ if (this.filter === 'vencidas') {
+ return this.notifications.filter(n => !n.lida && this.getNotificationTipo(n) === 'Vencido');
+ }
+ if (this.filter === 'aVencer') {
+ return this.notifications.filter(n => !n.lida && this.getNotificationTipo(n) === 'AVencer');
+ }
+ // "todas" aqui representa o inbox: pendentes (não lidas).
+ return this.notifications.filter(n => !n.lida);
+ }
+
+ private buildSearchText(n: NotificationDto): string {
+ const parts: string[] = [];
+ const push = (v?: string | null) => {
+ const t = (v ?? '').toString().trim();
+ if (t) parts.push(t);
+ };
+
+ push(n.cliente);
+ push(n.conta);
+ push(n.linha);
+ push(n.usuario);
+ push(n.planoContrato);
+ push(n.titulo);
+ push(n.mensagem);
+ push(n.data);
+ push(n.referenciaData ?? null);
+ push(n.dtEfetivacaoServico ?? null);
+ push(n.dtTerminoFidelizacao ?? null);
+
+ const efetivacao = this.formatDateSearch(n.dtEfetivacaoServico);
+ const termino = this.formatDateSearch(n.dtTerminoFidelizacao);
+ push(efetivacao);
+ push(termino);
+
+ return parts.join(' ').toLowerCase();
+ }
+
+ private formatDateSearch(raw?: string | null): string {
+ if (!raw) return '';
+ const parsed = this.parseDateOnly(raw);
+ if (!parsed) return '';
+ // Ex.: 12/02/2026 (facilita busca por padrão BR).
+ return parsed.toLocaleDateString('pt-BR');
+ }
+
private parseDateOnly(raw?: string | null): Date | null {
if (!raw) return null;
const datePart = raw.split('T')[0];
diff --git a/src/app/pages/resumo/resumo.html b/src/app/pages/resumo/resumo.html
index 68539bb..6edb6da 100644
--- a/src/app/pages/resumo/resumo.html
+++ b/src/app/pages/resumo/resumo.html
@@ -19,7 +19,7 @@
- Visão consolidada de performance, contratos e indicadores financeiros.
+ Visão consolidada de performance, contratos e indicadores operacionais.