utn-cli 2.1.38 → 2.1.40

package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.html

@@ -130,20 +130,17 @@
       </button>
 
       <mat-menu #menuAplicaciones="matMenu">
-        <button mat-menu-item (click)="irASugerencias()" title="Sugerencias">
-          <mat-icon>lightbulb</mat-icon>
-          <span>Sugerencias</span>
-        </button>
-        @if(TienePermiso) {
-        <button mat-menu-item (click)="irAActividad()" title="Actividad de la cuenta">
-          <mat-icon>history</mat-icon>
-          <span>Actividad de la cuenta</span>
-        </button>
-        <button mat-menu-item (click)="irAEstadisticasDelModulo()" title="Estadísticas del módulo">
-          <mat-icon>bar_chart</mat-icon>
-          <span>Estadísticas del módulo</span>
+        @for (item of itemsDeMenuVisibles; track item.id) {
+        <button mat-menu-item (click)="item.accion()" [title]="item.etiqueta">
+          <mat-icon>{{ item.icono }}</mat-icon>
+          <span>{{ item.etiqueta }}</span>
         </button>
         }
+        <mat-divider></mat-divider>
+        <button mat-menu-item (click)="abrirDialogReordenarMenu()" title="Reordenar elementos del menú">
+          <mat-icon>sort</mat-icon>
+          <span>Reordenar</span>
+        </button>
       </mat-menu>
 
       @if(EnlaceDelVideo !== '-') {
@@ -154,6 +151,10 @@
       <button class="botonDeNavegacion" matTooltip="Ayuda" title="Ayuda" (click)="irAAyuda()">
         <mat-icon>help</mat-icon>
       </button>
+      <button class="botonDeNavegacion" matTooltip="Calensario institucional" title="Calendario institucional"
+        (click)="irACalendario()">
+        <mat-icon>calendar_view_week</mat-icon>
+      </button>
       <button class="botonDeNavegacion" matTooltip="Reporte" title="Reporte" (click)="irASoporte()">
         <mat-icon>support_agent</mat-icon>
       </button>

package/templates/frontend/src/app/Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component.ts

@@ -6,17 +6,28 @@ import { Location, CommonModule } from '@angular/common';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatDialog } from '@angular/material/dialog';
+import { MatDividerModule } from '@angular/material/divider';
 import { ReporteDeIncidenciasComponent } from '../../../Componentes/Nucleo/reporte-de-incidencias/reporte-de-incidencias.component';
 import { MensajesComponent } from '../../../Componentes/Nucleo/mensajes/mensajes.component';
 import { MensajeConfirmacionHTMLComponent } from '../../../Componentes/Nucleo/mensaje-confirmacion-html/mensaje-confirmacion-html';
 import { ReporteDeSugerenciasComponent } from '../../../Componentes/Nucleo/reporte-de-sugerencias/reporte-de-sugerencias.component';
 import { EstadisticasDelModuloComponent } from '../../../Componentes/Nucleo/estadisticas-del-modulo/estadisticas-del-modulo.component';
+import { ReordenarMenuComponent, ItemDeMenuDialog } from '../../../Componentes/Nucleo/reordenar-menu/reordenar-menu.component';
 
 import { MatMenuModule } from '@angular/material/menu';
 
+interface ItemDeMenu {
+  id: string;
+  etiqueta: string;
+  icono: string;
+  accion: () => void;
+  requierePermiso: boolean;
+  posicion: number;
+}
+
 @Component({
   selector: 'app-contenedor-componentes',
-  imports: [RouterOutlet, MatIconModule, MatTooltipModule, CommonModule, MatMenuModule],
+  imports: [RouterOutlet, MatIconModule, MatTooltipModule, CommonModule, MatMenuModule, MatDividerModule],
   templateUrl: './contenedor-componentes.component.html',
   styleUrl: './contenedor-componentes.component.css'
 })
@@ -41,10 +52,21 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
   public AnimarUsuariosActivos: boolean = true;
   private intervaloUsuarios: any;
 
+  public itemsDeMenu: ItemDeMenu[] = [];
+
+  get itemsDeMenuVisibles(): ItemDeMenu[] {
+    return this.itemsDeMenu.filter(i => !i.requierePermiso || this.TienePermiso);
+  }
+
   get esDashboard(): boolean { return this.router.url === '/'; }
   get tieneTarjetas(): boolean { return this.datosGlobalesService.cantidadDeTarjetas$.value > 0; }
   get filtro(): string { return this.datosGlobalesService.filtroDeTarjetas$.value; }
 
+  async irACalendario(): Promise<void> {
+    const { CalendarioPublicoComponent } = await import('../../../Componentes/Nucleo/calendario-publico/calendario-publico.component');
+    this.dialog.open(CalendarioPublicoComponent, { width: '760px', maxWidth: '95vw' });
+  }
+
   onFiltroChange(event: Event): void {
     this.datosGlobalesService.filtroDeTarjetas$.next((event.target as HTMLInputElement).value);
   }
@@ -64,7 +86,78 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
     return datos ? JSON.parse(datos) : [];
   }
 
+  private inicializarItemsDeMenu(): void {
+    this.itemsDeMenu = [
+      { id: 'nav_sugerencias', etiqueta: 'Sugerencias', icono: 'lightbulb', accion: () => this.irASugerencias(), requierePermiso: false, posicion: 10 },
+      { id: 'nav_actividad', etiqueta: 'Actividad de la cuenta', icono: 'history', accion: () => this.irAActividad(), requierePermiso: true, posicion: 20 },
+      { id: 'nav_estadisticas', etiqueta: 'Estadísticas del módulo', icono: 'bar_chart', accion: () => this.irAEstadisticasDelModulo(), requierePermiso: true, posicion: 30 },
+      { id: 'nav_accesibilidad', etiqueta: 'Accesibilidad', icono: 'accessibility', accion: () => this.irAAccesibilidad(), requierePermiso: false, posicion: 40 },
+      { id: 'nav_declaracion_ia', etiqueta: 'Declaración de IA', icono: 'smart_toy', accion: () => this.irADeclaracionIA(), requierePermiso: false, posicion: 50 },
+    ];
+  }
+
+  private cargarOrdenDelMenu(): void {
+    this.http.get(`${this.datosGlobalesService.ObtenerURL()}ConfiguracionDeTarjetas/obtener`).subscribe({
+      next: (datos: any) => {
+        const config: { Titulo: string; Posicion: number }[] = datos.body ?? [];
+        const navConfig = config.filter((c: any) => c.Titulo.startsWith('nav_'));
+        if (navConfig.length === 0) return;
+        navConfig.forEach((c: any) => {
+          const item = this.itemsDeMenu.find(i => i.id === c.Titulo);
+          if (item) item.posicion = c.Posicion;
+        });
+        this.itemsDeMenu.sort((a, b) => a.posicion - b.posicion);
+      },
+      error: () => { }
+    });
+  }
+
+  abrirDialogReordenarMenu(): void {
+    const itemsVisibles: ItemDeMenuDialog[] = this.itemsDeMenuVisibles.map(i => ({
+      id: i.id,
+      etiqueta: i.etiqueta,
+      icono: i.icono
+    }));
+
+    this.dialog.open(ReordenarMenuComponent, { data: { items: itemsVisibles } })
+      .afterClosed()
+      .subscribe((resultado: ItemDeMenuDialog[] | undefined) => {
+        if (!resultado) return;
+        this.persistirOrdenDelMenu(resultado);
+      });
+  }
+
+  private persistirOrdenDelMenu(itemsOrdenados: ItemDeMenuDialog[]): void {
+    const idsOrdenados = itemsOrdenados.map(i => i.id);
+    const itemsNoVisibles = this.itemsDeMenu.filter(i => !idsOrdenados.includes(i.id));
+    const itemsVisiblesReordenados = idsOrdenados
+      .map(id => this.itemsDeMenu.find(i => i.id === id)!)
+      .filter(Boolean);
+
+    itemsVisiblesReordenados.forEach((item, index) => {
+      item.posicion = (index + 1) * 10;
+    });
+    itemsNoVisibles.forEach((item, index) => {
+      item.posicion = (itemsVisiblesReordenados.length + index + 1) * 10;
+    });
+
+    this.itemsDeMenu = [...itemsVisiblesReordenados, ...itemsNoVisibles];
+
+    const Configuraciones = this.itemsDeMenu.map(i => ({
+      Titulo: i.id,
+      Posicion: i.posicion,
+      ColorDeBorde: null
+    }));
+
+    this.http.post(`${this.datosGlobalesService.ObtenerURL()}ConfiguracionDeTarjetas/actualizar`, {
+      Configuraciones
+    }).subscribe({ error: () => { } });
+  }
+
   ngOnInit() {
+    this.inicializarItemsDeMenu();
+    this.cargarOrdenDelMenu();
+
     const url = window.location.href.toLowerCase();
     if (url.includes('calidad')) {
       this.claseDelContenedor = 'contenedor calidad';
@@ -177,6 +270,14 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
     this.router.navigate(['/manual']);
   }
 
+  irAAccesibilidad(): void {
+    this.router.navigate(['/accesibilidad']);
+  }
+
+  irADeclaracionIA(): void {
+    this.router.navigate(['/ia']);
+  }
+
   irAVideo(): void {
     window.open(this.EnlaceDelVideo, '_blank', 'noopener,noreferrer');
   }

package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.css

@@ -0,0 +1,149 @@
+.ia-layout {
+  max-width: 820px;
+  margin: 0 auto;
+  padding: 24px 16px;
+  font-family: 'Roboto', sans-serif;
+}
+
+.ia-main {
+  display: flex;
+  flex-direction: column;
+  gap: 28px;
+}
+
+/* Encabezado */
+.ia-encabezado {
+  display: flex;
+  align-items: flex-start;
+  gap: 14px;
+  padding: 20px 24px;
+  background: linear-gradient(135deg, #002f6b 0%, #1565c0 100%);
+  color: white;
+  border-radius: 12px;
+}
+
+.ia-icono-header {
+  font-size: 40px !important;
+  width: 40px !important;
+  height: 40px !important;
+  flex-shrink: 0;
+  margin-top: 4px;
+  opacity: 0.9;
+}
+
+.ia-encabezado h1 {
+  margin: 0 0 6px 0;
+  font-size: 22px;
+  font-weight: 700;
+}
+
+.ia-encabezado p {
+  margin: 0;
+  font-size: 13px;
+  opacity: 0.85;
+}
+
+/* Secciones */
+.ia-seccion {
+  background: white;
+  border: 1px solid #d0daea;
+  border-radius: 10px;
+  padding: 20px 24px;
+}
+
+.ia-titulo-seccion {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 17px;
+  font-weight: 700;
+  color: #002f6b;
+  border-bottom: 2px solid #002f6b;
+  padding-bottom: 8px;
+  margin: 0 0 14px 0;
+}
+
+.ia-titulo-seccion mat-icon {
+  font-size: 20px !important;
+  width: 20px !important;
+  height: 20px !important;
+  color: #1976d2;
+}
+
+.ia-seccion p {
+  margin: 0 0 12px 0;
+  color: #333;
+  line-height: 1.65;
+  font-size: 14px;
+}
+
+.ia-seccion p:last-child {
+  margin-bottom: 0;
+}
+
+/* Bloque de declaración principal */
+.ia-declaracion {
+  border-color: #2e7d32;
+  border-left: 5px solid #2e7d32;
+  background: #f1f8f1;
+}
+
+.ia-declaracion-contenido {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+}
+
+.ia-declaracion-icono {
+  font-size: 36px !important;
+  width: 36px !important;
+  height: 36px !important;
+  color: #2e7d32;
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+
+.ia-declaracion h2 {
+  margin: 0 0 10px 0;
+  font-size: 18px;
+  font-weight: 700;
+  color: #1b5e20;
+}
+
+/* Lista */
+.ia-lista {
+  padding-left: 20px;
+  margin: 10px 0 0 0;
+  color: #333;
+  font-size: 14px;
+  line-height: 1.7;
+}
+
+.ia-lista li {
+  margin-bottom: 4px;
+}
+
+/* Pie */
+.ia-pie {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: #666;
+  padding: 12px 0 0 0;
+  border-top: 1px solid #e0e7ef;
+}
+
+.ia-pie mat-icon {
+  font-size: 16px !important;
+  width: 16px !important;
+  height: 16px !important;
+  color: #999;
+}
+
+@media (max-width: 600px) {
+  .ia-declaracion-contenido {
+    flex-direction: column;
+    gap: 10px;
+  }
+}

package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.html

@@ -0,0 +1,69 @@
+<div class="ia-layout">
+
+  <main class="ia-main" role="main" aria-label="Declaración de uso de inteligencia artificial">
+
+    <header class="ia-encabezado">
+      <mat-icon class="ia-icono-header">smart_toy</mat-icon>
+      <div>
+        <h1>Declaración de uso de inteligencia artificial</h1>
+      </div>
+    </header>
+
+    <!-- Declaración principal -->
+    <section class="ia-seccion ia-declaracion" aria-labelledby="titulo-declaracion">
+      <div class="ia-declaracion-contenido">
+        <mat-icon class="ia-declaracion-icono">verified</mat-icon>
+        <div>
+          <h2 id="titulo-declaracion">Este módulo no utiliza inteligencia artificial</h2>
+          <p>
+            Este módulo no incorpora ninguna aplicación,
+            modelo o algoritmo de inteligencia artificial como parte de su funcionamiento.
+          </p>
+          <p>
+            Todas las operaciones de este módulo se ejecutan mediante lógica determinista y procedimientos
+            establecidos, sin intervención de sistemas de aprendizaje automático ni de
+            procesamiento automatizado de decisiones.
+          </p>
+        </div>
+      </div>
+    </section>
+
+    <!-- Qué no se considera IA de la aplicación -->
+    <section class="ia-seccion" aria-labelledby="titulo-alcance">
+      <h2 id="titulo-alcance" class="ia-titulo-seccion">
+        <mat-icon>info</mat-icon> Alcance de esta declaración
+      </h2>
+      <p>
+        Esta declaración se refiere a la funcionalidad del módulo tal como es accesible por los
+        usuarios finales. No cubre herramientas internas de desarrollo de software utilizadas
+        por el equipo técnico durante la construcción del sistema, las cuales son externas al
+        módulo y no procesan datos de los usuarios.
+      </p>
+    </section>
+
+    <!-- Qué haría que esto cambie -->
+    <section class="ia-seccion" aria-labelledby="titulo-cambios">
+      <h2 id="titulo-cambios" class="ia-titulo-seccion">
+        <mat-icon>update</mat-icon> Actualización de esta declaración
+      </h2>
+      <p>
+        Si en versiones futuras se incorporara cualquier componente de inteligencia artificial
+        —como asistentes de planificación, sugerencias automáticas o análisis predictivo—,
+        esta sección será actualizada para documentar:
+      </p>
+      <ul class="ia-lista">
+        <li>Las razones para su incorporación.</li>
+        <li>Los modelos algorítmicos empleados.</li>
+        <li>Los datos que orientan dichos modelos.</li>
+        <li>La lógica de utilización y sus limitaciones.</li>
+      </ul>
+    </section>
+
+    <!-- Pie con fecha -->
+    <footer class="ia-pie">
+      <mat-icon>calendar_today</mat-icon>
+      <span>Declaración vigente a partir del 19 de mayo de 2026. Universidad Técnica Nacional.</span>
+    </footer>
+
+  </main>
+</div>

package/templates/frontend/src/app/Paginas/Nucleo/declaracion-ia/declaracion-ia.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+
+@Component({
+  selector: 'app-declaracion-ia',
+  standalone: true,
+  imports: [MatIconModule],
+  templateUrl: './declaracion-ia.component.html',
+  styleUrl: './declaracion-ia.component.css'
+})
+export class DeclaracionIaComponent { }

package/templates/frontend/src/app/app.routes.ts

@@ -13,4 +13,12 @@ export const routes: Routes = [
     path: 'manual',
     loadComponent: () => import('./Componentes/Nucleo/manual/manual.component').then(m => m.ManualComponent)
   },
+  {
+    path: 'accesibilidad',
+    loadComponent: () => import('./Paginas/Nucleo/accesibilidad/accesibilidad.component').then(m => m.AccesibilidadComponent)
+  },
+  {
+    path: 'ia',
+    loadComponent: () => import('./Paginas/Nucleo/declaracion-ia/declaracion-ia.component').then(m => m.DeclaracionIaComponent)
+  },
 ];