utn-cli 2.0.32 → 2.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "utn-cli",
-  "version": "2.0.32",
+  "version": "2.0.33",
   "description": "Herramienta CLI unificada para la gestión de plantillas en SIGU.",
   "main": "index.js",
   "type": "module",

package/templates/backend/rutas/misc.js

@@ -277,6 +277,23 @@ Router.post('/reporteDeIncidencia/:Datos', async (solicitud, respuesta, next) =>
   }
 });
 
+Router.post('/reporteDeSugerencia/:Datos', async (solicitud, respuesta, next) => {
+  try {
+    if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {
+      try {
+        return respuesta.json({ body: await Miscelaneo.reporteDeSugerencia(solicitud, solicitud.params.Datos), error: undefined });
+      } catch (error) {
+        const MensajeDeError = 'No fue posible reportar la incidencia';
+        console.error(new ManejadorDeErrores(MensajeDeError, ManejadorDeErrores.obtenerNumeroDeLinea(), true, `Dirección IP: ${solicitud.ip}`));
+        return respuesta.status(500).json({ body: undefined, error: MensajeDeError });
+      }
+    }
+    return respuesta.status(401).json({ body: undefined, error: ManejadorDeErrores.mensajeDeError401() });
+  } catch (error) {
+    next(error);
+  }
+});
+
 Router.get('/cerrarSesion', async (solicitud, respuesta, next) => {
   try {
     if (await Miscelaneo.validarTokenV2(solicitud.headers.authorization) && await Miscelaneo.validarAccesoDelOrigen(solicitud)) {

package/templates/backend/servicios/Nucleo/Miscelaneas.js

@@ -543,6 +543,16 @@ class Miscelaneo {
     return;
   }
 
+  async reporteDeSugerencia(Solicitud, Datos) {
+    // const DatosDelArchivo = await this.cargarArchivo(Solicitud, Datos);
+    await envioDeCorreo('msavatar@utn.ac.cr', "Reporte de sugerencia",
+      "<p><b>Sistema: </b>" + this.NombreCanonicoDelModulo + "</p><br />"
+      + "<p><b>Asunto: </b>Reporte de sugerencia</p><br />"
+      + "<p><b>Detalle de la sugerencia: </b>" + Datos.detalle + "</p><br />"
+      + "<p><b>Información del usuario: </b>" + await this.obtenerDatosDeLaPersona(Solicitud.headers.authorization) + "</p><br />");
+    return;
+  }
+
   async cerrarSesion(Token) {
     let Resultado = undefined;
     try {

package/templates/frontend/src/app/Componentes/Nucleo/reporte-de-incidencias/reporte-de-incidencias.component.ts

@@ -25,15 +25,10 @@ import { HttpClient, HttpHeaders } from '@angular/common/http';
 
 export class ReporteDeIncidenciasComponent implements OnInit {
   formulario!: FormGroup;
-
   archivos: File[] = [];
-
   readonly dialogRef = inject(MatDialogRef<ReporteDeIncidenciasComponent>);
-
   constructor(private fb: FormBuilder, private datosGlobalesService: DatosGlobalesService, private http: HttpClient) { }
-
   @ViewChild('EntradDeArchivo') EntradDeArchivo!: ElementRef<HTMLInputElement>;
-
   Archivo: any;
 
   ngOnInit(): void {

package/templates/frontend/src/app/Componentes/Nucleo/reporte-de-sugerencias/reporte-de-sugerencias.component.css

@@ -0,0 +1,37 @@
+.contenedor {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.fila {
+  width: 100%;
+  min-width: 500px;
+}
+
+.campo {
+  width: 100%;
+}
+
+.zona-archivo {
+  width: 90%;
+  height: 10vh;
+  margin-left: 4%;
+  border: 2px dashed #3498db;
+  padding: 1%;
+  align-items: center;
+  display: flex;
+  cursor: pointer;
+  transition: background 0.3s;
+}
+
+.texto {
+  width: 100%;
+  text-align: center;
+}
+
+.texto-clic {
+  color: #007bff;
+  font-weight: bold;
+  cursor: pointer;
+  text-decoration: underline;
+}

package/templates/frontend/src/app/Componentes/Nucleo/reporte-de-sugerencias/reporte-de-sugerencias.component.html

@@ -0,0 +1,17 @@
+<h2 mat-dialog-title>Reporte de la sugerencia</h2>
+<mat-dialog-content>
+  <div class="contenedor">
+    <form [formGroup]="formulario">
+      <div class="fila">
+        <mat-form-field class="campo">
+          <mat-label>Detalle de la sugerencia</mat-label>
+          <textarea matInput formControlName="detalle" required></textarea>
+        </mat-form-field>
+      </div>
+    </form>
+  </div>
+</mat-dialog-content>
+<mat-dialog-actions>
+  <button mat-button (click)="Cerrar()">Cerrar</button>
+  <button mat-button (click)="Enviar()">Enviar</button>
+</mat-dialog-actions>

package/templates/frontend/src/app/Componentes/Nucleo/reporte-de-sugerencias/reporte-de-sugerencias.component.ts

@@ -0,0 +1,54 @@
+import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+import { DatosGlobalesService } from '../../../datos-globales.service';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+
+@Component({
+  selector: 'app-reporte-de-sugerencias',
+  templateUrl: './reporte-de-sugerencias.component.html',
+  styleUrls: ['./reporte-de-sugerencias.component.css'],
+  imports: [
+    MatFormFieldModule,
+    MatInputModule,
+    ReactiveFormsModule,
+    MatDialogContent,
+    MatButtonModule,
+    MatDialogTitle,
+    MatDialogActions
+  ]
+})
+
+export class ReporteDeSugerenciasComponent implements OnInit {
+  formulario!: FormGroup;
+  readonly dialogRef = inject(MatDialogRef<ReporteDeSugerenciasComponent>);
+  constructor(private fb: FormBuilder, private datosGlobalesService: DatosGlobalesService, private http: HttpClient) { }
+
+  ngOnInit(): void {
+    this.formulario = this.fb.group({
+      detalle: ['', Validators.required]
+    });
+  }
+
+  Cerrar(): void {
+    this.dialogRef.close();
+  }
+
+  Enviar() {
+    const Datos = JSON.stringify(this.formulario.value);
+    this.http.post(this.datosGlobalesService.ObtenerURL() + 'misc/reporteDeSugerencia/' + Datos, {})
+      .subscribe({
+        next: (data: any) => {
+          alert('Mensaje enviado');
+        },
+        error: (error) => {
+          console.error('Ocurrió un error al informar de la sugerencia:', error);
+        }
+      })
+    this.Cerrar();
+  }
+}

package/templates/frontend/src/app/Componentes/Nucleo/tabla/tabla.component.html

@@ -96,7 +96,7 @@
   <ng-container matColumnDef="expand">
     <th mat-header-cell *matHeaderCellDef aria-label="Fila expandible"></th>
     <td mat-cell *matCellDef="let element">
-      <button mat-icon-button aria-label="Expander fila"
+      <button mat-icon-button aria-label="Expandir fila"
         (click)="(elementoExpandible = elementoExpandible === element ? null : element); $event.stopPropagation()">
         @if (elementoExpandible === element) {
         <mat-icon>keyboard_arrow_up</mat-icon>

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

@@ -85,6 +85,9 @@
       <button class="botonDeNavegacion" matTooltip="Reporte" mat-button (click)="irASoporte()">
         <mat-icon>support_agent</mat-icon>
       </button>
+      <button class="botonDeNavegacion" matTooltip="Sugerencias" mat-button (click)="irASugerencias()">
+        <mat-icon>lightbulb</mat-icon>
+      </button>
     </div>
   </div>
 </div>

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

@@ -6,9 +6,10 @@ 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 { ReporteDeIncidenciasComponent } from '../../../Componentes/Nucleo/reporte-de-incidencias/reporte-de-incidencias.component'
+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';
 
 @Component({
   selector: 'app-contenedor-componentes',
@@ -189,4 +190,8 @@ export class ContenedorComponentesComponent {
       window.location.href = datos.body;
     })
   }
+
+  irASugerencias(): void {
+    this.dialog.open(ReporteDeSugerenciasComponent);
+  }
 }