utn-cli 2.1.44 → 2.1.46

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

@@ -1,35 +1,46 @@
-<h2 mat-dialog-title>Reporte de incidencias</h2>
+<div class="dialogo-header">
+  <mat-icon class="dialogo-icono">bug_report</mat-icon>
+  <span class="dialogo-titulo">Reporte de incidencia</span>
+</div>
+
 <mat-dialog-content>
-  <div class="contenedor">
-    <form [formGroup]="formulario">
-      <div class="fila">
-        <mat-form-field class="campo">
-          <mat-label>Detalle del problema</mat-label>
-          <textarea matInput formControlName="detalle" required></textarea>
-        </mat-form-field>
-        <mat-form-field class="campo">
-          <mat-label>Resultado esperado</mat-label>
-          <textarea matInput formControlName="resultado" required></textarea>
-        </mat-form-field>
-        <mat-form-field class="campo">
-          <mat-label>Información de contacto</mat-label>
-          <textarea matInput formControlName="contacto" required></textarea>
-        </mat-form-field>
-      </div>
-      <div class="zona-archivo" (click)="AbrirGestorDeArchivos()" (dragover)="ArrastrarAdentro($event)"
-        (dragleave)="ArrastrarAfuera($event)" (drop)="Soltar($event)">
-        @if(!Archivo){
-        <p class="texto">Arrastra y suelta un archivo aquí o <span class="texto-clic">haz clic para subirlo</span></p>
-        }
-        @else{
-        <p>Archivo seleccionado: {{ Archivo.name }}</p>
-        }
-        <input type="file" #EntradDeArchivo hidden (change)="ArchivoSeleccionado($event)">
-      </div>
-    </form>
-  </div>
+  <p class="dialogo-frase">Ayúdanos a mejorar el sistema.</p>
+  <p class="dialogo-subtitulo">Describe el problema encontrado con el mayor detalle posible.</p>
+  <form [formGroup]="formulario">
+    <mat-form-field class="campo" appearance="outline">
+      <mat-label>Detalle del problema</mat-label>
+      <textarea matInput formControlName="detalle" rows="4"
+        placeholder="¿Qué ocurrió?" required></textarea>
+    </mat-form-field>
+    <mat-form-field class="campo" appearance="outline">
+      <mat-label>Resultado esperado</mat-label>
+      <textarea matInput formControlName="resultado" rows="3"
+        placeholder="¿Qué esperabas que ocurriera?" required></textarea>
+    </mat-form-field>
+    <mat-form-field class="campo" appearance="outline">
+      <mat-label>Información de contacto</mat-label>
+      <textarea matInput formControlName="contacto" rows="2"
+        placeholder="Correo o extensión para dar seguimiento..." required></textarea>
+    </mat-form-field>
+    <div class="zona-archivo" (click)="AbrirGestorDeArchivos()" (dragover)="ArrastrarAdentro($event)"
+      (dragleave)="ArrastrarAfuera($event)" (drop)="Soltar($event)">
+      @if(!Archivo){
+      <p class="texto">Arrastra y suelta un archivo aquí o <span class="texto-clic">haz clic para subirlo</span></p>
+      }
+      @else{
+      <p class="texto">Archivo seleccionado: {{ Archivo.name }}</p>
+      }
+      <input type="file" #EntradDeArchivo hidden (change)="ArchivoSeleccionado($event)">
+    </div>
+  </form>
 </mat-dialog-content>
+
 <mat-dialog-actions>
-  <button mat-button (click)="Cerrar()">Cerrar</button>
-  <button mat-button (click)="Enviar()">Enviar</button>
-</mat-dialog-actions>
+  <button mat-stroked-button class="btn-cancelar" (click)="Cerrar()">Cancelar</button>
+  <button mat-flat-button class="btn-enviar" (click)="Enviar()" [disabled]="formulario.invalid">
+    <mat-icon>send</mat-icon>
+    Enviar
+  </button>
+</mat-dialog-actions>
+
+<div class="dialogo-pie"></div>

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

@@ -3,8 +3,9 @@ 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 { MatDialogActions, MatDialogContent, MatDialogRef } from '@angular/material/dialog';
 import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 import { DatosGlobalesService } from '../../../datos-globales.service';
 import { HttpClient } from '@angular/common/http';
 import { Subject } from 'rxjs';
@@ -20,7 +21,7 @@ import { takeUntil } from 'rxjs/operators';
     ReactiveFormsModule,
     MatDialogContent,
     MatButtonModule,
-    MatDialogTitle,
+    MatIconModule,
     MatDialogActions
   ]
 })
@@ -55,7 +56,7 @@ export class ReporteDeIncidenciasComponent implements OnInit, OnDestroy {
         archivo)
         .pipe(takeUntil(this._destroy$))
         .subscribe({
-          next: (data: any) => {
+          next: () => {
             alert('Mensaje enviado');
           },
           error: (error) => {

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

@@ -1,36 +1,91 @@
-.contenedor {
+/* Header */
+.dialogo-header {
   display: flex;
-  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
+  color: white;
+  padding: 24px 20px 16px;
+  margin: -8px -8px 0;
 }
 
-.fila {
-  width: 100%;
+.dialogo-icono {
+  font-size: 24px;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
 }
 
+.dialogo-titulo {
+  font-size: 1.1rem;
+  font-weight: 600;
+  font-family: 'Roboto', sans-serif;
+  letter-spacing: 0.2px;
+}
+
+/* Frase destacada */
+.dialogo-frase {
+  font-size: 1.05rem;
+  font-weight: 600;
+  color: #012169;
+  margin: 20px 0 6px;
+  font-family: 'Roboto', sans-serif;
+  line-height: 1.3;
+}
+
+/* Subtítulo */
+.dialogo-subtitulo {
+  font-size: 0.875rem;
+  color: #5a6a7a;
+  margin: 0 0 20px;
+  font-family: 'Roboto', sans-serif;
+  line-height: 1.5;
+}
+
+/* Campo */
 .campo {
   width: 100%;
 }
 
-.zona-archivo {
-  width: 90%;
-  height: 10vh;
-  margin-left: 4%;
-  border: 2px dashed #3498db;
-  padding: 1%;
-  align-items: center;
+/* Botones */
+mat-dialog-actions {
   display: flex;
-  cursor: pointer;
-  transition: background 0.3s;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 8px 20px 16px;
 }
 
-.texto {
-  width: 100%;
-  text-align: center;
+.btn-cancelar {
+  color: #012169;
+  border-color: #012169;
+  font-family: 'Roboto', sans-serif;
+  font-weight: 500;
+}
+
+.btn-enviar {
+  background-color: #012169;
+  color: white;
+  font-family: 'Roboto', sans-serif;
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.btn-enviar mat-icon {
+  font-size: 18px;
+  width: 18px;
+  height: 18px;
+}
+
+.btn-enviar:disabled {
+  background-color: #a0b0c4;
+  color: white;
 }
 
-.texto-clic {
-  color: #007bff;
-  font-weight: bold;
-  cursor: pointer;
-  text-decoration: underline;
+/* Pie */
+.dialogo-pie {
+  height: 20px;
+  background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
+  margin: 0 -8px;
 }

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

@@ -1,17 +1,26 @@
-<h2 mat-dialog-title>Reporte de la sugerencia</h2>
+<div class="dialogo-header">
+  <mat-icon class="dialogo-icono">rate_review</mat-icon>
+  <span class="dialogo-titulo">Reporte de sugerencia</span>
+</div>
+
 <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>
+  <p class="dialogo-frase">Tu opinión nos ayuda a mejorar.</p>
+  <p class="dialogo-subtitulo">Describe con detalle la sugerencia o mejora que propones.</p>
+  <form [formGroup]="formulario">
+    <mat-form-field class="campo" appearance="outline">
+      <mat-label>Detalle de la sugerencia</mat-label>
+      <textarea matInput formControlName="detalle" rows="6"
+        placeholder="Describe tu sugerencia o mejora..." required></textarea>
+    </mat-form-field>
+  </form>
 </mat-dialog-content>
+
 <mat-dialog-actions>
-  <button mat-button (click)="Cerrar()">Cerrar</button>
-  <button mat-button (click)="Enviar()">Enviar</button>
-</mat-dialog-actions>
+  <button mat-stroked-button class="btn-cancelar" (click)="Cerrar()">Cancelar</button>
+  <button mat-flat-button class="btn-enviar" (click)="Enviar()" [disabled]="formulario.invalid">
+    <mat-icon>send</mat-icon>
+    Enviar
+  </button>
+</mat-dialog-actions>
+
+<div class="dialogo-pie"></div>

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

@@ -3,8 +3,9 @@ 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 { MatDialogActions, MatDialogContent, MatDialogRef } from '@angular/material/dialog';
 import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 import { DatosGlobalesService } from '../../../datos-globales.service';
 import { HttpClient } from '@angular/common/http';
 import { Subject } from 'rxjs';
@@ -20,7 +21,7 @@ import { takeUntil } from 'rxjs/operators';
     ReactiveFormsModule,
     MatDialogContent,
     MatButtonModule,
-    MatDialogTitle,
+    MatIconModule,
     MatDialogActions
   ]
 })
@@ -46,7 +47,7 @@ export class ReporteDeSugerenciasComponent implements OnInit, OnDestroy {
     this.http.post(this.datosGlobalesService.ObtenerURL() + 'misc/reporteDeSugerencia/' + Datos, {})
       .pipe(takeUntil(this._destroy$))
       .subscribe({
-        next: (data: any) => {
+        next: () => {
           alert('Mensaje enviado');
         },
         error: (error) => {

package/templates/frontend/src/app/Componentes/Nucleo/tarjeta-modulo/tarjeta-modulo.component.css

@@ -4,26 +4,29 @@
 
 .modulo-card {
   position: relative;
-  width: 300px;
-  /* Reduced from 380px */
+  width: 100%;
   height: 220px;
   border-radius: 25px;
   overflow: hidden;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
-  border: 1px solid #0B4FCE;
-  /* Added border as requested */
+  border: 2px solid #8bb8eb;
   cursor: pointer;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
   background-color: #fff;
   display: flex;
   flex-direction: column;
-  margin: 10px;
-  /* Reduced to previous value */
 }
 
 .modulo-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
+  border: 2px solid #012169;
+}
+
+.modulo-card:focus-visible {
+  outline: 3px solid #012169;
+  outline-offset: 3px;
+  border-color: #012169;
 }
 
 .modulo-card-header {
@@ -47,7 +50,7 @@
 
 .modulo-tipo {
   color: #3e5a7a;
-  font-size: 1.2rem;
+  font-size: 1rem;
   font-weight: 500;
   letter-spacing: 1px;
   margin-top: 5px;
@@ -79,6 +82,14 @@
   color: #888;
   transition: all 0.3s ease;
   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
+  border: none;
+  cursor: pointer;
+  padding: 0;
+}
+
+.pin-container:focus-visible {
+  outline: 3px solid #012169;
+  outline-offset: 2px;
 }
 
 .pin-container.pinned {
@@ -138,8 +149,7 @@
 
 .modulo-descripcion {
   color: #1d3a5f;
-  font-size: 1.4rem;
-  /* Reduced from 1.6rem */
+  font-size: 1.15rem;
   font-weight: 700;
   line-height: 1.2;
   margin: 0;

package/templates/frontend/src/app/Componentes/Nucleo/tarjeta-modulo/tarjeta-modulo.component.html

@@ -1,16 +1,25 @@
-<div class="modulo-card" (click)="onClick()">
+<div class="modulo-card"
+     role="button"
+     tabindex="0"
+     [attr.aria-label]="modulo.Descripcion"
+     (click)="onClick()"
+     (keydown.enter)="onClick()"
+     (keydown.space)="$event.preventDefault(); onClick()">
   <div class="modulo-card-header">
     <div class="modulo-tipo-container">
-      <span class="modulo-tipo">{{ modulo.Tipo | uppercase }}</span>
+      <span class="modulo-tipo" aria-hidden="true">{{ modulo.Tipo | uppercase }}</span>
       @if(cantidad !== undefined && cantidad > 0) {
-        <span class="modulo-cantidad-badge">{{ cantidad }}</span>
+        <span class="modulo-cantidad-badge" aria-hidden="true">{{ cantidad }}</span>
       }
     </div>
-    <div class="pin-container" (click)="alternarFavorito($event)" [ngClass]="{ 'pinned': estaEnFavoritos() }">
-      <span class="material-icons pin-icon">
-        push_pin
-      </span>
-    </div>
+    <button type="button"
+            class="pin-container"
+            (click)="alternarFavorito($event)"
+            [ngClass]="{ 'pinned': estaEnFavoritos() }"
+            [attr.aria-label]="estaEnFavoritos() ? 'Quitar de favoritos: ' + modulo.Descripcion : 'Agregar a favoritos: ' + modulo.Descripcion"
+            [attr.aria-pressed]="estaEnFavoritos()">
+      <span class="material-icons pin-icon" aria-hidden="true">push_pin</span>
+    </button>
   </div>
 
   @if(modulo.Icono) {

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

@@ -72,7 +72,7 @@
   align-items: flex-start;
   gap: 14px;
   padding: 20px 24px;
-  background: linear-gradient(135deg, #002f6b 0%, #1565c0 100%);
+  background: linear-gradient(90deg, rgba(1, 33, 105, 1) 0%, rgba(63, 97, 171, 1) 100%);
   color: white;
   border-radius: 12px;
   margin-bottom: 28px;
@@ -136,6 +136,7 @@
   color: #333;
   line-height: 1.6;
   margin: 0 0 14px 0;
+  text-align: justify;
 }
 
 /* Tablas */
@@ -228,6 +229,7 @@ kbd {
 @media (max-width: 768px) {
   .acc-layout {
     flex-direction: column;
+    padding: 16px;
   }
 
   .acc-toc {
@@ -235,5 +237,22 @@ kbd {
     position: static;
     margin-right: 0;
     margin-bottom: 20px;
+    text-align: center;
+  }
+
+  .toc-lista {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+  }
+
+  .toc-lista li {
+    width: 100%;
+    text-align: center;
+  }
+
+  .toc-enlace {
+    text-align: center;
   }
 }