refs #1233 reajuste ayuda contextual

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">

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',
     });

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."
 }

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."
 }