From 847504f2860b0136eda2938359b2360fd8e7d531 Mon Sep 17 00:00:00 2001
From: Manuel Aranda <maranda@qindel.com>
Date: Tue, 5 Aug 2025 10:29:13 +0200
Subject: [PATCH] refs #2501. Panel logs integration

---
 .../components/groups/groups.component.html   |  8 +++++++
 .../app/components/groups/groups.component.ts | 22 +++++++++++++++++++
 .../src/app/layout/header/header.component.ts |  4 ++--
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/ogWebconsole/src/app/components/groups/groups.component.html b/ogWebconsole/src/app/components/groups/groups.component.html
index 3e98714..741645d 100644
--- a/ogWebconsole/src/app/components/groups/groups.component.html
+++ b/ogWebconsole/src/app/components/groups/groups.component.html
@@ -422,6 +422,10 @@
                               <mat-icon>article</mat-icon>
                               <span>Logs en tiempo real</span>
                             </button>
+                            <button mat-menu-item (click)="openClientLogsModal($event, client)">
+                              <mat-icon>analytics</mat-icon>
+                              <span>Logs de cliente</span>
+                            </button>
                             <button mat-menu-item (click)="onDeleteClick($event, client)" *ngIf="auth.userCategory !== 'ou-minimal'">
                               <mat-icon>delete</mat-icon>
                               <span>{{ 'delete' | translate }}</span>
@@ -613,6 +617,10 @@
                           <mat-icon>article</mat-icon>
                           <span>Logs en tiempo real</span>
                         </button>
+                        <button mat-menu-item (click)="openClientLogsModal($event, client)">
+                          <mat-icon>analytics</mat-icon>
+                          <span>Logs de cliente</span>
+                        </button>
                         <button mat-menu-item (click)="onDeleteClick($event, client)" *ngIf="auth.userCategory !== 'ou-minimal'">
                           <mat-icon>delete</mat-icon>
                           <span>{{ 'delete' | translate }}</span>
diff --git a/ogWebconsole/src/app/components/groups/groups.component.ts b/ogWebconsole/src/app/components/groups/groups.component.ts
index cfef543..65a8b44 100644
--- a/ogWebconsole/src/app/components/groups/groups.component.ts
+++ b/ogWebconsole/src/app/components/groups/groups.component.ts
@@ -31,6 +31,7 @@ import { ClientTaskLogsComponent } from '../task-logs/client-task-logs/client-ta
 import {ChangeParentComponent} from "./shared/change-parent/change-parent.component";
 import { AuthService } from '@services/auth.service';
 import { ClientPendingTasksComponent } from '../task-logs/client-pending-tasks/client-pending-tasks.component';
+import { ClientLogsModalComponent } from './shared/client-logs-modal/client-logs-modal.component';
 
 enum NodeType {
   OrganizationalUnit = 'organizational-unit',
@@ -995,6 +996,27 @@ export class GroupsComponent implements OnInit, OnDestroy {
     }
   }
 
+  openClientLogsModal(event: MouseEvent, client: Client): void {
+    event.stopPropagation();
+    if (!client.mac) {
+      this.toastr.error('No se puede acceder a los logs: MAC del cliente no disponible', 'Error');
+      return;
+    }
+
+    const dialogRef = this.dialog.open(ClientLogsModalComponent, {
+      width: '1400px',
+      height: '90vh',
+      data: { client },
+      disableClose: false,
+      hasBackdrop: true,
+      backdropClass: 'non-clickable-backdrop',
+    });
+
+    dialogRef.afterClosed().subscribe((result) => {
+      // El modal se cerró
+    });
+  }
+
   openOUPendingTasks(event: MouseEvent, node: any): void {
     event.stopPropagation();
     this.loading = true;
diff --git a/ogWebconsole/src/app/layout/header/header.component.ts b/ogWebconsole/src/app/layout/header/header.component.ts
index f3e6c81..6f8ed9d 100644
--- a/ogWebconsole/src/app/layout/header/header.component.ts
+++ b/ogWebconsole/src/app/layout/header/header.component.ts
@@ -42,8 +42,8 @@ export class HeaderComponent implements OnInit {
 
   showGlobalStatus() {
     this.dialog.open(GlobalStatusComponent, {
-      width: '65vw',
-      height: '80vh',
+      width: '80vw',
+      height: '85vh',
     })
   }