Add tooltip displaying client path in client list view

ogWebconsole/src/app/components/groups/groups.component.html

@@ -247,7 +247,8 @@
           </ng-container>
           <ng-container matColumnDef="status">
             <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'status' | translate }} </th>
-            <td mat-cell *matCellDef="let client">
+            <td mat-cell *matCellDef="let client" matTooltip="{{ getClientPath(client) }}"
+            matTooltipPosition="left" matTooltipShowDelay="500">
               <img
                 [src]="'assets/images/ordenador_' + client.status + '.png'"
                 alt="Client Icon"
@@ -274,7 +275,8 @@
           </ng-container>
           <ng-container matColumnDef="name">
             <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'name' | translate }} </th>
-            <td mat-cell *matCellDef="let client">
+            <td mat-cell *matCellDef="let client" matTooltip="{{ getClientPath(client) }}"
+            matTooltipPosition="left" matTooltipShowDelay="500"> 
               <div class="client-info">
                 <div class="client-name">{{ client.name }}</div>
                 <div class="client-ip">{{ client.ip }}</div>

ogWebconsole/src/app/components/groups/groups.component.ts

@@ -625,6 +625,18 @@ export class GroupsComponent implements OnInit, OnDestroy {
     this.arrayClients = [...this.selection.selected];
   }
 
+  getClientPath(client: Client): string {
+    const path: string[] = [];
+    let currentNode: TreeNode | null = this.findNodeByIdOrUuid(this.treeDataSource.data, client.organizationalUnit.uuid);
+  
+    while (currentNode) {
+      path.unshift(currentNode.name);
+      currentNode = currentNode.id ? this.findParentNode(this.treeDataSource.data, currentNode.id) : null;
+    }
+  
+    return path.join(' / ');
+  }
+
   private extractUuid(idPath: string | undefined): string | null {
     return idPath ? idPath.split('/').pop() || null : null;
   }