\n \n \n \n \n \n \n \n \n
\n \n\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { AuthGuard } from 'src/app/shared/guards/auth.guard';\nimport { ControlesComponent } from './controles/controles.component';\nimport { DashboardComponent } from './dashboard/dashboard.component';\nimport { TablasComponent } from './tablas/tablas.component';\n\nconst routes: Routes = [\n {\n path:'controles',\n // canActivate:[AuthGuard],\n component: ControlesComponent\n },\n {\n path:'tablas',\n canActivate:[AuthGuard],\n component: TablasComponent\n },\n {\n path:'dashboard',\n canActivate:[AuthGuard],\n component: DashboardComponent\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule]\n})\nexport class ParametrosRoutingModule { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ParametrosRoutingModule } from './parametros-routing.module';\nimport { ControlesComponent } from './controles/controles.component';\nimport { TablasComponent } from './tablas/tablas.component';\nimport { DataTablesModule } from 'angular-datatables';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { CurrencyClpPipe } from 'src/app/shared/pipes/currency-clp.pipe';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { DashboardComponent } from './dashboard/dashboard.component';\nimport { PowerBIEmbedModule } from 'powerbi-client-angular';\n\n@NgModule({\n declarations: [\n // PowerBIEmbedModule,\n ControlesComponent,\n TablasComponent,\n DashboardComponent,\n ],\n imports: [\n CommonModule,\n ParametrosRoutingModule,\n SharedModule,\n DataTablesModule,\n NgbModule\n ]\n})\nexport class ParametrosModule { }\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { DataTableDirective } from 'angular-datatables';\nimport { Subject } from 'rxjs';\nimport { ProductoModel } from 'src/app/Models/producto.model';\nimport { ProductoService } from 'src/app/services/productos.service';\nimport { ProductoModalComponent } from 'src/app/shared/components/api/producto-modal/producto-modal.component';\nimport { AlertService } from 'src/app/shared/services/alert.service';\nimport { DatatablesService } from 'src/app/shared/services/datatables.service';\n\n@Component({\n selector: 'app-tablas',\n templateUrl: './tablas.component.html',\n styleUrls: ['./tablas.component.css'],\n})\nexport class TablasComponent implements OnInit {\n\n @ViewChild(DataTableDirective, { static: false })\n dtElement: DataTableDirective;\n isDtInitialized: boolean = false;\n dtTrigger: Subject\n
\n \n
\n \n
\n Blank Page
\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 \n","import { Component, OnInit } from '@angular/core';\nimport { PerfilService } from 'src/app/services/perfil.service';\n\n@Component({\n selector: 'app-perfiles',\n templateUrl: './perfiles.component.html',\n styleUrls: ['./perfiles.component.css']\n})\nexport class PerfilesComponent implements OnInit {\n\n constructor(\n private perfilService: PerfilService\n ) { }\n\n ngOnInit(): void {\n this.perfilService.listar()\n .subscribe(data=>{\n console.log(\"perfiles\", data);\n \n })\n }\n\n}\n","\n \n \n
\n \n
\n \n
\n Blank Page
\n\n \n
\n \n
\n \n \n \n
\n Tabla Productos
\n \n\n \n
\n \n \n \n
\n
\n | Acciones | \nId | \nDescripción | \nPrecio | \n \n
|---|---|---|---|
| \n \n \n \n \n \n | \n {{item.Id}} | \n{{item.Descripcion}} | \n{{item.Precio | currencyclp }} | \n\n
\n \n \n \n \n \n \n \n \n \n \n
\n ","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { AuthGuard } from 'src/app/shared/guards/auth.guard';\nimport { PerfilesComponent } from './perfiles/perfiles.component';\nimport { UsuariosComponent } from './usuarios/usuarios.component';\n\nconst routes: Routes = [\n {\n path:'perfiles',\n // canActivate:[AuthGuard],\n component: PerfilesComponent\n },\n {\n path:'usuarios',\n canActivate:[AuthGuard],\n component: UsuariosComponent\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule]\n})\nexport class SeguridadRoutingModule { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SeguridadRoutingModule } from './seguridad-routing.module';\n\n\n@NgModule({\n declarations: [],\n imports: [\n CommonModule,\n SeguridadRoutingModule\n ]\n})\nexport class SeguridadModule { }\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-usuarios',\n templateUrl: './usuarios.component.html',\n styleUrls: ['./usuarios.component.css']\n})\nexport class UsuariosComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n \n \n
\n \n
\n \n
\n Blank Page
\n\n \n
\n \n
\n \n \n \n
\n Perfiles
\n \n\n \n \n
\n \n Start creating your amazing application!\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n","import { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { of } from 'rxjs/internal/observable/of';\nimport { catchError, map } from 'rxjs/operators';\nimport { environment } from 'src/environments/environment';\nimport { AlertaModel } from '../Models/alerta.model';\nimport { ApiModel } from '../Models/api.model';\nimport { ClienteModel } from '../Models/cliente.model';\nimport { ComunaModel } from '../Models/comuna.model';\nimport { CuestionarioModel, EncuestaModel, RespuestaModel } from '../Models/cuestionario.model';\nimport { DenunciaModel } from '../Models/denuncia.model';\nimport { DenuncianteModel } from '../Models/denunciante.model';\nimport { EmpleadorModel } from '../Models/empleador.model';\nimport { EmpresaModel } from '../Models/empresa.model';\nimport { HurtoModel } from '../Models/hurto.model';\nimport { JwtModel } from '../Models/jwt.model';\nimport { TerminoModel } from '../Models/termino.model';\nimport { Usuario, UsuarioMantenedor, UsuarioRol, ValidaUsuario } from '../Models/usuario.model';\nimport { ZonaModel } from '../Models/zona.model';\nimport { Assing, Mapper } from '../shared/Helpers/helper';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ApiService {\n\n \n constructor(private http: HttpClient) {\n\n }\n\n // getJkt() {\n // const formData = new FormData();\n // formData.append('client_id', environment.client_id);\n // formData.append('client_secret', environment.client_secret);\n // formData.append('grant_type', environment.grant_type);\n // return this.http.post\n
\n \n
\n \n
\n Blank Page
\n\n \n
\n \n
\n \n \n \n
\n Usuarios
\n \n\n \n \n
\n \n Start creating your amazing application!\n
\n \n \n \n \n
\n \n\n \n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ProductoModel } from 'src/app/Models/producto.model';\nimport { ProductoService } from 'src/app/services/productos.service';\nimport { AlertService } from 'src/app/shared/services/alert.service';\n\n@Component({\n selector: 'app-producto-modal',\n templateUrl: './producto-modal.component.html',\n styleUrls: ['./producto-modal.component.css']\n})\nexport class ProductoModalComponent implements OnInit {\n\n @Input() idProducto:number;\n\n form: FormGroup;\n\n constructor(\n private _serviceProducto:ProductoService,\n private _alertaService: AlertService,\n public _activeModal: NgbActiveModal,\n ) {\n\n this.crearFormulario();\n \n }\n cargarFormulario() {\n console.log(this.idProducto);\n \n if(this.idProducto>0){\n this._serviceProducto.obtenerPorId(this.idProducto)\n .subscribe(res=>{\n console.log(res);\n this.form.patchValue({\n Descripcion: res.Descripcion,\n Precio:res.Precio,\n Id:res.Id\n });\n \n })\n }\n }\n\n crearFormulario() {\n this.form = new FormGroup({\n Id: new FormControl(0),\n Descripcion:new FormControl(\"\", Validators.required),\n Precio: new FormControl(\"\", Validators.required)\n })\n }\n\n ngOnInit(): void {\n this.cargarFormulario();\n }\n\n guardar(){\n if(this.form.valid){\n\n this._alertaService.inicioCarga();\n\n let item : ProductoModel = this.form.getRawValue();\n console.log(\"guardar\", item);\n this._serviceProducto.guardar(item)\n .subscribe((res:any)=>{\n console.log(res);\n let self = this;\n if (res > 0) {\n this._alertaService.exito('procesado correctamente', 'OK', function(){\n self._activeModal.close({Codigo:1});\n });\n }\n else {\n this._alertaService.error(\"El registo no se pudo guardar\");\n }\n },\n err=>{\n console.log(err);\n this._alertaService.error();\n \n })\n }\n else{\n this._alertaService.error(\"Debe completar los campos obligatorios\");\n }\n }\n\n cerrar(){\n this._activeModal.close({Codigo:0});\n }\n\n}\n","\n
\n \n \n\n {{title}}
\n\n \n \n \n \n {{ !form.valid ? \"Verifica los datos\" : \"Los datos están completos\" }}\n
\n\n \n \n
","","import { Component, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.css']\n})\nexport class FooterComponent implements OnInit {\n\n isLoggedIn$: Observable\n
\n \n \n\n Producto
\n\n \n
\n \n\n\n \n\n\n \n \n \n {{!form.valid? 'Verifica los datos': 'Los datos están completos'}}\n
\n\n \n ![](\"../../../../../assets/img/logosidebar.png\")
\n \n\n \n \n\n\n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { CuestionarioModel } from 'src/app/Models/cuestionario.model';\nimport { ApiService } from 'src/app/services/api.service';\nimport { AlertService } from '../../services/alert.service';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n\n@Component({\n selector: 'app-cuestionario-modal',\n templateUrl: './cuestionario-modal.component.html',\n styleUrls: ['./cuestionario-modal.component.css']\n})\nexport class CuestionarioModalComponent implements OnInit {\n\n @Input() cuestionario: CuestionarioModel;\n @Input() title: string = \"Agregar Cuestionario\";\n form: FormGroup;\n constructor(\n private _alertaService: AlertService,\n public _activeModal: NgbActiveModal,\n private _serviceApi: ApiService\n , private authenticationService: AuthenticationService\n ) {\n this.crearFormulario();\n //this._serviceApi.getJkt();//ino\n }\n\n\n ngOnInit(): void {\n if (this.cuestionario) {\n this.cargarFormulario();\n } else {\n this.crearFormulario();\n }\n }\n\n crearFormulario() {\n this.form = new FormGroup({\n nombre: new FormControl(\"\", Validators.required)\n })\n }\n\n cargarFormulario() {\n this.form.patchValue({\n nombre: this.cuestionario.nombre,\n });\n }\n\n guardar() {\n if (this.form.valid) {\n\n this._alertaService.inicioCarga();\n\n let item: CuestionarioModel = this.form.getRawValue();\n let self = this;\n\n if (this.cuestionario) {\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.putUpdateCuestionario(localStorage.getItem('tokenOauth'), this.cuestionario.id, { nombre: item.nombre }).subscribe((res) => {\n if (res.success) {\n this._alertaService.exito('Actualizado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n this.cerrar();\n this.authenticationService.logout();\n }\n }\n )\n //})\n // this._serviceApi.putUpdateTermino()\n } else {\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.postCreateCuestionario(localStorage.getItem('tokenOauth'), { nombre: item.nombre }).subscribe((res: any) => {\n if (res.success) {\n this._alertaService.exito('Creado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n },\n err => {\n console.log(err);\n if (!err.ok) {\n this.cerrar();\n return this.authenticationService.logout();\n }\n this._alertaService.error();\n }\n )\n //})\n }\n\n\n } else {\n this._alertaService.error(\"Debe completar los campos obligatorios\");\n }\n }\n\n cerrar() {\n this._activeModal.close({ Codigo: 0 });\n }\n\n}\n","\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { AlertService } from '../../services/alert.service';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ApiService } from 'src/app/services/api.service';\nimport { CuestionarioModel, EncuestaModel, RespuestaModel } from 'src/app/Models/cuestionario.model';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { UsuarioRol } from 'src/app/Models/usuario.model';\nimport { AlertaModel } from 'src/app/Models/alerta.model';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n\n@Component({\n selector: 'app-encuesta-modal',\n templateUrl: './encuesta-modal.component.html',\n styleUrls: ['./encuesta-modal.component.css']\n})\nexport class EncuestaModalComponent implements OnInit {\n @Input() encuesta: EncuestaModel;\n @Input() alert: AlertaModel;\n form: FormGroup;\n listaCuestionarios: CuestionarioModel[] = [];\n listaRespuesta: RespuestaModel[] = [];\n title: string;\n\n constructor(\n private _alertaService: AlertService,\n public _activeModal: NgbActiveModal,\n private _serviceApi: ApiService\n , private authenticationService: AuthenticationService,\n ) {\n\n this.crearFormulario();\n }\n\n ngOnInit(): void {\n this.initData();\n\n if (this.encuesta) {\n this.alert = new AlertaModel();\n this.cargarFormulario();\n\n } else {\n this.crearFormulario();\n }\n setTimeout(() => {\n if (this.encuesta) {\n $(\"#customSwitch1\").prop(\"checked\", this.encuesta.isActivo);\n }\n\n },\n 500);\n }\n\n crearFormulario() {\n this.form = new FormGroup({\n tipoCuestionario: new FormControl(\"\", Validators.required),\n\n pregunta: new FormControl(\"\", Validators.required),\n tipoRespuesta: new FormControl(\"\", Validators.required),\n opciones: new FormControl(\"\", Validators.nullValidator),\n observacion: new FormControl(\"\", Validators.nullValidator),\n respuesta: new FormControl(\"\", Validators.required)\n })\n }\n\n cargarFormulario() {\n\n this.form.patchValue({\n tipoCuestionario: this.encuesta.tipoCuestionario,\n usuario: localStorage.getItem('userid'),\n pregunta: this.encuesta.pregunta,\n tipoRespuesta: this.encuesta.tipoRespuesta,\n opciones: this.encuesta.opciones,\n observacion: this.encuesta.observacion,\n respuesta: this.encuesta.respuesta,\n });\n\n\n }\n\n initData() {\n this.listaCuestionarios = JSON.parse(localStorage.getItem(\"listCuestionarios\"));\n this.listaRespuesta = JSON.parse(localStorage.getItem(\"listaRespuesta\"));\n\n if (this.listaRespuesta == null || this.listaCuestionarios == null) {\n //this._serviceApi.getJkt().subscribe(data => {\n if (this.listaRespuesta == null) {\n this._serviceApi.getRespuestas(localStorage.getItem('tokenOauth')).subscribe((res) => {\n this.listaRespuesta = res;\n localStorage.removeItem(\"listaRespuesta\");\n localStorage.setItem(\"listaRespuesta\", JSON.stringify(this.listaRespuesta));\n\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n this.cerrar();\n return this.authenticationService.logout();\n }\n }\n )\n }\n\n if (this.listaCuestionarios == null) {\n this._serviceApi.getCuestionarios(localStorage.getItem('tokenOauth')).subscribe((res) => {\n this.listaCuestionarios = res;\n localStorage.removeItem(\"listCuestionarios\");\n localStorage.setItem(\"listCuestionarios\", JSON.stringify(this.listaCuestionarios));\n\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n this.cerrar();\n return this.authenticationService.logout();\n }\n }\n )\n }\n //});\n }\n }\n\n guardar() {\n\n\n console.log(this.form)\n if (this.form.valid) {\n\n this._alertaService.inicioCarga();\n\n let item: EncuestaModel = this.form.getRawValue();\n let self = this;\n\n if (this.encuesta) {\n //this._serviceApi.getJkt().subscribe(data => {\n console.log(item);\n item.isActivo = $('#customSwitch1').is(\":checked\");\n item.usuario = localStorage.getItem('userid');\n\n this._serviceApi.putUpdateEncuesta(localStorage.getItem('tokenOauth'), this.encuesta.id, item).subscribe((res) => {\n if (res.success) {\n this._alertaService.exito('Actualizado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n }, error => {\n console.log(error);\n if (!error.ok) {\n this.cerrar();\n return this.authenticationService.logout();\n }\n this._alertaService.error();\n\n }\n )\n //})\n } else {\n item.usuario = '1';\n item.isActivo = true;\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.postCreateEncuesta(localStorage.getItem('tokenOauth'), item).subscribe((res: any) => {\n if (res.success) {\n this._alertaService.exito('Creado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n },\n err => {\n console.log(err);\n if (!err.ok) {\n this.cerrar();\n return this.authenticationService.logout();\n }\n this._alertaService.error();\n }\n )\n //})\n }\n\n\n } else {\n this._alertaService.error(\"Debe completar los campos obligatorios\");\n }\n }\n\n cerrar() {\n this._activeModal.close({ Codigo: 0 });\n }\n}\n","\n
\n \n \n \n {{title}}
\n\n \n
\n \n \n \n \n \n \n \n \n \n {{!form.valid? 'Verifica los datos': 'Los datos están completos'}}\n
\n \n \n \n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { AlertService } from '../../services/alert.service';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ApiService } from 'src/app/services/api.service';\nimport { RespuestaModel } from 'src/app/Models/cuestionario.model';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n@Component({\n selector: 'app-respuesta-modal',\n templateUrl: './respuesta-modal.component.html',\n styleUrls: ['./respuesta-modal.component.css']\n})\nexport class RespuestaModalComponent implements OnInit {\n @Input() respuesta: RespuestaModel;\n @Input() title: string = \"Agregar Tipo de respuesta\";\n\n form: FormGroup;\n constructor(\n private _alertaService: AlertService,\n public _activeModal: NgbActiveModal,\n private _serviceApi: ApiService\n , private authenticationService: AuthenticationService,\n ) {\n this.crearFormulario();\n }\n\n ngOnInit(): void {\n if (this.respuesta) {\n this.cargarFormulario();\n } else {\n this.crearFormulario();\n }\n }\n\n crearFormulario() {\n this.form = new FormGroup({\n nombre: new FormControl(\"\", Validators.required)\n })\n }\n\n cargarFormulario() {\n this.form.patchValue({\n nombre: this.respuesta.nombre,\n });\n }\n\n guardar() {\n if (this.form.valid) {\n\n this._alertaService.inicioCarga();\n\n let item: RespuestaModel = this.form.getRawValue();\n let self = this;\n\n if (this.respuesta) {\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.putUpdateRespuesta(localStorage.getItem('tokenOauth'), this.respuesta.id, { nombre: item.nombre }).subscribe((res) => {\n if (res.success) {\n this._alertaService.exito('Actualizado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n this.cerrar();\n this.authenticationService.logout();\n }\n }\n )\n //})\n // this._serviceApi.putUpdateTermino()\n } else {\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.postCreateRespuesta(localStorage.getItem('tokenOauth'), { nombre: item.nombre }).subscribe((res: any) => {\n if (res.success) {\n this._alertaService.exito('Creado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n },\n err => {\n console.log(err);\n if (!err.ok) {\n this.cerrar();\n return this.authenticationService.logout();\n }\n this._alertaService.error();\n }\n )\n //})\n }\n\n\n } else {\n this._alertaService.error(\"Debe completar los campos obligatorios\");\n }\n }\n\n cerrar() {\n this._activeModal.close({ Codigo: 0 });\n }\n\n}\n","\n
\n \n \n\n \n {{ title }}\n
\n\n \n \n\n \n
\n \n\n \n\n
","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { CuestionarioModel } from 'src/app/Models/cuestionario.model';\nimport { TerminoModel } from 'src/app/Models/termino.model';\nimport { ApiService } from 'src/app/services/api.service';\nimport { ProductoService } from 'src/app/services/productos.service';\nimport { AlertService } from '../../services/alert.service';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n@Component({\n selector: 'app-termino-modal',\n templateUrl: './termino-modal.component.html',\n styleUrls: ['./termino-modal.component.css']\n})\nexport class TerminoModalComponent implements OnInit {\n\n @Input() termino: TerminoModel;\n @Input() title: string = \"Agregar Termino\";\n form: FormGroup;\n\n constructor(\n private _serviceProducto: ProductoService,\n private _serviceApi: ApiService,\n private _alertaService: AlertService,\n public _activeModal: NgbActiveModal,\n private authenticationService: AuthenticationService,\n ) {\n\n this.crearFormulario();\n }\n\n ngOnInit(): void {\n if (this.termino) {\n this.cargarFormulario();\n\n } else {\n this.crearFormulario();\n\n }\n }\n\n crearFormulario() {\n this.form = new FormGroup({\n nombre: new FormControl(\"\", Validators.required),\n descripcion: new FormControl(\"\", Validators.required)\n })\n }\n\n cargarFormulario() {\n this.form.patchValue({\n nombre: this.termino.nombre,\n descripcion: this.termino.descripcion,\n });\n }\n\n guardar() {\n if (this.form.valid) {\n this._alertaService.inicioCarga();\n let item: TerminoModel = this.form.getRawValue();\n let self = this;\n\n if (this.termino) {\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.putUpdateTermino(localStorage.getItem('tokenOauth'), this.termino.id, item).subscribe((res) => {\n if (res.success) {\n this._alertaService.exito('Actualizado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n this.cerrar();\n this.authenticationService.logout();\n }\n }\n )\n //})\n // this._serviceApi.putUpdateTermino()\n } else {\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.postCreateTermino(localStorage.getItem('tokenOauth'), item).subscribe((res) => {\n if (res.success) {\n this._alertaService.exito('Creado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n else {\n this._alertaService.error(res.message);\n }\n },\n (err) => {\n if (!err.ok) {\n this.cerrar();\n return this.authenticationService.logout();\n }\n return this._alertaService.error(err.error.message);\n }\n )\n //})\n }\n }\n else {\n this._alertaService.error(\"Debe completar los campos obligatorios\");\n }\n }\n\n cerrar() {\n this._activeModal.close({ Codigo: 0 });\n }\n\n\n}\n","\n
\n \n \n \n {{title}}
\n\n \n
\n \n \n \n \n \n \n \n \n \n {{!form.valid? 'Verifica los datos': 'Los datos están completos'}}\n
\n \n \n \n
\n \n\n \n\n","import { Component, Input, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ProductoModel } from 'src/app/Models/producto.model';\nimport { TerminoModel } from 'src/app/Models/termino.model';\nimport { UsuarioMantenedor, UsuarioRol } from 'src/app/Models/usuario.model';\nimport { ApiService } from 'src/app/services/api.service';\nimport { ProductoService } from 'src/app/services/productos.service';\nimport { RutService } from 'src/app/services/rut.service';\nimport { AlertService } from '../../services/alert.service';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n@Component({\n selector: 'app-usuario-modal',\n templateUrl: './usuario-modal.component.html',\n styleUrls: ['./usuario-modal.component.css']\n})\nexport class UsuarioModalComponent implements OnInit {\n\n @Input() user: UsuarioRol;\n @Input() listaUsuarios: UsuarioRol[];\n form: FormGroup;\n isnew: boolean;\n title: string;\n listaRoles: TerminoModel[] = [];\n\n constructor(\n private _serviceProducto: ProductoService,\n private _alertaService: AlertService,\n public _activeModal: NgbActiveModal,\n public _serviceApi: ApiService,\n public rutservices: RutService,\n private authenticationService: AuthenticationService,\n ) {\n\n this.crearFormulario();\n }\n\n ngOnInit(): void {\n //this._serviceApi.getJkt().subscribe(data => {\n this._serviceApi.getRoles(localStorage.getItem('tokenOauth')).subscribe((res) => {\n this.listaRoles = res;\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n this.authenticationService.logout();\n }\n }\n )\n //});\n\n if (this.user) {\n this.cargarFormulario();\n }\n else {\n\n\n setTimeout(() => {\n\n $(\"#telefono\").val('')\n\n\n },\n 100);\n\n\n }\n }\n\n crearFormulario() {\n this.isnew = true;\n\n this.form = new FormGroup({\n correo: new FormControl(\"\", Validators.email),\n userName: new FormControl(\"\", Validators.required),\n contrasena: new FormControl(\"\", Validators.required),\n //telefono: new FormControl(0, Validators.nullValidator),\n telefono: new FormControl(\"\", Validators.required),\n nombre: new FormControl(\"\", Validators.required),\n apellido: new FormControl(\"\", Validators.required),\n rut: new FormControl(\"\", Validators.required),\n rol: new FormControl(\"\", Validators.required),\n })\n\n\n }\n\n cargarFormulario() {\n this.isnew = false;\n this.form.patchValue({\n correo: this.user.correo,\n userName: this.user.userName,\n contrasena: this.user.contrasena,\n telefono: this.user.telefono,\n nombre: this.user.nombre,\n apellido: this.user.apellido,\n rut: this.user.rut,\n rol: this.user.idRol,\n });\n\n //this.form.get(\"contrasena\").disable();\n this.form.get(\"userName\").disable();\n\n }\n\n guardar() {\n if (this.form.valid) {\n this._alertaService.inicioCarga();\n let item: UsuarioMantenedor = this.form.getRawValue();\n let self = this;\n\n if (!this.rutservices.validarRutText(item.rut)) {\n return this._alertaService.error(\"El rut del usuario es invalido.\");\n\n }\n\n //this._serviceApi.getJkt().subscribe(data => {\n if (this.user) {\n delete item.contrasena;\n this._serviceApi.putUpdateUsuario(localStorage.getItem('tokenOauth'), this.user.idUsuario, item).subscribe(\n (res) => {\n if (res.success) {\n if (this.user.idRol == this.form.get(\"rol\").value) {\n return this._alertaService.exito('Actualizado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n }\n\n this._serviceApi.putUpdateUsuarioRol(localStorage.getItem('tokenOauth'), this.user.idUsuarioRol, { idUsuario: this.user.idUsuario, idRol: this.form.get(\"rol\").value }).subscribe(\n restRol => {\n\n if (restRol.success) {\n this._alertaService.exito('Actualizado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n } else {\n this._alertaService.error(\"El registo no se pudo guardar\");\n }\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n return this.authenticationService.logout();\n }\n }\n )\n\n } else {\n this._alertaService.error(\"El registo no se pudo guardar\");\n }\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n return this.authenticationService.logout();\n }\n }\n )\n\n } else {\n let isExist: UsuarioRol[] = this.listaUsuarios.filter(user => user.userName == item.userName);\n if (isExist.length > 0) {\n return this._alertaService.error(\"Ya existe un usuario \" + item.userName);\n }\n\n //////// si existe user lo actualizo y asocio el rol\n this._serviceApi.existUsuario2(localStorage.getItem('tokenOauth'), item.userName).subscribe(\n (res) => {\n if (res.success) {\n console.log(\"Ya existe un usuario\")\n this._serviceApi.putUpdateUsuario(localStorage.getItem('tokenOauth'), res.result.id, item).subscribe(\n (resactiva) => {\n console.log(\"respuesta activacion \", resactiva);\n\n if (!resactiva.success) {\n this._alertaService.error(res.error.message);\n } else {\n\n this._serviceApi.postCreateUsuarioRol(localStorage.getItem('tokenOauth'), { idUsuario: res.result.id, idRol: this.form.get(\"rol\").value }).subscribe(\n resRol => {\n console.log(resRol);\n this._alertaService.exito('Creado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n return this.authenticationService.logout();\n }\n }\n )\n }\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n return this.authenticationService.logout();\n }\n }\n )\n //////////\n //} \n } else {\n this._serviceApi.postCreateUsuario(localStorage.getItem('tokenOauth'), item).subscribe(\n (res) => {\n console.log(\"respuesta creacion \", res);\n\n if (res.success) {\n this._serviceApi.postCreateUsuarioRol(localStorage.getItem('tokenOauth'), { idUsuario: res.result.id, idRol: this.form.get(\"rol\").value }).subscribe(\n resRol => {\n console.log(resRol);\n this._alertaService.exito('Creado correctamente', 'OK', function () {\n self._activeModal.close({ Codigo: 1 });\n });\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n return this.authenticationService.logout();\n }\n }\n )\n } else {\n this._alertaService.error(res.error.message);\n }\n },\n (err) => {\n console.log(err)\n if (!err.ok) {\n return this.authenticationService.logout();\n }\n }\n )\n }\n }, err=>{\n console.log(\"error\", err);\n this._alertaService.error(\"Error\");\n })\n }\n //});\n }\n else {\n this._alertaService.error(\"Debe completar los campos obligatorios\");\n }\n }\n\n cerrar() {\n this._activeModal.close({ Codigo: 0 });\n }\n\n}\n\n\n","\n
\n \n \n\n {{title}}
\n\n \n \n \n \n \n {{ !form.valid ? \"Datos incompletos\" : \"Datos correctos\" }}\n
\n\n \n \n
\n \n\n \n\n","import { Directive, ElementRef, HostListener } from \"@angular/core\";\n\n@Directive({\n selector: '[onlyNumber]'\n})\nexport class OnlynumberDirective {\n\n // Allow decimal numbers and negative values\n private regex: RegExp = new RegExp(/^\\d*$/g);\n // Allow key codes for special events. Reflect :\n // Backspace, tab, end, home\n private specialKeys: Array\n
\n \n \n\n \n {{title}}\n
\n\n \n \n \n \n {{ !form.valid ? \"Verifica los datos\" : \"Los datos están completos\" }}\n
\n\n \n Exportar
',\n // titleAttr: 'Excel',\n // exportOptions: {\n // columns: ['th:not(.noExportable)']\n // }\n // }\n // ]\n };\n \n dtTrigger: Subject