validaciones usuarios

src/app/modules/main/pages/usuarios/perfil de usuario/perfil-usuario/perfil-usuario.component.ts

@@ -2,11 +2,13 @@ import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
 import { MostrarOcultarService } from '../../../../services/mostrar-ocultar.service';
 import { Perfil } from '../../../../Models/perfil';
 import { PerfilService } from '../../../../services/perfiles/perfil.service';
-import { Subscription } from 'rxjs';
+import { Observable, Subscription } from 'rxjs';
 import { Router } from '@angular/router';
 import { MatTableDataSource } from '@angular/material/table';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
+import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
+import { MatDialog } from '@angular/material/dialog';
 
 @Component({
   selector: 'app-perfil-usuario',
@@ -34,7 +36,8 @@ export class PerfilUsuarioComponent implements OnInit {
   constructor(
     public mostrarOcultarService: MostrarOcultarService,
     private router: Router,
-    private perfilService: PerfilService
+    private perfilService: PerfilService,
+    private dialog: MatDialog
   ) {
     this.dataSource = new MatTableDataSource<Perfil>([]);
   }
@@ -44,10 +47,10 @@ export class PerfilUsuarioComponent implements OnInit {
     const filterValue = (event.target as HTMLInputElement).value;
     this.dataSource.filter = filterValue.trim();
     this.filtroGeneral = filterValue.trim();
-    
+
     this.dataSource.filterPredicate = (data: Perfil) => {
       const nombre = data.uzytperfil_nombre.toLowerCase();
-      
+
       // Filtrar por todos los campos (nombre de institución, dirección, representante y parroquia)
       return (
         nombre.includes(this.filtroGeneral.toLowerCase())
@@ -75,24 +78,33 @@ export class PerfilUsuarioComponent implements OnInit {
 
 
   eliminarParametro(id: number) {
-    const confirmacion = confirm('¿Estás seguro de que quieres eliminar este parámetro?');
-    if (confirmacion) {
-      console.log("id", id);
-      this.perfilService.eliminarParametros(id).subscribe(
-        () => {
-          // Manejar la eliminación exitosa
-          console.log('Registro eliminado correctamente');
-          this.obtenerRegistros();
-        },
-        (error) => {
-          // Manejar el error en caso de que ocurra
-          console.error('Error al eliminar el registro', error);
-        }
-      );
-    }
+    this.openModalDelete('¿Estás seguro de eliminar el Perfil?').subscribe(result => {
+      if (result) {
+        console.log("id", id);
+        this.perfilService.eliminarParametros(id).subscribe(
+          () => {
+            // Manejar la eliminación exitosa
+            console.log('Registro eliminado correctamente');
+            this.obtenerRegistros();
+          },
+          (error) => {
+            // Manejar el error en caso de que ocurra
+            console.error('Error al eliminar el registro', error);
+          }
+        );
+      }
+    });
   }
 
+  formularioEnviado:boolean;
+  openModalDelete(mensaje: string): Observable<string>{
+    const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
+      disableClose: true,
+      data: { mensaje: mensaje }
+    });
 
+    return dialogRef.afterClosed();
+  }
 
   volver() {
     this.router.navigate(['main/PrincipalUsuarios']);
@@ -107,7 +119,7 @@ export class PerfilUsuarioComponent implements OnInit {
 
   ngOnInit() {
     this.obtenerRegistros();
-    
+
   }
 
   ngOnDestroy() {

src/app/modules/main/pages/usuarios/usuarios/usuarios/usuarios.component.ts

@@ -3,6 +3,9 @@ import { UsuariosService } from '../../../../services/usuarios/usuarios.service'
 import { Router } from '@angular/router';
 import { Usuario } from '../../../../../main/Models/usuario';
 import { MostrarOcultarService } from '../../../../services/mostrar-ocultar.service';
+import { Observable } from 'rxjs';
+import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
+import { MatDialog } from '@angular/material/dialog';
 
 @Component({
   selector: 'app-usuarios',
@@ -17,6 +20,7 @@ export class UsuariosComponent implements OnInit {
     public mostrarOcultarService: MostrarOcultarService,
     private route: Router,
     private usuariosService: UsuariosService,
+    private dialog: MatDialog
   ) {
   }
 
@@ -40,21 +44,32 @@ export class UsuariosComponent implements OnInit {
   // Código para el buscar
 
   eliminarParametro(id: number) {
-    const confirmacion = confirm('¿Estás seguro de que quieres eliminar este parámetro?');
-    if (confirmacion) {
-      console.log("id", id);
-      this.usuariosService.eliminarParametros(id).subscribe(
-        () => {
-          // Manejar la eliminación exitosa
-          console.log('Registro eliminado correctamente');
-          this.obtenerRegistros();
-        },
-        (error) => {
-          // Manejar el error en caso de que ocurra
-          console.error('Error al eliminar el registro', error);
-        }
-      );
-    }
+    this.openModalDelete('¿Estás seguro de eliminar este Usuario?').subscribe(result => {
+      if (result) {
+        console.log("id", id);
+        this.usuariosService.eliminarParametros(id).subscribe(
+          () => {
+            // Manejar la eliminación exitosa
+            console.log('Registro eliminado correctamente');
+            this.obtenerRegistros();
+          },
+          (error) => {
+            // Manejar el error en caso de que ocurra
+            console.error('Error al eliminar el registro', error);
+          }
+        );
+      }
+    });
+  }
+
+  formularioEnviado:boolean;
+  openModalDelete(mensaje: string): Observable<string>{
+    const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
+      disableClose: true,
+      data: { mensaje: mensaje }
+    });
+
+    return dialogRef.afterClosed();
   }