\n \n \n Restaurar Contraseña
\n \n \n \n \n \n
\n\n
\n Restaurar Contraseña
\n\n \n
\n \n
\n\n
\n\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { User } from '../../core/else/model';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { NgxSpinnerService } from 'ngx-spinner';\nimport { LoginService } from '../services/login.service';\nimport { MessageSnackService } from '../../core/services/message-snack-service.service';\nimport { Encryption } from 'src/app/core/else/encrypt';\nimport { ConfigFile } from 'src/app/core/else/config';\nimport { ForgetpasswordComponent } from '../forgetpassword/forgetpassword.component';\nimport { MatDialog } from '@angular/material/dialog';\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n\n loginForm: FormGroup;\n userName: string;\n userPassword: string\n user: User;\n returnUrl: string;\n hide: boolean = false;\n encryptation = new Encryption(ConfigFile.keyEncrypt);\n\n constructor(\n private loginService: LoginService,\n private snackService: MessageSnackService,\n private route: ActivatedRoute,\n private router: Router,\n private spinner: NgxSpinnerService,\n private dialog: MatDialog,\n ) { }\n\n ngOnInit(): void {\n this.loginForm = new FormGroup({\n 'userName': new FormControl(this.userName, [\n Validators.required,\n Validators.pattern(/^[a-zA-Z0-9\\.\\-\\_@]+$/)\n ]),\n 'userPassword': new FormControl(this.userPassword, [\n Validators.required,\n Validators.pattern(/^[a-zA-Z0-9\\.\\-\\_*$&#@]+$/)\n ])\n });\n\n this.loginService.logout();\n this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/home';\n\n }\n\n markAllInvalidsFields() {\n for (let i in this.loginForm.controls)\n this.loginForm.controls[i].markAsTouched();\n }\n\n login() {\n\n if (this.loginForm.invalid) {\n this.markAllInvalidsFields();\n\n this.snackService.open('Existen campos inválidos, verifique!!!', 'error');\n return;\n }\n\n this.spinner.show();\n \n const promise = this.loginService.login(this.username.value, this.password.value);\n promise.then((result: any) => {\n\n this.user = result.user; \n\n switch (result.error) \n {\n case \"0\":\n {\n \n localStorage.setItem('currentUser', JSON.stringify(this.user));\n\n\n this.router.navigate( [this.returnUrl] );\n break;\n } \n case \"1\":\n {\n this.snackService.open('Usuario o contraseña inválidos!!!', 'error');\n this.spinner.hide()\n break;\n } \n case \"4\":\n {\n this.snackService.open('Usuario no tiene acceso. Verifique!!!', 'error');\n this.spinner.hide()\n break;\n }\n default:\n {\n this.snackService.open('Error de conexión, verifique!!!', 'error');\n this.spinner.hide()\n } \n }\n }).catch((error) => {\n this.spinner.hide()\n console.log(\"login: \" + error.message);\n this.snackService.open( error.message , 'error');\n });\n }\n\n forget()\n {\n \n const ref_ = this.dialog.open(ForgetpasswordComponent,\n {\n width: '500px',\n disableClose: true,\n });\n \n }\n\n get username() { return this.loginForm.get('userName'); }\n get password() { return this.loginForm.get('userPassword'); }\n}\n","\n \n\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n ![](\"assets/login/images/N_White.svg\")
\n
\n \n \n
\n \n