add-perfil-usuario.component.ts

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { Perfil } from '../../../../Models/perfil';
import { PerfilService } from '../../../../services/perfiles/perfil.service';
import {  Router } from '@angular/router';

@Component({
  selector: 'app-add-perfil-usuario',
  templateUrl: './add-perfil-usuario.component.html',
  styleUrls: ['./add-perfil-usuario.component.css']
})
export class AddPerfilUsuarioComponent implements OnInit {

  perfil: Perfil;
  myForm: FormGroup;

  constructor(
    private formBuilder: FormBuilder,
    private perfilService: PerfilService,
    private route: Router,

  ) {
    this.perfil = new Perfil();
  }

  ngOnInit() {

    this.myForm = this.formBuilder.group({
      nombre: ['', Validators.required]
    });

  }

  enviarSolicitud = false;

  volver() {
    this.route.navigate(['main/PerfilUsuario']);
  }

  onSubmit() {
    if (this.myForm.valid && !this.enviarSolicitud) {
      this.enviarSolicitud = true;
      this.perfil.uzytperfil_nombre = this.myForm.value.nombre;
      this.perfilService.guardarParametros(this.perfil).subscribe(() => {
        this.perfilService.parametrosActualizados.next();
        this.route.navigate(['main/PerfilUsuario']);
      });
    }

  }

  onCancel() {
    this.route.navigate(['main/PerfilUsuario']);
  }

}