utn-cli 2.1.54 → 2.1.55

package/templates/frontend/src/app/Paginas/Nucleo/sabiasque/sabiasque.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
 import { DatosGlobalesService } from '../../../datos-globales.service';
 import { HttpClient } from '@angular/common/http';
 import { takeUntil } from 'rxjs/operators';
@@ -7,16 +8,40 @@ import { Subject } from 'rxjs';
 @Component({
   selector: 'app-sabiasque',
   standalone: true,
-  imports: [MatIconModule],
+  imports: [CommonModule, MatIconModule],
   templateUrl: './sabiasque.component.html',
   styleUrl: './sabiasque.component.css'
 })
 export class SabiasQueComponent implements OnInit {
 
   private _destroy$ = new Subject<void>();
+  mostrarBotonInicio = false;
+  private _scrollListener?: EventListener;
+
   constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService) { }
   ngOnInit(): void {
     this.http.get(`${this.datosGlobalesService.ObtenerURL()}misc/VistaDeSabiasQue`).pipe(takeUntil(this._destroy$)).subscribe({ error: () => { } });
+
+    this.http.get<any>(`${this.datosGlobalesService.ObtenerURL()}misc/obtenerRankingDeItemsDeSabiasQue`).pipe(takeUntil(this._destroy$)).subscribe({
+        next: (respuesta) => {
+          const ranking = respuesta.body ?? {};
+          this.preguntas.sort(
+            (a, b) =>
+              (ranking[b.id] ?? 0) - (ranking[a.id] ?? 0));
+        }
+      });
+    setTimeout(() => {
+      const c = document.querySelector('.zona-scrollable');
+      if (c) {
+        this._scrollListener = () => { this.mostrarBotonInicio = (c as HTMLElement).scrollTop > 200; };
+        c.addEventListener('scroll', this._scrollListener);
+      }
+    }, 0);
+  }
+
+  ngOnDestroy(): void {
+    this._destroy$.next(); this._destroy$.complete();
+    if (this._scrollListener) { document.querySelector('.zona-scrollable')?.removeEventListener('scroll', this._scrollListener); }
   }
   // items expandidos
   expandedItems: { [key: string]: boolean } = {
@@ -28,10 +53,72 @@ export class SabiasQueComponent implements OnInit {
     item6: false
   };
 
+  preguntas = [
+    {
+      id: 'item1',
+      titulo: 'Gestión de módulos',
+      subitems: [
+      'Anclar módulos',
+      'Búsqueda de módulos',
+      'Submódulos'
+    ]
+    },
+    {
+      id: 'item2',
+      titulo: 'Gestión de tarjetas',
+      subitems: [
+      'Ordenar tarjetas'
+    ]
+    },
+    {
+      id: 'item3',
+      titulo: 'Gestión de aplicaciones',
+      subitems: [
+      'Envío de sugerencias',
+      'Actividad de la cuenta',
+      'Reordenar el menú de aplicaciones'
+    ]
+    },
+    {
+      id: 'item4',
+      titulo: 'Gestión del calendario institucional',
+      subitems: [
+      'Consulta del calendario institucional'
+    ]
+    },
+    {
+      id: 'item5',
+      titulo: 'Gestión de procesos en tablas',
+      subitems: [
+      'Ocultar columnas',
+      'Descargar información en excel',
+      'Filtrar información'
+    ]
+    },
+    {
+      id: 'item6',
+      titulo: 'Inicio de sesión',
+      subitems: [
+      'Inicio de sesión con google']
+    },
+  ];
+
   toggleItem(itemId: string) {
-    this.expandedItems[itemId] = !this.expandedItems[itemId];
-  }
+  const estabaAbierto = this.expandedItems[itemId];
+  this.expandedItems[itemId] = !estabaAbierto;
+  if (!estabaAbierto) {this.http.post(`${this.datosGlobalesService.ObtenerURL()}misc/registrarVistaDeItemsDeSabiasQue`,{ itemId }).subscribe({error: (error) => console.error(error)});}
+}
+toggleSubItem(subItemId: string) {
+    this.expandedSubItems[subItemId] = !this.expandedSubItems[subItemId];
+}
+
+obtenerNumeroItem(itemId: string): number {
+  return this.preguntas.findIndex(x => x.id === itemId) + 1;
+}
 
+obtenerNumeroSubItem(itemId: string, indiceSubItem: number): string {
+  return `${this.obtenerNumeroItem(itemId)}.${indiceSubItem}`;
+}
   expandedSubItems: { [key: string]: boolean } = {
     subitem1_1: false,
     subitem1_2: false,
@@ -44,8 +131,9 @@ export class SabiasQueComponent implements OnInit {
     subitem5_2: false,
     subitem5_3: false,
   };
-  
-  toggleSubItem(subItemId: string) {
-    this.expandedSubItems[subItemId] = !this.expandedSubItems[subItemId];
+  irAlInicio(): void {
+    const contenedor = document.querySelector('.zona-scrollable');
+    if (contenedor) { contenedor.scrollTo({ top: 0, behavior: 'smooth' }); this.mostrarBotonInicio = false; }
+    else { window.scrollTo({ top: 0, behavior: 'smooth' }); }
   }
 }