feat: implement completarTarea method for task completion with confirmation dialog

Front/src/app/modules/Alumno/pages/tareas/tareas.component.html

@@ -128,9 +128,9 @@
                                 <mat-icon>preview</mat-icon>
                                 <span>Visualizar</span>
                             </button>
-                            <button class="check-icon" mat-menu-item style="width: fit-content;">
-                                <mat-icon class="check-icon">check</mat-icon>
-                                <span>Completar tarea</span>
+                            <button class="check-icon" mat-menu-item style="width: fit-content;" (click)="completarTarea(tarea.idTarea)">
+                                <mat-icon class="check-icon">{{tarea.completa ? 'check' : 'check_box_outline_blank'}}</mat-icon>
+                                <span>{{tarea.completa ? 'Completar tarea' : 'Tarea completada'}}</span>
                             </button>
                         </div>
                     </td>

Front/src/app/modules/Alumno/pages/tareas/tareas.component.ts

@@ -12,6 +12,7 @@ import { ModalTarea } from '../../../Profesor/pages/tareas/tareas.component';
 import * as XLSX from 'xlsx';
 import { TareasService } from '../../services/tareas.service';
 import { MAT_DATE_LOCALE, provideNativeDateAdapter } from '@angular/material/core';
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-tareas',
@@ -99,7 +100,45 @@ export class TareasComponent {
     }
   }
 
+  completarTarea(idTarea: any) {
+    const data = {
+      idTarea: idTarea,
+      idUsuario: this.userDataS[0] ? this.userDataS[0] : this.userData[0]
+    };
 
+    Swal.fire({
+      title: '¿Quieres cambiar el estado de la tarea?',
+      text: 'Se marcará o desmarcará como completada.',
+      icon: 'question',
+      showCancelButton: true,
+      confirmButtonText: 'Sí, cambiar estado',
+      cancelButtonText: 'Cancelar',
+      confirmButtonColor: '#3085d6',
+      cancelButtonColor: '#d33'
+    }).then((result) => {
+      if (result.isConfirmed) {
+        this.tareasService.completarTarea(data).subscribe({
+          next: (response: any) => {
+            Swal.fire({
+              title: '¡Hecho!',
+              text: response.mensaje,
+              icon: 'success',
+              timer: 1500,
+              showConfirmButton: false
+            });
+            this.getTareas(); // Actualiza la lista
+          },
+          error: (err) => {
+            Swal.fire({
+              title: 'Error',
+              text: 'No se pudo cambiar el estado de la tarea.',
+              icon: 'error'
+            });
+          }
+        });
+      }
+    });
+  }
 
   public allInfo: any;
   public files: any;
@@ -183,7 +222,7 @@ export class TareasComponent {
   }
 
   onFechaSeleccionada(event: any): void {
-    
+
     this.fechaSeleccionada = event.value;
     if (!this.fechaSeleccionada) return;
     const fechaFormateada = this.formatFecha(this.fechaSeleccionada);

Front/src/app/modules/Alumno/services/tareas.service.ts

@@ -27,6 +27,10 @@ export class TareasService {
     return this.http.get(`${this.URL}/tareas/fecha-entrega/${fechaEntrega}/${idUsuario}`, { headers: this.getHeaders() });
   }
 
+  completarTarea(data: any) {
+    return this.http.post(`${this.URL}/tareas/completar`, data, { headers: this.getHeaders() });
+  }
+
   getByFechaAsignacion(fechaAsignacion: string, idUsuario: string) {
     return this.http.get(`${this.URL}/tareas/fecha-asignacion/${fechaAsignacion}/${idUsuario}`, { headers: this.getHeaders() });
   }