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>([]);
   }
@@ -75,8 +78,8 @@ export class PerfilUsuarioComponent implements OnInit {
 
 
   eliminarParametro(id: number) {
-    const confirmacion = confirm('¿Estás seguro de que quieres eliminar este parámetro?');
-    if (confirmacion) {
+    this.openModalDelete('¿Estás seguro de eliminar el Perfil?').subscribe(result => {
+      if (result) {
         console.log("id", id);
         this.perfilService.eliminarParametros(id).subscribe(
           () => {
@@ -90,9 +93,18 @@ export class PerfilUsuarioComponent implements OnInit {
           }
         );
       }
+    });
   }
 
+  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']);

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,8 +44,8 @@ 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) {
+    this.openModalDelete('¿Estás seguro de eliminar este Usuario?').subscribe(result => {
+      if (result) {
         console.log("id", id);
         this.usuariosService.eliminarParametros(id).subscribe(
           () => {
@@ -55,6 +59,17 @@ export class UsuariosComponent implements OnInit {
           }
         );
       }
+    });
+  }
+
+  formularioEnviado:boolean;
+  openModalDelete(mensaje: string): Observable<string>{
+    const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
+      disableClose: true,
+      data: { mensaje: mensaje }
+    });
+
+    return dialogRef.afterClosed();
   }