From c824953b1e9878396255567ce64e8bf36698dcab Mon Sep 17 00:00:00 2001
From: Lucas Lara <llara@localhost>
Date: Tue, 20 May 2025 13:59:10 +0200
Subject: [PATCH] refactor: add date filters to task logs component and improve
 validation

---
 .../client-task-logs.component.html              | 16 ++++++++++++++++
 .../client-task-logs.component.ts                | 10 +++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.html b/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.html
index 3f70436..7fe70aa 100644
--- a/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.html
+++ b/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.html
@@ -47,6 +47,22 @@
         <mat-icon>close</mat-icon>
       </button>
     </mat-form-field>
+
+    <mat-form-field appearance="fill" class="search-date">
+      <mat-label>Desde</mat-label>
+      <input matInput [matDatepicker]="fromPicker" [(ngModel)]="filters['startDate']" (dateChange)="onDateFilterChange()"
+        placeholder="Fecha inicio">
+      <mat-datepicker-toggle matSuffix [for]="fromPicker"></mat-datepicker-toggle>
+      <mat-datepicker #fromPicker></mat-datepicker>
+    </mat-form-field>
+
+    <mat-form-field appearance="fill" class="search-date">
+      <mat-label>Hasta</mat-label>
+      <input matInput [matDatepicker]="toPicker" [(ngModel)]="filters['endDate']" (dateChange)="onDateFilterChange()"
+        placeholder="Fecha fin">
+      <mat-datepicker-toggle matSuffix [for]="toPicker"></mat-datepicker-toggle>
+      <mat-datepicker #toPicker></mat-datepicker>
+    </mat-form-field>
   </div>
 
   <app-loading [isLoading]="loading"></app-loading>
diff --git a/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.ts b/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.ts
index e737245..ca04052 100644
--- a/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.ts
+++ b/ogWebconsole/src/app/components/task-logs/client-task-logs/client-task-logs.component.ts
@@ -71,7 +71,7 @@ export class ClientTaskLogsComponent implements OnInit {
   ];
   displayedColumns = [...this.columns.map(column => column.columnDef), 'information'];
 
-  filters: { [key: string]: string } = {};
+  filters: { [key: string]: any } = {};
   filteredCommands!: Observable<any[]>;
   commandControl = new FormControl();
 
@@ -143,6 +143,14 @@ export class ClientTaskLogsComponent implements OnInit {
     this.loadTraces();
   }
 
+  onDateFilterChange(): void {
+  if (this.filters['startDate'] && this.filters['endDate'] && this.filters['startDate'] > this.filters['endDate']) {
+    this.toastService.warning('La fecha de inicio no puede ser mayor que la fecha de fin');
+    return;
+  }
+  this.loadTraces();
+}
+
   openInputModal(inputData: any): void {
     this.dialog.open(InputDialogComponent, {
       width: '70vw',