From b16670939e269369458375e24ec24534d3edf832 Mon Sep 17 00:00:00 2001
From: Lucas Lara <llara@localhost>
Date: Mon, 13 Jan 2025 11:48:33 +0100
Subject: [PATCH] Add custom theme and update menu references in groups
 component

---
 ogWebconsole/angular.json                              |  3 ++-
 .../src/app/components/groups/groups.component.html    | 10 +++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/ogWebconsole/angular.json b/ogWebconsole/angular.json
index ac8aebe..3684cc7 100644
--- a/ogWebconsole/angular.json
+++ b/ogWebconsole/angular.json
@@ -134,7 +134,8 @@
               "src/assets"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.css",
+              "src/custom-theme.scss"
             ],
             "scripts": []
           }
diff --git a/ogWebconsole/src/app/components/groups/groups.component.html b/ogWebconsole/src/app/components/groups/groups.component.html
index 2ed6a67..acb8172 100644
--- a/ogWebconsole/src/app/components/groups/groups.component.html
+++ b/ogWebconsole/src/app/components/groups/groups.component.html
@@ -13,8 +13,8 @@
       matTooltip="{{ 'newOrganizationalUnitTooltip' | translate }}" matTooltipShowDelay="1000">
       {{ 'newOrganizationalUnitButton' | translate }}
     </button>
-    <button  mat-flat-button color="primary" [matMenuTriggerFor]="menu">{{ 'newClientButton' | translate }}</button>
-    <mat-menu #menu="matMenu">
+    <button  mat-flat-button color="primary" [matMenuTriggerFor]="menuClients">{{ 'newClientButton' | translate }}</button>
+    <mat-menu #menuClients="matMenu">
       <button mat-menu-item (click)="addClient($event)" >Añadir cliente unitario</button>
       <button mat-menu-item (click)="addMultipleClients($event)">Añadir clientes masivamente</button>
     </mat-menu>
@@ -79,7 +79,7 @@
           }}
         </mat-icon>
         <span>{{ node.name }}</span>
-        <button mat-icon-button [matMenuTriggerFor]="menu" (click)="onNodeClick(node)">
+        <button mat-icon-button [matMenuTriggerFor]="menuNode" (click)="onNodeClick(node)">
           <mat-icon>more_vert</mat-icon>
         </button>
       </mat-tree-node>
@@ -99,7 +99,7 @@
         <ng-container *ngIf="node.type === 'client'">
           <span> - IP: {{ node.ip }}</span>
         </ng-container>
-        <button mat-icon-button [matMenuTriggerFor]="menu" (click)="onNodeClick(node)">
+        <button mat-icon-button [matMenuTriggerFor]="menuNode" (click)="onNodeClick(node)">
           <mat-icon>more_vert</mat-icon>
         </button>
       </mat-tree-node>
@@ -114,7 +114,7 @@
       <span>{{ command.name }}</span>
     </button>
   </mat-menu>
-  <mat-menu #menu="matMenu">
+  <mat-menu #menuNode="matMenu">
     <button mat-menu-item (click)="onShowDetailsClick($event, selectedNode)">
       <mat-icon matTooltip="{{ 'viewUnitTooltip' | translate }}" matTooltipHideDelay="0">visibility</mat-icon>
       <span>{{ 'viewUnitMenu' | translate }}</span>