utn-cli 2.1.54 → 2.1.56

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

@@ -1,49 +1,59 @@
-<div class="subtitle">
-  <p>¿Qué es SIGU?</p>
-</div>
-<div class="politicas-container">
+<div class="ia-layout">
+  <main class="ia-main">
+
+    <header class="ia-encabezado">
+      <mat-icon class="ia-icono-header">info</mat-icon>
+      <div>
+        <h1>¿Qué es SIGU?</h1>
+      </div>
+    </header>
 
-  <div class="description">
-    <p>El Sistema Integrado de Gestión Universitaria (SIGU) es la plataforma digital de la Universidad Técnica Nacional
-      diseñada para centralizar y facilitar la gestión de servicios académicos, administrativos e institucionales.
-    </p>
-    <p>SIGU nace con el propósito de modernizar y optimizar los procesos institucionales que permitan a estudiantes,
-      docentes, personal administrativo, aspirantes, clientes y público en general acceder a distintos servicios
-      universitarios desde una plataforma segura, accesible y eficiente.
-    </p>
-    <P>
-      La plataforma integra funcionalidades relacionadas con procesos académicos, solicitudes institucionales, gestión
-      administrativa, autenticación de usuarios y acceso a información universitaria, permitiendo centralizar y mejorar
-      la experiencia digital y fortalecer la interacción entre la Universidad y sus usuarios.
-    </P>
-    <P>
-      Asimismo, SIGU busca ser una plataforma universitaria moderna, innovadora, accesible y en constante evolución,
-      comprometida con la mejora continua de los servicios digitales institucionales, el fortalecimiento de la gestión
-      universitaria y el uso responsable y seguro de la información, contribuyendo así a una experiencia tecnológica más
-      eficiente, transparente y orientada a las necesidades de la comunidad universitaria.
-    </P>
-    <P><strong>
-      El Sistema Integrado de Gestión Universitaria (SIGU) ofrece principios enfocados en la mejora continua de los
-      servicios digitales universitarios como:
-      </strong>
-    </P>
-    <ul>
-      <li>Eficiencia: SIGU busca optimizar los procesos académicos y administrativos mediante herramientas tecnológicas
-        que faciliten el acceso ágil y centralizado a los servicios institucionales.</li>
-      <li>Confiabilidad: La plataforma procura garantizar integridad y disponibilidad de la información, permitiendo a
-        los usuarios realizar sus gestiones dentro de un entorno confiable.
-      </li>
-      <li>Accesibilidad: SIGU facilita el acceso inmediato a la información y a los módulos de servicios, asegurando una
-        experiencia digital fluida para todos los usuarios registrados.</li>
-      <li>Seguridad: La plataforma incorpora medidas de seguridad informática y protección de datos personales, con el
-        fin de resguardar la información institucional y la privacidad de los usuarios.</li>
-      <li>Organización: SIGU centraliza distintos procesos y servicios universitarios en una única plataforma digital,
-        permitiendo una gestión más ordenada y eficiente de la información.</li>
-    </ul>
+    <section class="ia-seccion">
+      <div class="description">
+        <p>El Sistema Integrado de Gestión Universitaria (SIGU) es la plataforma digital de la Universidad Técnica Nacional
+          diseñada para centralizar y facilitar la gestión de servicios académicos, administrativos e institucionales.
+        </p>
+        <p>SIGU nace con el propósito de modernizar y optimizar los procesos institucionales que permitan a estudiantes,
+          docentes, personal administrativo, aspirantes, clientes y público en general acceder a distintos servicios
+          universitarios desde una plataforma segura, accesible y eficiente.
+        </p>
+        <P>
+          La plataforma integra funcionalidades relacionadas con procesos académicos, solicitudes institucionales, gestión
+          administrativa, autenticación de usuarios y acceso a información universitaria, permitiendo centralizar y mejorar
+          la experiencia digital y fortalecer la interacción entre la Universidad y sus usuarios.
+        </P>
+        <P>
+          Asimismo, SIGU busca ser una plataforma universitaria moderna, innovadora, accesible y en constante evolución,
+          comprometida con la mejora continua de los servicios digitales institucionales, el fortalecimiento de la gestión
+          universitaria y el uso responsable y seguro de la información, contribuyendo así a una experiencia tecnológica más
+          eficiente, transparente y orientada a las necesidades de la comunidad universitaria.
+        </P>
+        <P><strong>
+          El Sistema Integrado de Gestión Universitaria (SIGU) ofrece principios enfocados en la mejora continua de los
+          servicios digitales universitarios como:
+          </strong>
+        </P>
+        <ul>
+          <li>Eficiencia: SIGU busca optimizar los procesos académicos y administrativos mediante herramientas tecnológicas
+            que faciliten el acceso ágil y centralizado a los servicios institucionales.</li>
+          <li>Confiabilidad: La plataforma procura garantizar integridad y disponibilidad de la información, permitiendo a
+            los usuarios realizar sus gestiones dentro de un entorno confiable.
+          </li>
+          <li>Accesibilidad: SIGU facilita el acceso inmediato a la información y a los módulos de servicios, asegurando una
+            experiencia digital fluida para todos los usuarios registrados.</li>
+          <li>Seguridad: La plataforma incorpora medidas de seguridad informática y protección de datos personales, con el
+            fin de resguardar la información institucional y la privacidad de los usuarios.</li>
+          <li>Organización: SIGU centraliza distintos procesos y servicios universitarios en una única plataforma digital,
+            permitiendo una gestión más ordenada y eficiente de la información.</li>
+        </ul>
 
-    <P>La Universidad Técnica Nacional trabaja continuamente en el desarrollo y actualización de la plataforma, con el
-      objetivo de ofrecer servicios digitales más modernos y adaptados a las necesidades de la comunidad universitaria.
-    </P>
-  </div>
+        <P>La Universidad Técnica Nacional trabaja continuamente en el desarrollo y actualización de la plataforma, con el
+          objetivo de ofrecer servicios digitales más modernos y adaptados a las necesidades de la comunidad universitaria.
+        </P>
+      </div>
+    </section>
 
-</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/acercade/acercade.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,14 +8,33 @@ import { Subject } from 'rxjs';
 @Component({
   selector: 'app-acercade',
   standalone: true,
-  imports: [MatIconModule],
+  imports: [MatIconModule, CommonModule],
   templateUrl: './acercade.component.html',
   styleUrl: './acercade.component.css'
 })
 export class AcercadeComponent 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/VistaDeAcercaDe`).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' }); }
    }
  }