utn-cli 2.1.54 → 2.1.55

package/templates/frontend/src/app/Paginas/Nucleo/conozcanos/conozcanos.component.html

@@ -1,109 +1,110 @@
-<div class="subtitle">
-  <p>Conózcanos</p>
-</div>
-<div class="conozcanos-container">
-  <div class="conozcanos-content">
-    <div class="conozcanos-text">
-      <p>Somos el equipo profesional de TI de la Universidad Técnica Nacional, encargados del desarrollo y codificación
-        de herramientas que faciliten a toda la comunidad universitaria y al usuario en general que utilicen el sistema.
-        Somos los encargados del desarrollo de la plataforma SIGU.</p>
-      <p>Somos la unidad encargada del diseño, desarrollo, mantenimiento y soporte del Sistema Integrado de Gestión
-        Universitaria (SIGU).</p>
-    </div>
-    <div class="conozcanos-image">
-      <img src="conozcanos1.jpg" alt="Equipo SIGU">
-    </div>
-  </div>
-  <!-- Sección Propósito -->
-  <div class="proposito-section">
-    <div class="proposito-header">
-      <h2 class="proposito-title">Propósito del equipo</h2>
-    </div>
-    <div class="proposito-text">
-      <p>Trabajamos diariamente para asegurar que la plataforma sea una herramienta accesible, segura y eficiente,
-        facilitando la gestión académica y administrativa en cada una de sus etapas.</p>
-      <p>Un equipo capacitado y en mejora constante, que realmente se involucra en la calidad y seguridad de cada
-        sistema desarrollado. Aportando funciones claves como:</p>
-    </div>
-    <div class="proposito-grid">
-      <div class="proposito-card">
-        <div class="card-header">
-          <span class="card-icon">+</span>
-          <h3>Innovación</h3>
-        </div>
-        <p>El desarrollo de nuevas herramientas y actualizaciones.</p>
+<div class="ia-layout">
+  <main class="ia-main">
+
+    <header class="ia-encabezado">
+      <mat-icon class="ia-icono-header">groups</mat-icon>
+      <div>
+        <h1>Conózcanos</h1>
       </div>
-      <div class="proposito-card">
-        <div class="card-header">
-          <span class="card-icon">+</span>
-          <h3>Soporte técnico y acompañamiento</h3>
+    </header>
+
+    <!-- Intro + Propósito (vista principal) -->
+    <div class="conozcanos-intro">
+      <div class="conozcanos-content">
+        <div class="conozcanos-text">
+          <p>Somos la unidad encargada del diseño, desarrollo, mantenimiento y soporte del Sistema Integrado de Gestión
+            Universitaria (SIGU).</p>
+          <p>El equipo profesional de TI de la Universidad Técnica Nacional tiene como misión desarrollar soluciones
+            tecnológicas que mejoren la experiencia de gestión de la comunidad universitaria y del usuario general.</p>
+        </div>
+        <div class="conozcanos-image">
+          <img src="conozcanos1.jpg" alt="Equipo SIGU">
         </div>
-        <p>Resolución de problemas técnicos y atención a usuarios.</p>
       </div>
-      <div class="proposito-card">
-        <div class="card-header">
-          <span class="card-icon">+</span>
-          <h3>Seguridad</h3>
+
+      <div class="proposito-section">
+        <h2 class="proposito-title">Propósito del equipo</h2>
+        <div class="proposito-grid">
+          <div class="proposito-card">
+            <div class="card-header">
+              <span class="card-icon">+</span>
+              <h3>Soporte técnico</h3>
+            </div>
+            <p>Resolución de problemas técnicos y atención a usuarios.</p>
+          </div>
+          <div class="proposito-card">
+            <div class="card-header">
+              <span class="card-icon">+</span>
+              <h3>Soporte y acompañamiento</h3>
+            </div>
+            <p>Acompañamiento continuo a los usuarios del sistema.</p>
+          </div>
+          <div class="proposito-card">
+            <div class="card-header">
+              <span class="card-icon">+</span>
+              <h3>Seguridad</h3>
+            </div>
+            <p>Garantizamos la seguridad de la información de cada uno de los usuarios.</p>
+          </div>
         </div>
-        <p>Garantizamos la seguridad de la información de cada uno de los usuarios.</p>
       </div>
     </div>
-  </div>
 
-  <div class="Liderazgo-container" *ngIf="desarrolladorLider">
-    <div class="Liderazgo-content">
+    <!-- Equipo de trabajo (contenedor separado, scroll) -->
+    <div class="team-wrapper">
 
-      <div class="Liderazgo-header">
-        <h2 class="Liderazgo-title">Dirección y liderazgo técnico</h2>
-      </div>
-
-      <div class="Liderazgo-body">
-        <div class="Liderazgo-image">
-          <img [src]="desarrolladorLider.FotoURL || 'conozcanos2.png'" [alt]="desarrolladorLider.NombreCompleto">
+      <div class="Liderazgo-content" *ngIf="desarrolladorLider">
+        <div class="Liderazgo-header">
+          <h2 class="Liderazgo-title">Dirección y liderazgo técnico</h2>
         </div>
-
-        <div class="Liderazgo-text">
-          <p class="name">{{ desarrolladorLider.NombreCompleto }}</p>
-          <p class="cargo">Líder del equipo técnico</p>
-          <p>{{desarrolladorLider.Biografia}}</p>
+        <div class="Liderazgo-body">
+          <div class="Liderazgo-image">
+            <img [src]="desarrolladorLider.FotoURL || 'conozcanos2.png'" [alt]="desarrolladorLider.NombreCompleto">
+          </div>
+          <div class="Liderazgo-text">
+            <p class="name">{{ desarrolladorLider.NombreCompleto }}</p>
+            <p class="cargo">Líder del equipo técnico</p>
+            <p>{{desarrolladorLider.Biografia}}</p>
+          </div>
         </div>
       </div>
-    </div>
-  </div>
 
-  <!-- Team work -->
-  <div class="team-section">
-    <div class="team-header">
-      <h2 class="team-title">Equipo de trabajo</h2>
-    </div>
-    <div class="team-text">
-      <p>Nuestro equipo de trabajo y de desarrollo del SIGU es un grupo pequeño pero capacitado que garantiza la
-        evolución, creación y seguridad. A continuación se muestra nuestro equipo.</p>
-    </div>
-
-    <div class="team-grid">
-      <div *ngFor="let desarrollador of datosDesarrolladores; let i = index" class="team-card">
-        <div class="team-card-inner">
-          <div class="team-front">
-            <div class="team-photo">
-              <img [src]="desarrollador.FotoURL || 'Avatar=45.png'"
-                [alt]="desarrollador.NombreCompleto || 'Miembro del equipo'">
+      <div class="team-section">
+        <div class="team-header">
+          <h2 class="team-title">Equipo de trabajo</h2>
+        </div>
+        <div class="team-text">
+          <p>Nuestro equipo de trabajo y de desarrollo del SIGU es un grupo pequeño pero capacitado que garantiza la
+            evolución, creación y seguridad. A continuación se muestra nuestro equipo.</p>
+        </div>
+        <div class="team-grid">
+          <div *ngFor="let desarrollador of datosDesarrolladores; let i = index" class="team-card">
+            <div class="team-card-inner">
+              <div class="team-front">
+                <div class="team-photo">
+                  <img [src]="desarrollador.FotoURL || 'Avatar=45.png'"
+                    [alt]="desarrollador.NombreCompleto || 'Miembro del equipo'">
+                </div>
+                <h3 class="team-name">{{ desarrollador.NombreCompleto || 'Miembro ' + (i+1) }}</h3>
+                <p class="team-position">{{ desarrollador.Perfil }}</p>
+                <button class="team-btn" (click)="flipCard($event)">
+                  Ver más
+                </button>
+              </div>
+              <div class="team-back">
+                <p>{{ desarrollador.Biografia || 'Sin biografía disponible.' }}</p>
+                <button class="team-btn" (click)="flipCard($event)">
+                  Volver
+                </button>
+              </div>
             </div>
-            <h3 class="team-name">{{ desarrollador.NombreCompleto || 'Miembro ' + (i+1) }}</h3>
-            <p class="team-position">Desarrollador</p>
-            <button class="team-btn" (click)="flipCard($event)">
-              Ver más
-            </button>
-          </div>
-          <div class="team-back">
-            <p>{{ desarrollador.Biografia || 'Sin biografía disponible.' }}</p>
-            <button class="team-btn" (click)="flipCard($event)">
-              Volver
-            </button>
           </div>
         </div>
       </div>
+
     </div>
 
-  </div>
-</div>
+    <button *ngIf="mostrarBotonInicio" class="btn-volver-arriba" (click)="irAlInicio()" title="Volver arriba">↑ Volver arriba</button>
+
+  </main>
+</div>

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

@@ -17,6 +17,8 @@ export class ConozcanosComponent implements OnInit {
   public cargando: boolean = true;
   public desarrolladorLider: any = null;
   private _destroy$ = new Subject<void>();
+  mostrarBotonInicio = false;
+  private _scrollListener?: EventListener;
 
   constructor(private http: HttpClient, private datosGlobalesService: DatosGlobalesService) { }
 
@@ -24,14 +26,24 @@ export class ConozcanosComponent implements OnInit {
   ngOnInit(): void {
     this.http.get(`${this.datosGlobalesService.ObtenerURL()}misc/VistaDeConozcanos`).pipe(takeUntil(this._destroy$)).subscribe({ error: () => { } });
     this.obtenerDesarrolladores();
+    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); }
   }
 
   obtenerDesarrolladores(): void {
     this.cargando = true;
     this.http.get(`${this.datosGlobalesService.ObtenerURL()}misc/obtenerEquipoDeDesarrolladores`).subscribe({
       next: (respuesta: any) => {
-        console.log('Respuesta equipo:', respuesta);
-
         if (respuesta.error) {
           console.error('Problemas:', respuesta.error);
           this.cargando = false;
@@ -59,5 +71,10 @@ export class ConozcanosComponent implements OnInit {
       card.classList.toggle('flipped');
     }
   }
+  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' }); }
+  }
 }
 

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

@@ -56,7 +56,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
     return this.itemsDeMenu.filter(i => !i.requierePermiso || this.TienePermiso);
   }
 
-  get esDashboard(): boolean { return window.location.hostname.includes('portalv2-frontend'); }
+  get esDashboard(): boolean { return window.location.pathname === '/'; }
 
   toggleSidebar(): void {
     const abriendo = !this.datosGlobalesService.sidebarVisible$.value;
@@ -104,7 +104,7 @@ export class ContenedorComponentesComponent implements OnInit, OnDestroy, AfterV
       { 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 },
-      { id: 'nav_politicas', etiqueta: 'Políticas de seguridad', icono: 'security', accion: () => this.irAPoliticas(), requierePermiso: false, posicion: 50 },
+      { id: 'nav_politicas', etiqueta: 'Política de seguridad', icono: 'security', accion: () => this.irAPoliticas(), requierePermiso: false, posicion: 50 },
       { id: 'nav_acercade', etiqueta: 'Acerca de', icono: 'info', accion: () => this.irAAcercaDe(), requierePermiso: false, posicion: 50 },
       { id: 'nav_conozcanos', etiqueta: 'Conózcanos', icono: 'groups', accion: () => this.irAConozcanos(), requierePermiso: false, posicion: 50 },
       { id: 'nav_sabias_que', etiqueta: 'Sabías qué', icono: 'lightbulb', accion: () => this.irASabiasQue(), requierePermiso: false, posicion: 50 },

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

@@ -147,3 +147,28 @@
     gap: 10px;
   }
 }
+
+
+/* Botón volver arriba */
+.btn-volver-arriba {
+  display: none;
+}
+
+@media (max-width: 768px) {
+  .btn-volver-arriba {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 2rem auto 1rem;
+    padding: 0.6rem 1.4rem;
+    background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
+    color: white;
+    border: none;
+    border-radius: 24px;
+    font-family: 'Roboto', sans-serif;
+    font-size: 0.9rem;
+    font-weight: 500;
+    cursor: pointer;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
+  }
+}

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

@@ -65,5 +65,7 @@
       <span>Declaración vigente a partir del 19 de mayo de 2026. Universidad Técnica Nacional.</span>
     </footer>
 
+    <button *ngIf="mostrarBotonInicio" class="btn-volver-arriba" (click)="irAlInicio()" title="Volver arriba">↑ Volver arriba</button>
+
   </main>
 </div>

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

@@ -1,11 +1,41 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { HttpClient } from '@angular/common/http';
+import { DatosGlobalesService } from '../../../datos-globales.service';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
 @Component({
   selector: 'app-declaracion-ia',
   standalone: true,
-  imports: [MatIconModule],
+  imports: [MatIconModule, CommonModule],
   templateUrl: './declaracion-ia.component.html',
   styleUrl: './declaracion-ia.component.css'
 })
-export class DeclaracionIaComponent { }
+export class DeclaracionIaComponent 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/VistaDeDeclaracionIA`).pipe(takeUntil(this._destroy$)).subscribe({ error: () => { } });
+    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); }
+  }
+  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' }); }
+  }
+}

package/templates/frontend/src/app/Paginas/Nucleo/politicas/politicas.component.css

@@ -1,22 +1,52 @@
-.politicas-container {
-  max-width: 1000px;
-  padding-bottom: 20px;
-  font-family: 'Roboto', sans-serif;
-  background-color: white;
-  text-align: left;
+.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;
 }
 
-.subtitle {
-  background-color: #0b4794;
-  font-size: 25px;
+.ia-encabezado {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 20px 24px;
+  background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
   color: white;
-  padding: 18px;
-  margin: 20px 0;
-  text-align: center;
+  border-radius: 12px;
+}
+
+.ia-icono-header {
+  font-size: 40px !important;
+  width: 40px !important;
+  height: 40px !important;
+  flex-shrink: 0;
+  opacity: 0.9;
 }
-.subtitle p {
-  margin: 5px 0;
+
+.ia-encabezado h1 {
+  margin: 0;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.ia-seccion {
+  background: white;
+  border: 1px solid #d0daea;
+  border-radius: 10px;
+  padding: 20px 24px;
+}
+
+.ia-seccion .tree-container {
+  padding-left: 0;
+  padding-right: 0;
+  margin-top: 0;
 }
 .description {
   width: 100%;
@@ -155,4 +185,28 @@
   .tree-content li{
      font-size: 14px;
   }
-}
+}
+
+/* Botón volver arriba */
+.btn-volver-arriba {
+  display: none;
+}
+
+@media (max-width: 768px) {
+  .btn-volver-arriba {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 2rem auto 1rem;
+    padding: 0.6rem 1.4rem;
+    background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
+    color: white;
+    border: none;
+    border-radius: 24px;
+    font-family: 'Roboto', sans-serif;
+    font-size: 0.9rem;
+    font-weight: 500;
+    cursor: pointer;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
+  }
+}