utn-cli 1.0.0

package/templates/frontend/src/app/Paginas/gestion-tabla-jefe/gestion-tabla-jefe.component.html

@@ -0,0 +1,25 @@
+<div>
+  <h3>Listado de incapacidades, licencias y permisos por persona</h3>
+  @if(cargando) {
+  <div class="cargando-overlay">
+    <mat-spinner diameter="50"></mat-spinner>
+    <p>Procesando, por favor espere...</p>
+  </div>
+  } @else {
+  @if(DatosParaPoblarLaTabla) {
+  <div class="borde">
+    <app-tabla [columnas]="columnas" [datos]="DatosParaPoblarLaTabla" [acciones]="acciones"
+      [mostrarElBotonDeGuardado]="true" [accionesSiempreClickeable]="accionesSiempreClickeable"
+      [estadosQuePermitenEdicion]="estadosQuePermitenEdicion" (GuardarAccion)="AbrirModal()"
+      (DescargarInformacion)="DescargarReporte()" (CambioDePagina)="onCambioDePagina($event)"
+      [paginarResultados]="PaginarResultados" [TotalDeRegistros]="TotalDeRegistros"></app-tabla>
+  </div>
+  <div class="pie">
+  </div>
+  } @else {
+  <div>
+    <mat-progress-bar mode="indeterminate"></mat-progress-bar>Cargando...
+  </div>
+  }
+  }
+</div>

package/templates/frontend/src/app/Paginas/gestion-tabla-jefe/gestion-tabla-jefe.component.ts

@@ -0,0 +1,245 @@
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatSelectModule } from '@angular/material/select';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatRadioModule } from '@angular/material/radio';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { DatosGlobalesService } from '../../datos-globales.service';
+import { MatDialog } from '@angular/material/dialog';
+import { TablaComponent } from '../../Componentes/Nucleo/tabla/tabla.component';
+import { MatButtonModule } from '@angular/material/button';
+import { MensajeConfirmacionComponent } from '../../Componentes/Nucleo/mensaje-confirmacion/mensaje-confirmacion'
+import { SubirArchivoComponent } from '../../Componentes/Nucleo/subir-archivo/subir-archivo.component';
+import { MensajeInformacionComponent } from '../../Componentes/Nucleo/mensaje-informacion/mensaje-informacion';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+@Component({
+  selector: 'app-gestion-tabla-jefe',
+  imports: [
+    TablaComponent,
+    MatFormFieldModule,
+    MatSelectModule,
+    FormsModule,
+    MatRadioModule,
+    MatProgressBarModule,
+    MatButtonModule,
+    MatProgressSpinnerModule
+  ],
+  templateUrl: './gestion-tabla-jefe.component.html',
+  styleUrls: ['./gestion-tabla-jefe.component.css'],
+})
+export class GestionTablaJefeComponent {
+  // public DatosParaPoblarLaTabla: any[] = [];
+  // Si se inicializa en vacío sí muestra la barra de "cargando"
+  // de lo contrario no, no se inicializa si los datos que carga son más de 15.000
+  public DatosParaPoblarLaTabla: any[] = [];
+  public cargando = false;
+
+  public columnas = [
+    { Llave: 'NumeroBoleta', Alias: 'N° de boleta', TipoDeFiltro: 'Tabla' },
+    { Llave: 'Descripcion', Alias: 'Tipo de ausencia', TipoDeFiltro: 'Tabla' },
+    { Llave: 'FechaDeInicio', Alias: 'Fecha de inicio', TipoDeFiltro: 'Tabla' },
+    { Llave: 'FechaDeFinal', Alias: 'Fecha final', TipoDeFiltro: 'Tabla' },
+    { Llave: 'TotalDeDias', Alias: 'Total de días', TipoDeFiltro: 'Tabla' },
+    { Llave: 'CodigoDeDoctor', Alias: 'Código y nombre del doctor', TipoDeFiltro: 'Tabla' },
+    { Llave: 'AreaDeSalud', Alias: 'Área de salud', TipoDeFiltro: 'Tabla' },
+    { Llave: 'Estado', Alias: 'Estado', TipoDeFiltro: 'Tabla' }
+  ];
+
+  public estadosQuePermitenEdicion = ['Tramitando'];
+  // https://fonts.google.com/icons
+  acciones = [
+    { icono: 'check', color: 'marino', textoAyuda: 'Firmar', ejecutar: (row: any) => this.confirmacionFirmaDelJefe(row), },
+    { icono: 'close', color: 'rojo', textoAyuda: 'Rechazar', ejecutar: (row: any) => this.confirmacionRechazoDelJefe(row), },
+  ];
+  public accionesSiempreClickeable = [
+    { icono: 'upload_file', color: 'verde', textoAyuda: 'Subir adjuntos', ejecutar: (row: any) => this.AbrirModalArchivo(row), },
+    { icono: 'info', color: 'verdeoscuro', textoAyuda: 'Información', ejecutar: (fila: any) => this.mostrarDetalleDelRegistro(fila.LicenciaId), }
+  ];
+  constructor(private http: HttpClient, private dialog: MatDialog, private datosGlobalesService: DatosGlobalesService) {
+    this.obtenerDatosParaPoblarLaTabla();
+  }
+
+  // PuntosPorColegioEnCantonConMIDH(fila: any): void {
+  //   this.dialog.open(MensajeConfirmacionComponent, {
+  //     data: {
+  //       titulo: 'Confirmación',
+  //       mensaje: `¿Confirma que desea actualizar las los púntos por colegio en cantón con MIDH?`,
+  //       textoCerrar: 'Cancelar',
+  //       textoAceptar: 'Actualizar',
+  //       onClose: () => { },
+  //       onAccept: () => {
+  //         this.cargando = true;
+  //         this.http.post(`${this.datosGlobalesService.ObtenerURL()}ParametrosAcciones/PuntosPorColegioEnCantonConMIDH`, { Periodo: fila.Periodo }).subscribe({
+  //           next: (datos: any) => {
+  //             this.dialog.open(MensajeConfirmacionComponent, {
+  //               data: {
+  //                 titulo: 'Confirmación',
+  //                 mensaje: datos.body,
+  //                 textoCerrar: 'Cancelar',
+  //                 textoAceptar: 'Cerrar',
+  //                 onClose: () => { },
+  //                 onAccept: () => { },
+  //               },
+  //             });
+  //             this.obtenerDatosParaPoblarLaTabla();
+  //           },
+  //           error: (error) => {
+  //             this.obtenerDatosParaPoblarLaTabla();
+  //           },
+  //           complete: () => {
+  //           this.cargando = false; // Ocultar spinner
+  //           }
+  //         });
+  //       },
+  //     },
+  //   });
+  // }
+
+  mostrarDetalleDelRegistro(LicenciaId: any): void {
+    let data = {};
+    this.http
+      .get(`${this.datosGlobalesService.ObtenerURL()}licencias/datosDeUnaLicencia/${LicenciaId}`)
+      .subscribe({
+        next: (datos: any) => {
+          let data = datos.body[0];
+          this.dialog.open(MensajeInformacionComponent, { data });
+        },
+      });
+  }
+
+  confirmacionFirmaDelJefe(fila: any): void {
+    const dialogRef = this.dialog.open(MensajeConfirmacionComponent, {
+      data: {
+        titulo: 'Confirmación',
+        mensaje: `¿Realmente desea hacer la confirmación de este registro?`,
+        textoCerrar: 'Cancelar',
+        textoAceptar: 'Firmar',
+        SolicitaMensaje: true
+      },
+    });
+    dialogRef.afterClosed().subscribe((MensajeBrindado) => {
+      if (MensajeBrindado !== undefined && MensajeBrindado.trim() !== '') {
+        this.firmaDelJefe(fila.LicenciaId, MensajeBrindado);
+      }
+    });
+  }
+
+  confirmacionRechazoDelJefe(fila: any): void {
+    const dialogRef = this.dialog.open(MensajeConfirmacionComponent, {
+      data: {
+        titulo: 'Confirmación',
+        mensaje: `¿Realmente desea rechazar la confirmación de este registro?`,
+        textoCerrar: 'Cancelar',
+        textoAceptar: 'Rechazar',
+        SolicitaMensaje: true
+      },
+    });
+    dialogRef.afterClosed().subscribe((MensajeBrindado) => {
+      if (MensajeBrindado !== undefined && MensajeBrindado.trim() !== '') {
+        this.rechazoDelJefe(fila.LicenciaId, MensajeBrindado);
+      }
+    });
+  }
+
+  rechazoDelJefe(LicenciaId: any, MensajeBrindado: any): void {
+    let Datos = {
+      "LicenciaId": LicenciaId,
+      "Estado": "Rechazado",
+      "Observaciones": MensajeBrindado
+    };
+    this.http.post(`${this.datosGlobalesService.ObtenerURL()}licencias/firmaORechazoDelJefe`, Datos).subscribe({
+      next: (datos: any) => {
+        this.obtenerDatosParaPoblarLaTabla();
+      },
+      error: (error) => {
+        this.obtenerDatosParaPoblarLaTabla();
+      },
+    });
+  }
+  firmaDelJefe(LicenciaId: any, MensajeBrindado: any): void {
+    let Datos = {
+      "LicenciaId": LicenciaId,
+      "Estado": "Tramitada",
+      "Observaciones": MensajeBrindado
+    };
+    this.http.post(`${this.datosGlobalesService.ObtenerURL()}licencias/firmaORechazoDelJefe`, Datos).subscribe({
+      next: (datos: any) => {
+        this.obtenerDatosParaPoblarLaTabla();
+      },
+      error: (error) => {
+        this.obtenerDatosParaPoblarLaTabla();
+      },
+    });
+  }
+
+  public PaginarResultados: boolean = false;
+  public TotalDeRegistros: number = 0;
+  public PaginadorAccion: string = '-';
+  public PaginadorIndice: number = 0;
+  public PaginadorTamanio: number = 0;
+  public PaginadorFiltro: string = '&&&&';
+  public PaginadorColumnaParaFiltrar: string = '-';
+  public PaginadorColumnasParaFiltrar: string = '-';
+  onCambioDePagina(event: { accion: string, pageIndex: number, pageSize: number, valorParaFiltrar: string, columnaParaFiltrar: string, columnasParaFiltrar: string }) {
+    this.PaginadorAccion = event.accion;
+    this.PaginadorIndice = event.pageIndex;
+    this.PaginadorTamanio = event.pageSize;
+    this.PaginadorFiltro = event.valorParaFiltrar || '&&&&';
+    this.PaginadorColumnaParaFiltrar = event.columnaParaFiltrar || '-';
+    this.PaginadorColumnasParaFiltrar = event.columnasParaFiltrar || '-';
+    if (this.PaginarResultados) {
+      this.obtenerDatosParaPoblarLaTabla();
+    }
+  }
+
+  obtenerDatosParaPoblarLaTabla() {
+    this.http.get(`${this.datosGlobalesService.ObtenerURL()}licencias/listarDatosDeLaJefatura`).subscribe({
+      next: (datos: any) => {
+        if (datos.error) {
+          console.error('Problemas al obtener los registros:', datos.error);
+          return;
+        }
+        if (this.PaginarResultados) {
+          this.DatosParaPoblarLaTabla = datos.body.Registros || [];
+          this.TotalDeRegistros = datos.body.TotalDeRegistros || 0;
+        } else {
+          this.DatosParaPoblarLaTabla = datos.body || [];
+          this.TotalDeRegistros = datos.body.length || 0;
+        }
+      },
+      error: (error) => {
+        console.error('Problemas al obtener los registros: ', error);
+      },
+    });
+  }
+  DescargarReporte() {
+    this.http.get(`${this.datosGlobalesService.ObtenerURL()}licencias/reporteDeLaJefatura`, {
+      responseType: 'text'
+    }).subscribe({
+      next: (datos: any) => {
+        const blob = new Blob([decodeURIComponent(datos)], { type: 'text/csv;charset=utf-8;' });
+        const enlace = document.createElement('a');
+        enlace.href = URL.createObjectURL(blob);
+        enlace.download = 'datos.csv';
+        enlace.click();
+      },
+      error: (error) => {
+        console.error('Problemas al obtener los registros: ', error);
+      },
+    });
+  }
+  AbrirModal(incapacidad?: any): void {
+    alert("No es posible crear un registro");
+  }
+  async AbrirModalArchivo(incapacidad?: any): Promise<void> {
+    const dialogRef = this.dialog.open(SubirArchivoComponent, {
+      data: {
+        Etiqueta: incapacidad.LicenciaId
+        , EsEditable: false
+        , Permiso: 'Servicio'
+      },
+    });
+  }
+}

package/templates/frontend/src/app/analytics.module.ts

@@ -0,0 +1,45 @@
+import { NgModule, ModuleWithProviders, Injectable } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+import { CommonModule } from '@angular/common';
+
+declare let gtag: Function;
+
+@Injectable({ providedIn: 'root' })
+export class AnalyticsService {
+  constructor(private router: Router) {
+    // Escuchar cambios de ruta y mandar page_view
+    this.router.events.subscribe(event => {
+      if (event instanceof NavigationEnd) {
+        this.sendPageView(event.urlAfterRedirects);
+      }
+    });
+  }
+
+  private sendPageView(url: string) {
+    if (typeof gtag !== 'undefined') {
+      gtag('event', 'page_view', {
+        page_path: url,
+        page_location: window.location.href,
+        page_title: document.title,
+      });
+    }
+  }
+
+  public sendEvent(action: string, params: Record<string, any> = {}) {
+    if (typeof gtag !== 'undefined') {
+      gtag('event', action, params);
+    }
+  }
+}
+
+@NgModule({
+  imports: [CommonModule],
+})
+export class AnalyticsModule {
+  static forRoot(): ModuleWithProviders<AnalyticsModule> {
+    return {
+      ngModule: AnalyticsModule,
+      providers: [AnalyticsService],
+    };
+  }
+}

package/templates/frontend/src/app/app.component.html

@@ -0,0 +1 @@
+<app-contenedor-componentes />

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

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+import { ContenedorComponentesComponent } from './Paginas/Nucleo/contenedor-componentes/contenedor-componentes.component';
+
+@Component({
+  selector: 'app-root',
+  imports: [ContenedorComponentesComponent],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.css'
+})
+export class AppComponent { }

package/templates/frontend/src/app/app.config.server.ts

@@ -0,0 +1,14 @@
+import { mergeApplicationConfig, ApplicationConfig } from '@angular/core';
+import { provideServerRendering } from '@angular/platform-server';
+import { provideServerRoutesConfig } from '@angular/ssr';
+import { appConfig } from './app.config';
+import { serverRoutes } from './app.routes.server';
+
+const serverConfig: ApplicationConfig = {
+  providers: [
+    provideServerRendering(),
+    provideServerRoutesConfig(serverRoutes)
+  ]
+};
+
+export const config = mergeApplicationConfig(appConfig, serverConfig);

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

@@ -0,0 +1,27 @@
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
+import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
+import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import { PaginadorPersonalizado } from './Componentes/Nucleo/tabla/paginador-personalizado';
+import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
+import { AnalyticsModule } from './analytics.module';
+import { AuthInterceptor } from './auth.interceptor';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    { provide: MatPaginatorIntl, useClass: PaginadorPersonalizado },
+    provideZoneChangeDetection({ eventCoalescing: true }),
+    provideRouter(routes),
+    provideClientHydration(withEventReplay()),
+    provideAnimationsAsync(),
+    provideHttpClient(withFetch()),
+    provideClientHydration(),
+    provideCharts(withDefaultRegisterables()),
+    ...AnalyticsModule.forRoot().providers!,
+    provideHttpClient(withInterceptors([AuthInterceptor]))
+  ]
+};

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

@@ -0,0 +1,16 @@
+import { Routes } from '@angular/router';
+import { GestionTablaComponent } from './Paginas/gestion-tabla/gestion-tabla.component';
+import { ContenedorPrincipalComponent } from './Paginas/contenedor-principal/contenedor-principal.component';
+import { GestionTablaJefeComponent } from './Paginas/gestion-tabla-jefe/gestion-tabla-jefe.component';
+import { GestionGraficosComponent } from './Paginas/gestion-graficos/gestion-graficos.component';
+import { GestionDeReportesComponent } from './Paginas/gestion-de-reportes/gestion-de-reportes.component';
+import { GestionIframe1Component } from './Paginas/gestion-iframe1/gestion-iframe1.component';
+
+export const routes: Routes = [
+  { path: '', component: ContenedorPrincipalComponent },
+  { path: 'tabla', component: GestionTablaComponent },
+  { path: 'aprobaciones', component: GestionTablaJefeComponent},
+  { path: 'graficoDeModulos', component: GestionGraficosComponent },
+  { path: 'parametros-reportes', component: GestionDeReportesComponent },
+  { path: 'gestionIframe1', component: GestionIframe1Component }
+];

package/templates/frontend/src/app/auth.interceptor.ts

@@ -0,0 +1,26 @@
+import { HttpInterceptorFn } from '@angular/common/http';
+import { inject } from '@angular/core';
+import { DatosGlobalesService } from './datos-globales.service';
+import { tap } from 'rxjs';
+
+export const AuthInterceptor: HttpInterceptorFn = (req, next) => {
+  const datosGlobalesService = inject(DatosGlobalesService);
+
+  const token = datosGlobalesService.ObtenerToken();
+
+  const reqClone = req.clone({
+    setHeaders: {
+      Authorization: token ?? ''
+    }
+  });
+
+  return next(reqClone).pipe(
+    tap({
+      error: (err) => {
+        if (err.status === 401) {
+          datosGlobalesService.RedirigirALogin();
+        }
+      }
+    })
+  );
+};

package/templates/frontend/src/app/datos-globales.service.ts

@@ -0,0 +1,45 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DatosGlobalesService {
+
+  constructor() { }
+
+  ObtenerToken() {
+    const baseUrl = this.ObtenerURL();
+    if (baseUrl === 'http://localhost/') {
+      return 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOiIxMiIsImlhdCI6MTc2MzEzMDc0NSwiZXhwIjoxNzYzMTY2NzQ1fQ.0Ferkg8T4bOGmpCR2RWdKxUwzOJr2xuqNBbX502D7vs';
+    }
+    const match = document.cookie.match(/(?:^|;\s*)_siguid=([^;]+)/);
+    let token = match ? decodeURIComponent(match[1]) : '';
+    if (token && !token.startsWith('Bearer ')) {
+      token = 'Bearer ' + token;
+    }
+    return token;
+  }
+
+  ObtenerURL(): string {
+    const { origin } = new URL(window.location.href);
+    if (origin === 'http://localhost:4200') {
+      return 'http://localhost/';
+    }
+    return origin.replace('front', 'back') + '/';
+  }
+
+  RedirigirALogin() {
+    document.cookie = "_siguid=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/";
+    // const url = window.location.href.toLowerCase();
+    // if (url.includes('calidad')) {
+    //   this.claseDelContenedor = 'contenedor calidad';
+    // } else if (url.includes('pruebas')) {
+    //   this.claseDelContenedor = 'contenedor pruebas';
+    // } else {
+    //   this.claseDelContenedor = 'contenedor';
+    // }
+    // portalv2-frontend-pruebas.181.193.85.44.nip.io
+    // const protocolo = new URL(window.location.href).protocol
+    window.location.href = 'https://accesov2-frontend.sigu.utn.ac.cr/';
+  }
+}

package/templates/frontend/src/assets/Puntos.svg

@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="80mm"
+   height="116mm"
+   viewBox="0 0 80 116"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   sodipodi:docname="Puntos.svg"
+   inkscape:export-filename="puntos.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.8406789"
+     inkscape:cx="-66.279893"
+     inkscape:cy="219.2126"
+     inkscape:window-width="1850"
+     inkscape:window-height="1016"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2"
+     inkscape:pageshadow="2"
+     showgrid="false" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Capa 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g2"
+       transform="matrix(5.5513522,0,0,5.5513522,-355.67504,-240.3824)"
+       style="fill:#bccee8;fill-opacity:1">
+      <ellipse
+         style="opacity:1;fill:#bccee8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
+         id="path2-0"
+         cx="67.274971"
+         cy="53.889832"
+         rx="1.5811346"
+         ry="1.5286871" />
+      <ellipse
+         style="opacity:1;fill:#bccee8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
+         id="path2-0-7"
+         cx="67.339005"
+         cy="46.695816"
+         rx="1.5811346"
+         ry="1.5286871" />
+      <ellipse
+         style="opacity:1;fill:#bccee8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
+         id="path2-0-5"
+         cx="71.214226"
+         cy="57.160255"
+         rx="1.5811346"
+         ry="1.5286871" />
+      <ellipse
+         style="opacity:1;fill:#bccee8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
+         id="path2-0-5-0"
+         cx="75.084213"
+         cy="53.52586"
+         rx="1.5811346"
+         ry="1.5286871" />
+      <ellipse
+         style="opacity:1;fill:#bccee8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
+         id="path2-0-7-5"
+         cx="71.213684"
+         cy="49.933952"
+         rx="1.5811346"
+         ry="1.5286871" />
+      <ellipse
+         style="opacity:1;fill:#bccee8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-dasharray:none"
+         id="path2-0-1"
+         cx="67.359634"
+         cy="61.055916"
+         rx="1.5810562"
+         ry="1.5286871" />
+    </g>
+  </g>
+</svg>

package/templates/frontend/src/index.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="es">
+
+<head>
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GMD82WPD67"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() { dataLayer.push(arguments); }
+    gtag('js', new Date());
+    gtag('config', 'G-GMD82WPD67');
+  </script>
+  <meta charset="utf-8">
+  <title>Universidad Técnica Nacional</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+</head>
+
+<body>
+  <app-root></app-root>
+  <!-- ACCESIBILIDAD -->
+  <script type="text/javascript">
+    (function (d) {
+      var s = d.createElement("script");
+      s.setAttribute("data-account", "oDM5lWND5w");
+      s.setAttribute("src", "https://cdn.userway.org/widget.js");
+      (d.body || d.head).appendChild(s);
+    })(document);
+  </script>
+  <!-- ACCESIBILIDAD -->
+</body>
+
+</html>

package/templates/frontend/src/main.server.ts

@@ -0,0 +1,7 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { config } from './app/app.config.server';
+
+const bootstrap = () => bootstrapApplication(AppComponent, config);
+
+export default bootstrap;

package/templates/frontend/src/main.ts

@@ -0,0 +1,6 @@
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, appConfig)
+  .catch((err) => console.error(err));

package/templates/frontend/src/styles.css

@@ -0,0 +1,14 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  margin: 0;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+}
+
+.cdk-overlay-pane.mat-mdc-dialog-panel{
+  max-width: 100vw !important;
+  max-height: 200vh !important;
+}

package/templates/frontend/tsconfig.app.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "src/main.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}