From 44fcb2371721c18338a9aeac8c7d853875b922dd Mon Sep 17 00:00:00 2001
From: apuente <apuente@qindel.com>
Date: Thu, 12 Dec 2024 09:10:20 +0100
Subject: [PATCH] refs #1233 reajuste ayuda contextual

---
 ogWebconsole/src/app/components/groups/groups.component.html | 4 ++--
 ogWebconsole/src/app/components/groups/groups.component.ts   | 2 +-
 ogWebconsole/src/locale/en.json                              | 4 +++-
 ogWebconsole/src/locale/es.json                              | 4 +++-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/ogWebconsole/src/app/components/groups/groups.component.html b/ogWebconsole/src/app/components/groups/groups.component.html
index a5607c9..f644010 100644
--- a/ogWebconsole/src/app/components/groups/groups.component.html
+++ b/ogWebconsole/src/app/components/groups/groups.component.html
@@ -20,7 +20,7 @@
   </div>
 </div>
 
-<mat-expansion-panel *ngIf="isTreeViewActive" class="filters-panel">
+<mat-expansion-panel *ngIf="isTreeViewActive" class="filters-panel" joyrideStep="filtersPanelStep" text="{{ 'filtersPanelStepText' | translate }}">
   <mat-expansion-panel-header>
     <mat-panel-title>{{ 'filters' | translate }}</mat-panel-title>
   </mat-expansion-panel-header>
@@ -53,7 +53,7 @@
   </div>
 </mat-expansion-panel>
 
-<div *ngIf="!selectedUnidad; else detailsTemplate" class="card-container">
+<div *ngIf="!selectedUnidad; else detailsTemplate" class="card-container" joyrideStep="organizationalUnitsStep" text="{{ 'organizationalUnitsStepText' | translate }}">
   <mat-card *ngFor="let unidad of organizationalUnits"
     [ngClass]="{'selected-item': unidad === selectedUnidad, 'clickable-item': true}"
     (click)="onSelectUnidad(unidad)" class="unidad-card small-card">
diff --git a/ogWebconsole/src/app/components/groups/groups.component.ts b/ogWebconsole/src/app/components/groups/groups.component.ts
index 0d2a26e..a432fc7 100644
--- a/ogWebconsole/src/app/components/groups/groups.component.ts
+++ b/ogWebconsole/src/app/components/groups/groups.component.ts
@@ -511,7 +511,7 @@ export class GroupsComponent implements OnInit, OnDestroy {
 
   iniciarTour(): void {
     this.joyrideService.startTour({
-      steps: ['groupsTitleStepText', 'addStep', 'keyStep', 'unitStep', 'elementsStep', 'tabsStep'],
+      steps: ['groupsTitleStepText', 'filtersPanelStep', 'organizationalUnitsStep', 'addStep', 'keyStep', 'unitStep', 'elementsStep', 'tabsStep'],
       showPrevButton: true,
       themeColor: '#3f51b5',
     });
diff --git a/ogWebconsole/src/locale/en.json b/ogWebconsole/src/locale/en.json
index f45a04f..ea2edaa 100644
--- a/ogWebconsole/src/locale/en.json
+++ b/ogWebconsole/src/locale/en.json
@@ -445,5 +445,7 @@
   "maintenance": "Maintenance",
   "subnet": "Subnet",
   "parent": "Parent",
-  "adminUsersTitle": "Manage users"
+  "adminUsersTitle": "Manage users",
+  "filtersPanelStepText": "Use these filters to search or load configurations.",
+  "organizationalUnitsStepText": "List of Organizational Units. Click on one to view details."
 }
diff --git a/ogWebconsole/src/locale/es.json b/ogWebconsole/src/locale/es.json
index 02c57ca..967e9b4 100644
--- a/ogWebconsole/src/locale/es.json
+++ b/ogWebconsole/src/locale/es.json
@@ -447,5 +447,7 @@
   "maintenance": "Mantenimiento",
   "subnet": "Subred",
   "parent": "Padre",
-  "adminUsersTitle": "Administrar usuarios"
+  "adminUsersTitle": "Administrar usuarios",
+  "filtersPanelStepText": "Utiliza estos filtros para buscar o cargar configuraciones.",
+  "organizationalUnitsStepText": "Lista de Unidades Organizacionales. Haz clic en una para ver detalles."
 }