Skip to content

F
Front-NG
Commit f11c7083 authored by José Alejandro Cáceres López 's avatar José Alejandro Cáceres López
Browse files
Options

Merge branch 'desarrollo' into 'master' 

controles en proyecto

See merge request !11
parents f62691bf 3ca5b574
Show whitespace changes
Inline Side-by-side
Showing with 671 additions and 426 deletions
src/app/modules/main/pages/Proyectos/Acta de Compromiso de Carreras/acta-compromiso-carreras/acta-compromiso-carreras.component.ts
View file @ f11c7083
......@@ -82,7 +82,7 @@ export class ActaCompromisoCarrerasComponent implements OnInit {
return fileName.toLocaleLowerCase().endsWith('.pdf');
}
openModal() {
openModal(mensaje: string) {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
width: '400px',
disableClose: true
......@@ -107,7 +107,7 @@ export class ActaCompromisoCarrerasComponent implements OnInit {
this.proyecto.uzytavproyec_com_part2_nom = pdfData.filename;
this.proyectosService.modificarParametros(this.proyecto.uzytavproyec_id, this.proyecto).subscribe(
response => {
this.openModal();
this.openModal('El PDF ha sido Enviado');
console.log('Datos Actualizados', this.proyecto);
this.myForm.disable();
this.cambio = false;
......
src/app/modules/main/pages/Proyectos/Diagnostico y problema/Anexos e Imagenes/listar-anexos-imagenes/listar-anexos-imagenes.component.ts
View file @ f11c7083
......@@ -94,7 +94,7 @@ export class ListarAnexosImagenesComponent implements OnInit {
eliminarParametro(id: number) {
this.openModalDelete('¿Desea eliminar la Entidad?').subscribe(result => {
this.openModalDelete('¿Desea eliminar el Anexo?').subscribe(result => {
if (result) {
this.anexosImagenesService.eliminarParametros(id).subscribe(
() => {
......@@ -110,6 +110,8 @@ export class ListarAnexosImagenesComponent implements OnInit {
});
}
formatFecha(fecha: Date): string {
const dateObj = new Date(fecha);
return format(dateObj, 'dd-MM-yyyy');
......
src/app/modules/main/pages/Proyectos/Ejecución/informes de avance/add-informe/add-informe.component.html
View file @ f11c7083
......@@ -67,7 +67,7 @@
<ng-container matColumnDef="resultado">
<th mat-header-cell *matHeaderCellDef> Resultado </th>
<td mat-cell *matCellDef="let actividad">
<input matInput type="number" [formControlName]="'resultado' + actividad.uzytavobjetivo_programa_id"
<input matInput [formControlName]="'resultado' + actividad.uzytavobjetivo_programa_id"
placeholder="Resultado">
</td>
</ng-container>
......@@ -82,7 +82,7 @@
<ng-container matColumnDef="observacion">
<th mat-header-cell *matHeaderCellDef> Observación </th>
<td mat-cell *matCellDef="let actividad">
<input matInput type="number" [formControlName]="'observacion' + actividad.uzytavobjetivo_programa_id"
<input matInput [formControlName]="'observacion' + actividad.uzytavobjetivo_programa_id"
placeholder="Observación">
</td>
</ng-container>
......
src/app/modules/main/pages/Proyectos/Ejecución/informes de avance/add-informe/add-informe.component.ts
View file @ f11c7083
......@@ -173,7 +173,7 @@ export class AddInformeComponent implements OnInit {
this.guardarBody(this.informeS.obtenerIdCabe());
this.cancelarF();
this.datosCompartidos.actualizarDatos(this.cabeM);
this.openModal();
this.openModal('Los datos han sido Enviados');
});
}
}
......@@ -222,7 +222,7 @@ export class AddInformeComponent implements OnInit {
}
openModal() {
openModal(mensaje: string) {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
disableClose: true
});
......
src/app/modules/main/pages/Proyectos/Ejecución/informes de avance/list-informe/list-informe.component.html
View file @ f11c7083
......@@ -38,10 +38,10 @@
<mat-icon color="warn"
(click)="eliminarHeader(item.uzytavactproy_id)">delete</mat-icon>
</button>
<button>
<!-- <button>
<mat-icon color="azul"
(click)="editarCabecera(item.uzytavactproy_id)">edit</mat-icon>
</button>
</button>-->
</td>
</tr>
......
src/app/modules/main/pages/Proyectos/Ejecución/informes de avance/list-informe/list-informe.component.ts
View file @ f11c7083
import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
import { format } from 'date-fns';
import { Observable } from 'rxjs';
import { actproy } from 'src/app/modules/main/Models/actproy';
import { detactproy } from 'src/app/modules/main/Models/detactproy';
import { objetivoprograma } from 'src/app/modules/main/Models/objetivoPrograma';
......@@ -8,6 +9,8 @@ import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/
import { Informes_avanceService } from 'src/app/modules/main/services/informes_avance/informes_avance.service';
import { MostrarOcultarService } from 'src/app/modules/main/services/mostrar-ocultar.service';
import { Objetivo_programaService } from 'src/app/modules/main/services/objetivo_programa/objetivo_programa.service';
import { ConfirmacionEliminacionComponent } from '../../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
import { MatDialog } from '@angular/material/dialog';
@Component({
selector: 'vex-list-informe',
......@@ -35,7 +38,8 @@ export class ListInformeComponent implements OnInit {
private bodyM: detactproy,
private compartirDatos: Actualiza_datosService,
private mostrarOcultarService: MostrarOcultarService,
public idCompartido: Compartir_idService
public idCompartido: Compartir_idService,
private dialog: MatDialog
) { }
ngOnInit(): void {
......@@ -113,8 +117,8 @@ export class ListInformeComponent implements OnInit {
}
eliminarHeader(id: number){
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.openModalDelete('¿Desea Eliminar el Registro?').subscribe(result => {
if (result) {
this.informeS.eliminarParametrosCabecera(id).subscribe(
() => {
console.log('El registro se ha eliminado');
......@@ -126,10 +130,21 @@ export class ListInformeComponent implements OnInit {
}
);
}
});
}
formatFecha(fecha: Date): string {
const dateObj = new Date(fecha);
return format(dateObj, 'dd-MM-yyyy');
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Estrategias de Ejecución/add-cronograma-acti/add-cronograma-acti.component.ts
View file @ f11c7083
......@@ -12,6 +12,10 @@ import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/
import { Objetivo_programaService } from 'src/app/modules/main/services/objetivo_programa/objetivo_programa.service';
import { DatePipe } from "@angular/common";
import { Observable } from 'rxjs';
import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
import { MatDialog } from '@angular/material/dialog';
import { EnvioFormularioComponent } from '../../../programa/opciones/envio-formulario/envio-formulario.component';
@Component({
selector: 'vex-add-cronograma-acti',
......@@ -44,7 +48,8 @@ export class AddCronogramaActiComponent implements OnInit {
private objPS: Objetivo_programaService,
private idCompartido: Compartir_idService,
private datosCompartidos: Actualiza_datosService,
private objM: objetivoprograma
private objM: objetivoprograma,
private dialog: MatDialog
) {
this.myForm = this.formBuilder.group({
Actividades: ['', Validators.required],
......@@ -94,6 +99,7 @@ export class AddCronogramaActiComponent implements OnInit {
console.log('yo digo', this.objM.uzytavobjetivo_programafec_fin)
this.objPS.modificarParametros(id_recuperado, this.objM).subscribe(response => {
this.showDataAdd = false;
this.openModal('Los Datos han sido agregados');
this.ocultar = true;
this.myForm.reset();
this.datosCompartidos.actualizarDatos(this.objM);
......@@ -153,8 +159,8 @@ export class AddCronogramaActiComponent implements OnInit {
}
eliminarFechas(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.openModalDelete('¿Desea eliminar el registro?').subscribe(result=>{
if (result) {
this.objPS.modificarFechas(id).subscribe(
() => {
console.log('El registro se ha eliminado');
......@@ -165,6 +171,30 @@ export class AddCronogramaActiComponent implements OnInit {
}
);
}
});
}
openModal(mensaje: string) {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
width: '400px',
disableClose: true,
data: { mensaje: mensaje }
});
dialogRef.afterClosed().subscribe(result => {
this.formularioEnviado = true;
});
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Estrategias de Ejecución/add-hitos/add-hitos.component.ts
View file @ f11c7083
......@@ -3,12 +3,16 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { CalendarOptions, EventApi, EventClickArg, EventInput } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import moment from 'moment';
import { Observable } from 'rxjs';
import { seguim } from 'src/app/modules/main/Models/hito';
import { objetivoprograma } from 'src/app/modules/main/Models/objetivoPrograma';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { HitosService } from 'src/app/modules/main/services/hitos/hitos.service';
import { Objetivo_programaService } from 'src/app/modules/main/services/objetivo_programa/objetivo_programa.service';
import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
import { MatDialog } from '@angular/material/dialog';
import { EnvioFormularioComponent } from '../../../programa/opciones/envio-formulario/envio-formulario.component';
@Component({
selector: 'vex-add-hitos',
templateUrl: './add-hitos.component.html',
......@@ -38,7 +42,8 @@ export class AddHitosComponent implements OnInit {
private objM: objetivoprograma,
private objPS: Objetivo_programaService,
private hitoS: HitosService,
private hitoM: seguim
private hitoM: seguim,
private dialog: MatDialog
) {
this.myForm = this.formBuilder.group({
hitos: ['', Validators.required],
......@@ -105,6 +110,7 @@ export class AddHitosComponent implements OnInit {
this.objM.uzytavobjetivo_programafec_fin = fechaHoraSecond;
this.objPS.modificarParametros(id_recuperado, this.objM).subscribe(response => {
this.showDataAdd = false;
this.openModal('Los Datos han sido agregados');
this.ocultar = true;
this.myForm.reset();
this.datosCompartidos.actualizarDatos(this.objM);
......@@ -141,9 +147,21 @@ export class AddHitosComponent implements OnInit {
return color;
}
openModal(mensaje: string) {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
width: '400px',
disableClose: true,
data: { mensaje: mensaje }
});
dialogRef.afterClosed().subscribe(result => {
this.formularioEnviado = true;
});
}
eliminarFechas(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.openModalDelete('¿Desea eliminar el registro?').subscribe(result => {
if (result) {
this.objPS.modificarFechas(id).subscribe(
() => {
console.log('El registro se ha eliminado');
......@@ -155,5 +173,17 @@ export class AddHitosComponent implements OnInit {
}
);
}
});
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/Asignacion Docentes/asignacion-docentes/asignacion-docentes.component.css
View file @ f11c7083
......@@ -7,32 +7,32 @@
margin: 0 auto;
background-color: white;
border-radius: 10px;
}
}
.botones{
.botones{
width: 100px;
height: 40px;
text-align: center;
padding: 0;
}
/* Estilos para la columna única */
.columna-unico {
}
/* Estilos para la columna única */
.columna-unico {
width: 100%;
box-sizing: border-box;
padding-right: 0;
padding-left: 0;
}
}
/* Estilos para los labels */
label {
/* Estilos para los labels */
label {
display: block;
margin-bottom: 8px;
font-weight: bold;
}
}
/* Estilos para los inputs y selects */
input[type="text"],
select {
/* Estilos para los inputs y selects */
input[type="text"],
select {
width: 100%;
padding: 10px;
border: none;
......@@ -41,23 +41,23 @@
font-size: 16px;
margin-bottom: 16px;
transition: border-color 0.3s ease;
}
}
input[type="text"]:focus,
select:focus {
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
}
/* Estilos para los mensajes de error */
.error-message {
/* Estilos para los mensajes de error */
.error-message {
color: red;
font-size: 14px;
margin-top: 4px;
}
}
/* Estilos para el botón */
button {
/* Estilos para el botón */
button {
display: block;
margin: 20px auto;
padding: 10px 20px;
......@@ -68,14 +68,14 @@
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
}
button:hover {
button:hover {
background-color: rgb(90, 159, 95);
}
}
/* Estilos para el contenedor principal */
.contenedor {
/* Estilos para el contenedor principal */
.contenedor {
width: 96%;
margin-left: 2%;
margin-right: 2%;
......@@ -85,16 +85,16 @@
background-color: #ffffff;
position: relative;
z-index: 1;
}
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
/* Estilos para el contenedor del formulario */
.contenedor-dos {
padding: 0.9375rem 20px;
position: relative;
}
}
/* Estilos para el título sobremontado */
.sobremontado {
/* Estilos para el título sobremontado */
.sobremontado {
position: relative;
width: 96%;
top: -20px;
......@@ -108,18 +108,18 @@
z-index: 2;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
/* Estilos para el icono de instituciones */
.icono-instituciones {
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
font-size: 20px;
}
}
.volver{
.volver{
position: absolute;
top: 25%;
right: 10px;
......@@ -137,171 +137,171 @@
outline: none;
cursor: pointer;
}
}
.save-button {
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
}
.input-container {
.input-container {
width: 100%;
display: flex;
flex-direction: column;
}
/* Estilos para el formulario */
}
/* Estilos para el formulario */
.formulario {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 96%;
margin: 0 auto;
background-color: white;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 96%;
margin: 0 auto;
background-color: white;
border-radius: 10px;
}
.botones{
width: 100px;
height: 40px;
text-align: center;
padding: 0;
width: 100px;
height: 40px;
text-align: center;
padding: 0;
}
/* Estilos para la columna única */
.columna-unico {
width: 100%;
box-sizing: border-box;
padding-right: 0;
padding-left: 0;
width: 100%;
box-sizing: border-box;
padding-right: 0;
padding-left: 0;
}
/* Estilos para los labels */
label {
display: block;
margin-bottom: 8px;
font-weight: bold;
display: block;
margin-bottom: 8px;
font-weight: bold;
}
/* Estilos para los inputs y selects */
input[type="text"],
select {
width: 100%;
padding: 10px;
border: none;
border-bottom: 1px solid #ccc;
background-color: transparent;
font-size: 16px;
margin-bottom: 16px;
transition: border-color 0.3s ease;
width: 100%;
padding: 10px;
border: none;
border-bottom: 1px solid #ccc;
background-color: transparent;
font-size: 16px;
margin-bottom: 16px;
transition: border-color 0.3s ease;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
color: red;
font-size: 14px;
margin-top: 4px;
color: red;
font-size: 14px;
margin-top: 4px;
}
/* Estilos para el botón */
button {
display: block;
margin: 20px auto;
padding: 10px 20px;
background-color: rgb(71, 127, 75);
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
display: block;
margin: 20px auto;
padding: 10px 20px;
background-color: rgb(71, 127, 75);
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: rgb(90, 159, 95);
background-color: rgb(90, 159, 95);
}
/* Estilos para el contenedor principal */
.contenedor {
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 10%;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
background-color: #ffffff;
position: relative;
z-index: 1;
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 10%;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
background-color: #ffffff;
position: relative;
z-index: 1;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
padding: 0.9375rem 20px;
position: relative;
padding: 0.9375rem 20px;
position: relative;
}
/* Estilos para el título sobremontado */
.sobremontado {
position: relative;
width: 96%;
top: -20px;
left: 2%;
background-color: #477f4b;
color: #fff;
text-align: center;
padding: 10px;
box-sizing: border-box;
margin-bottom: -50px;
z-index: 2;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
position: relative;
width: 96%;
top: -20px;
left: 2%;
background-color: #477f4b;
color: #fff;
text-align: center;
padding: 10px;
box-sizing: border-box;
margin-bottom: -50px;
z-index: 2;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
font-size: 20px;
}
.volver{
position: absolute;
top: 25%;
right: 10px;
transform: translateY(-50%);
border-radius: 50%;
background-color: white;
display: flex;
color: rgb(71, 127, 75);
align-items: center;
justify-content: center;
padding: 0;
width: 32px;
height: 32px;
border: none;
outline: none;
cursor: pointer;
position: absolute;
top: 25%;
right: 10px;
transform: translateY(-50%);
border-radius: 50%;
background-color: white;
display: flex;
color: rgb(71, 127, 75);
align-items: center;
justify-content: center;
padding: 0;
width: 32px;
height: 32px;
border: none;
outline: none;
cursor: pointer;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
margin-bottom: 5px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 5px;
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 5px;
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/Asignacion Docentes/asignacion-docentes/asignacion-docentes.component.html
View file @ f11c7083
<div class="contenedor-dos">
<form class="formulario" [formGroup]="myForm" (ngSubmit)="onSubmit()">
<!-- Información de la institución -->
<div class="columna-unico">
<!-- Control de fechas inicio -->
<div class="save-button">
<button mat-raised-button class="botones" color="primary" *ngIf="!cambio" (click)="cambiar()">Agregar</button>
......@@ -10,27 +8,26 @@
[disabled]="myForm.invalid">Guardar</button>
<span class="separator"></span>
<button mat-raised-button class="botones" color="warn" *ngIf="cambio" (click)="cancelado()">Cancelar</button>
<button mat-raised-button class="botones" color="warn" *ngIf="cambio"
(click)="cancelado()">Cancelar</button>
</div>
<div class="input-container">
<mat-form-field class="contenedor-dos">
<mat-label>Nombres</mat-label>
<input matInput [formControl]="myControl" formControlName="nombres"
placeholder="Realizar búsqueda" />
<input matInput #searchInput id="#searchInput"
(input)="resetAutocompleteVisibility();realizarBusqueda(searchInput.value)"
[value]="selectedUsuario ? selectedUsuario.uzytusuario_nombres + ' ' + selectedUsuario.uzytusuario_apellidos : ''"
placeholder="Realizar búsqueda" [disabled]="!cambio" />
</mat-form-field>
<mat-autocomplete *ngIf="usuarios" autoActiveFirstOption >
<mat-option *ngFor="let usuario of filteredOptions | async" [value]="usuario"
(click)="onUsuarioSelected(usuario)">
<mat-autocomplete *ngIf="usuarios && autocompleteVisible" [displayWith]="displayFn">
<mat-option *ngFor="let usuario of usuarios" [value]="usuario" (click)="onUsuarioSelected(usuario)">
{{ usuario.uzytusuario_nombres }} {{ usuario.uzytusuario_apellidos }}
</mat-option>
</mat-autocomplete>
</div>
<div class="input-container">
<mat-form-field class="contenedor-dos">
<mat-label>Seleccionar Funcion</mat-label>
......
src/app/modules/main/pages/Proyectos/Inicio Ejecución/Asignacion Docentes/asignacion-docentes/asignacion-docentes.component.ts
View file @ f11c7083
import { Component, OnInit, ViewChild } from '@angular/core';
import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
import { FormBuilder, Validators, FormGroup, FormControl } from '@angular/forms';
import { MatDialog } from '@angular/material/dialog';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
......@@ -6,51 +6,40 @@ import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/
import { Programa } from 'src/app/modules/main/Models/programa-v';
import { DocenteParticipante } from 'src/app/modules/main/Models/docente-participante';
import { DocentesParticipantesService } from 'src/app/modules/main/services/docentes-participantes/docentes-participantes.service';
import { ProgramaService } from 'src/app/modules/main/services/programa/programa.service';
import { DatosEspeService } from 'src/app/modules/main/services/APIs Externas/Datos espe/datos-espe.service';
import { UsuariosService } from 'src/app/modules/main/services/usuarios/usuarios.service';
import { Usuario } from 'src/app/modules/main/Models/usuario';
import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
import { TiPres } from 'src/app/modules/main/Models/tiv-pres';
import { TipresService } from 'src/app/modules/main/services/tipres/tipres.service';
import { ResponsableProg } from 'src/app/modules/main/Models/responsable-prog';
import { Observable } from 'rxjs';
import { map, startWith } from 'rxjs/operators';
import { ResponsableProgService } from 'src/app/modules/main/services/responsable-prog/responsable-prog.service';
import { TipresService } from 'src/app/modules/main/services/tipres/tipres.service';
import { EnvioFormularioComponent } from '../../../../programa/opciones/envio-formulario/envio-formulario.component';
interface Funcion {
value: string;
viewValue: string;
}
@Component({
selector: 'app-asignacion-docentes',
templateUrl: './asignacion-docentes.component.html',
styleUrls: ['./asignacion-docentes.component.css']
})
export class AsignacionDocentesComponent implements OnInit {
@ViewChild(MatAutocomplete) autocomplete: MatAutocomplete;
@ViewChild(MatAutocompleteTrigger) autocompleteTrigger: MatAutocompleteTrigger;
@ViewChild('searchInput', { static: false }) searchInput: ElementRef;
autocompleteVisible: boolean = true;
idRecuperado: number;
myForm: FormGroup;
docenteParticipante: DocenteParticipante;
responsableProg: ResponsableProg;
responsableProgAll!: ResponsableProg[]
selectedDepartamentoId: number;
selectedCampusId: number;
searchTerm: string;
debounceTimeout: any;
tipres!: TiPres []
tipres!: TiPres[]
selectedUsuario: Usuario;
idUsuario: number
filteredOptions: Observable<Usuario[]>;
myControl = new FormControl('');
usuarios: Usuario[];
enviarSolicitud = false;
......@@ -81,36 +70,26 @@ export class AsignacionDocentesComponent implements OnInit {
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'),10);
this.cambio = false;
this.obtenerCampus()
this.obtenerFuncion()
this.obtenerUsuarios()
this.obtenerDepartamento()
this.filteredOptions = this.myControl.valueChanges.pipe(
startWith(''),
map(value => this._filter(value || '')),
);
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.cambio = false; // Set initial value to false
this.obtenerCampus();
this.obtenerFuncion();
this.obtenerDepartamento();
this.obtenerRegistros()
this.myForm = this.formBuilder.group({
numero: [{ value: '', disabled: true }, Validators.required],
funcion: [{ value: '', disabled: true }, Validators.required],
//nombres: [{ value: '', disabled: true }, Validators.required],
nombre: [{ value: '', disabled: true }, Validators.required],
});
}
private _filter(value: string): Usuario[] {
const filterValue = value.toLowerCase();
return this.usuarios.filter(option =>
(option.uzytusuario_nombres + ' ' + option.uzytusuario_apellidos).toLowerCase().includes(filterValue)
);
}
openModal() {
openModal(mensaje: string) {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
disableClose: true
disableClose: true,
data: { mensaje: mensaje }
});
dialogRef.afterClosed().subscribe(result => {
......@@ -118,48 +97,52 @@ export class AsignacionDocentesComponent implements OnInit {
});
}
realizarBusqueda() {
clearTimeout(this.debounceTimeout);
realizarBusqueda(searchTerm: string) {
clearTimeout(this.debounceTimeout);
this.debounceTimeout = setTimeout(() => {
this.usuariosService.obtenerParametros().subscribe(data => {
this.usuariosService.obtenerUsuarios(searchTerm).subscribe(data => {
this.usuarios = data;
console.log(this.usuarios)
});
}, 300);
}, 0);
}
obtenerUsuarios() {
this.usuariosService.obtenerParametros().subscribe(
usuarios => {
this.usuarios = usuarios;
},
error => {
console.log('Error al obtener los usuarios:', error);
}
);
}
displayFn(usuario: Usuario): string {
return usuario ? usuario.uzytusuario_nombres + ' ' + usuario.uzytusuario_apellidos : '';
}
onUsuarioSelected(usuario: Usuario): void {
resetAutocompleteVisibility() {
this.autocompleteVisible = true;
}
async onUsuarioSelected(usuario: Usuario): Promise<void> {
await this.datosCompartidos.datos$.subscribe(() => {
this.obtenerRegistros();
});
console.log("this.responsableProgAll2", this.responsableProgAll)
if (usuario) {
// Verificar si el idUsuario ya existe en los registros
const usuarioExistente = this.responsableProgAll.find(responsable => responsable.uzytusuario_id_docente === usuario.uzytusuario_id);
if (usuarioExistente) {
this.openModal("El usuario ya existe en los registros.");
// Puedes mostrar un mensaje en la interfaz aquí si lo deseas
} else {
this.idUsuario = usuario.uzytusuario_id;
console.log("id idUsuario ",this.idUsuario)
console.log("idUsuario", this.idUsuario);
this.selectedUsuario = usuario;
const nombreCompleto = usuario.uzytusuario_nombres + " " + usuario.uzytusuario_apellidos;
this.myControl.setValue(nombreCompleto); // Asigna el nombre completo al FormControl
// Cierra el componente de autocompletar manualmente usando el trigger
if (this.autocompleteTrigger) {
this.autocompleteTrigger.closePanel();
this.myForm.get('nombre').patchValue(usuario.uzytusuario_nombres + ' ' + usuario.uzytusuario_apellidos);
this.autocompleteVisible = false;
}
} else {
console.log("no existe el usuario");
console.log("No existe el usuario.");
}
}
......@@ -167,30 +150,32 @@ export class AsignacionDocentesComponent implements OnInit {
obtenerRegistros() {
if (this.idRecuperado !== undefined) {
this.responsableProgService.obtenerParametrosRelacionados(this.idRecuperado)
.subscribe(data => {
this.responsableProgAll = data;
});
}
}
onSubmit() {
if (this.myForm.valid && this.myControl.valid) {
console.log("id idUsuario ",this.idUsuario)
if (this.myForm.valid) {
console.log("id idUsuario ", this.idUsuario)
this.responsableProg.uzytavproyec_id = this.idRecuperado;
this.responsableProg.uzytusuario_id_docente = this.idUsuario;
this.responsableProg.uzytavtipres_id = this.myForm.value.funcion
this.responsableProg.uzytavresponsable_prog_g_horas_planif = this.myForm.value.numero
/*/
this.docenteParticipante.uzytavcamp_code = this.selectedCampusId.toString();
this.docenteParticipante.uzytavsubj_code = this.selectedDepartamentoId.toString();
this.docenteParticipante.uzytavdocparti_numero = this.myForm.value.numero;
*/
this.responsableProgService.guardarParametros(this.responsableProg).subscribe(
response => {
console.log("Datos enviados ",this.responsableProg)
this.openModal();
console.log("Datos enviados ", this.responsableProg)
this.openModal('El Docente ha sido Agregado');
this.guardar()
this.datosCompartidos.actualizarDatos(this.responsableProg);
},
error => {
console.log(error)
//this.router.navigate(['main/Convocatorias']);
}
);
}
......@@ -215,7 +200,7 @@ export class AsignacionDocentesComponent implements OnInit {
this.tipresService.obtenerParametros().subscribe(
tipres => {
this.tipres = tipres.filter(item => item.uzytavtipres_id === 1 || item.uzytavtipres_id === 2);
console.log("obtenido ",tipres)
console.log("obtenido ", tipres)
},
error => {
console.log('Error al obtener los tipresService:', error);
......@@ -244,15 +229,19 @@ export class AsignacionDocentesComponent implements OnInit {
this.cambio = false;
this.myForm.disable();
this.myForm.reset()
this.myControl.reset()
if (this.searchInput && this.searchInput.nativeElement) {
this.searchInput.nativeElement.value = ''; // Vacía el contenido del input
}
}
guardar() {
this.cambio = false;
this.myForm.disable();
this.myForm.reset()
this.myControl.disable();
this.myControl.reset()
this.myForm.reset();
if (this.searchInput && this.searchInput.nativeElement) {
this.searchInput.nativeElement.value = ''; // Vacía el contenido del input
}
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/Asignacion Docentes/listar-docentes-asignados/listar-docentes-asignados.component.css
View file @ f11c7083
.principal {
text-align: center;
margin-bottom: 2%;
}
}
.grid-container {
.grid-container {
display: grid;
grid-template-columns: 5% 10% 45% 10% 5% 10% 15%;
border: 1px solid #ccc;
}
}
#cabecera {
#cabecera {
background: linear-gradient(135deg,
var(--background-base) 22px,
var(--background-hover) 22px,
......@@ -30,10 +30,10 @@
transparent 69px) 0 64px;
background-color: var(--background-base);
background-size: 64px 128px;
}
}
.Column {
.Column {
padding-left: 0px;
padding-right: 0px;
width: 100px;
......@@ -42,23 +42,23 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; */
}
}
.Column1 {
.Column1 {
padding-left: 0px;
padding-right: 0px;
width: 10px;
white-space: normal;
overflow: visible;
}
}
.Column2 {
.Column2 {
width: 25px;
padding-left: 0px;
padding-right: 0px;
}
}
.volver{
.volver{
position: absolute;
top: 50%;
right: 10px;
......@@ -76,52 +76,52 @@
outline: none;
cursor: pointer;
}
}
.grid-item {
.grid-item {
font-weight: bold;
}
}
.grid-opciones {
.grid-opciones {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.titulo {
}
.titulo {
display: flex;
align-items: center;
justify-content: center;
}
}
.titulo-texto {
.titulo-texto {
font-weight: bold;
font-size: 18px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
margin-right: 10px;
}
}
.componente {
.componente {
justify-content: center;
align-items: center;
}
}
.card {
.card {
background-color: rgb(252, 252, 251)
}
}
.colorEditar {
.colorEditar {
color: blue;
}
}
.colorEditar svg {
.colorEditar svg {
fill: blue;
}
}
.contenedorP {
.contenedorP {
width: 96%;
margin-left: 2%;
margin-right: 2%;
......@@ -130,15 +130,15 @@
text-align: center;
margin-top: 10%;
background-color: white;
}
.contenedor:not(:last-child) {
}
.contenedor:not(:last-child) {
margin-bottom: 2px;
}
}
.separador{
.separador{
margin-top: 5%;
}
.contenedor {
}
.contenedor {
width: 96%;
margin-left: 2%;
margin-right: 2%;
......@@ -147,9 +147,9 @@
background-color: white;
position: relative;
z-index: 1;
}
}
.sobremontado {
.sobremontado {
position: relative;
align-items: center;
justify-content: center;
......@@ -166,55 +166,55 @@
z-index: 2;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
}
.sobremontado span {
.sobremontado span {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
}
.sobremontado mat-icon {
.sobremontado mat-icon {
margin-right: 5px;
}
}
.icono-instituciones {
.icono-instituciones {
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
font-size: 20px;
cursor: pointer;
}
}
table {
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-family: 'Roboto', sans-serif;
color: #333;
}
}
table th,
table td {
table th,
table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #e0e0e0;
}
}
table th {
table th {
background-color: rgb(248, 249, 250);
font-weight: bold;
text-transform: uppercase;
}
}
table td {
table td {
position: relative;
}
}
table td::after {
table td::after {
content: "";
position: absolute;
bottom: -1px;
......@@ -222,24 +222,24 @@
width: 100%;
height: 1px;
background-color: #e0e0e0;
}
}
input[type="text"] {
input[type="text"] {
width: 200px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
margin-left: 10px;
}
}
.area-busqueda {
.area-busqueda {
padding: 20px;
margin-top: 30px;
text-align: right;
}
}
@media (max-width: 600px) {
@media (max-width: 600px) {
table {
font-size: 14px;
}
......@@ -248,21 +248,21 @@
table td {
padding: 8px;
}
}
}
.btn-observar {
.btn-observar {
border-radius: 50%;
width: 36px;
height: 36px;
}
}
.colorsito{
.colorsito{
background-color: rgb(248, 249, 250);
}
}
.rounder{
.rounder{
border-radius: 50%;
background-color: rgb(71, 127, 75);
display: flex;
......@@ -274,65 +274,65 @@
border: none;
outline: none;
cursor: pointer;
}
}
.rounder mat-icon {
.rounder mat-icon {
font-size: 24px;
color: #fff;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.rounder {
width: 30%;
}
}
}
@media (max-width: 480px) {
@media (max-width: 480px) {
.rounder {
width: 40%;
}
}
}
.margen{
.margen{
margin: 10px;
padding: 10px;
margin-bottom: 10px;
}
}
.bordes {
.bordes {
border-collapse: collapse;
width: 100%;
}
}
.bordes th,
.bordes td {
.bordes th,
.bordes td {
border: 1px solid black;
padding: 8px;
}
}
.bordes th {
.bordes th {
background-color: #f5f5f5;
font-weight: bold;
}
}
.bordes td {
.bordes td {
background-color: #ffffff;
}
}
.bordes tr:nth-child(even) {
.bordes tr:nth-child(even) {
background-color: #f9f9f9;
}
}
.bordes tr:hover {
.bordes tr:hover {
background-color: #eaeaea;
}
}
.bordes th:last-child,
.bordes td:last-child {
.bordes th:last-child,
.bordes td:last-child {
border-bottom: none;
}
}
.rounder-nuevo {
.rounder-nuevo {
border-radius: 50%;
background-color: rgb(71, 127, 75);
display: flex;
......@@ -345,37 +345,37 @@
outline: none;
cursor: pointer;
margin-left: 5px;
}
}
.white-icon {
.white-icon {
color: white;
}
}
.btn{
.btn{
padding: 0 2% 0 2%;
}
}
.azul {
.azul {
color: blue;
}
}
.institution {
.institution {
display: flex;
align-items: center;
}
}
.institution-name {
.institution-name {
font-size: 20px;
/* Tamaño de fuente deseado */
font-weight: bold;
/* Opcional, para hacerlo más destacado */
margin-right: 30px;
/* Espacio entre el icono y el nombre */
}
}
.add-icon {
.add-icon {
display: flex;
align-items: center;
justify-content: center;
......@@ -392,5 +392,4 @@
font-size: 25px;
/* Tamaño del signo "+" */
}
\ No newline at end of file
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/Asignacion Docentes/listar-docentes-asignados/listar-docentes-asignados.component.html
View file @ f11c7083
......@@ -12,35 +12,43 @@
<!-- Dirección Column -->
<ng-container matColumnDef="Campus" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Campus</th>
<ng-container matColumnDef="Nombres" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Nombre</th>
<td class="Column" mat-cell *matCellDef="let dato">
{{dato.campus$ | async }} </td>
{{dato.usuario.uzytusuario_nombres }} </td>
</ng-container>
<ng-container matColumnDef="Departamento" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Departamento</th>
<ng-container matColumnDef="Apellidos" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Apellido</th>
<td class="Column" mat-cell *matCellDef="let dato">
{{ dato.departamento$ | async }}
{{ dato.usuario.uzytusuario_apellidos }}
</td>
</ng-container>
<ng-container matColumnDef="Docentes Participantes" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Docentes Participantes</th>
<td class="Column" mat-cell *matCellDef="let dato"> {{dato.uzytavdocparti_numero}} </td>
<ng-container matColumnDef="Funcion" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Funcion</th>
<td class="Column" mat-cell *matCellDef="let dato">
{{ dato.tiPres.uzytavtipres_descrip }}
</td>
</ng-container>
<ng-container matColumnDef="HorasP" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Horas Planificadas</th>
<td class="Column" mat-cell *matCellDef="let dato">
{{ dato.uzytavresponsable_prog_g_horas_planif }}
</td>
</ng-container>
<ng-container matColumnDef="Acciones" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Acciones</th>
<td class="Column" mat-cell *matCellDef="let dato">
<!--eliminar-->
<button>
<mat-icon color="warn" (click)="eliminarParametro(dato.uzytavdocparti_id)">delete</mat-icon>
<mat-icon color="warn" (click)="eliminarParametro(dato.uzytavresponsable_prog_id)">delete</mat-icon>
</button>
</td>
</ng-container>
......@@ -48,14 +56,5 @@
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
<table> <!-- Nueva tabla para la fila de total -->
<tr>
<td class="Column1 negrita " colspan="1">Total</td>
<td class="Column ">{{ totalDocentesParticipantes }}</td>
<td class="Column "></td>
<td class="Column "></td>
</tr>
</table>
</div>
</div>
src/app/modules/main/pages/Proyectos/Inicio Ejecución/Asignacion Docentes/listar-docentes-asignados/listar-docentes-asignados.component.ts
View file @ f11c7083
import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { Observable, of } from 'rxjs';
import { Observable, forkJoin, of } from 'rxjs';
import { map } from 'rxjs/operators';
import { DocenteParticipante } from 'src/app/modules/main/Models/docente-participante';
import { Programa } from 'src/app/modules/main/Models/programa-v';
import { Proyectos } from 'src/app/modules/main/Models/proyectos';
import { ResponsableProg } from 'src/app/modules/main/Models/responsable-prog';
import { TiPres } from 'src/app/modules/main/Models/tiv-pres';
import { Usuario } from 'src/app/modules/main/Models/usuario';
import { DatosEspeService } from 'src/app/modules/main/services/APIs Externas/Datos espe/datos-espe.service';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { DocentesParticipantesService } from 'src/app/modules/main/services/docentes-participantes/docentes-participantes.service';
import { MostrarOcultarService } from 'src/app/modules/main/services/mostrar-ocultar.service';
import { ResponsableProgService } from 'src/app/modules/main/services/responsable-prog/responsable-prog.service';
import { TipresService } from 'src/app/modules/main/services/tipres/tipres.service';
import { UsuariosService } from 'src/app/modules/main/services/usuarios/usuarios.service';
import { ConfirmacionEliminacionComponent } from '../../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
import { MatDialog } from '@angular/material/dialog';
@Component({
selector: 'app-listar-docentes-asignados',
......@@ -16,64 +26,97 @@ import { DocentesParticipantesService } from 'src/app/modules/main/services/doce
})
export class ListarDocentesAsignadosComponent implements OnInit {
idRecuperado: number;
dataSource: MatTableDataSource<DocenteParticipante>;
dataSource: MatTableDataSource<ResponsableProg>;
docenteParticipante: DocenteParticipante[] = [];
programas: Programa[]; // Arreglo de programas obtenidos del servicio
selectedProgramaId: number;
displayedColumns: string[] = ['Nro','Campus','Departamento','Docentes Participantes', 'Acciones'];
displayedColumns: string[] = ['Nro',
'Nombres',
'Apellidos',
'Funcion',
'HorasP',
'Acciones'];
totalDocentesParticipantes: number = 0; //total de participantes
usuario!: Usuario[];
tiPres!: TiPres[];
proyecto: Proyectos
responsableProg!: ResponsableProg[]
constructor(
private idCompartido: Compartir_idService,
private datosCompar: Actualiza_datosService,
private docentesParticipantesService: DocentesParticipantesService,
private datosEspeService: DatosEspeService
private responsableProgService: ResponsableProgService,
private datosEspeService: DatosEspeService,
private mostrarOcultarService: MostrarOcultarService,
private datosUsuarioService: UsuariosService,
private tipresService: TipresService,
private datosCompartidos: Actualiza_datosService,
private dialog: MatDialog
) {
this.dataSource = new MatTableDataSource<DocenteParticipante>([]);
this.dataSource = new MatTableDataSource<ResponsableProg>([]);
}
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'),10);
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.proyecto = this.mostrarOcultarService.editProyecto;
this.datosCompar.datos$.subscribe(() => {
this.obtenerRegistros();
});
this.docentesParticipantesService.parametrosActualizados.subscribe(() => {
this.responsableProgService.parametrosActualizados.subscribe(() => {
this.obtenerRegistros();
});
}
obtenerRegistros() {
if (this.idRecuperado !== undefined) {
this.docentesParticipantesService.obtenerRegistrosRelacionadosProyecto(this.idRecuperado).
subscribe(data => {
this.docenteParticipante = data.map(docente => {
return {
...docente,
departamento$: this.obtenerDatosDepartamento(docente.uzytavsubj_code),
campus$: this.obtenerDatosCampus(docente.uzytavcamp_code)
};
this.responsableProgService.obtenerParametrosRelacionados(this.idRecuperado)
.subscribe(data => {
if (data !== undefined) {
const userObservables: Observable<Usuario>[] = [];
const tiPresObservables: Observable<TiPres>[] = [];
for (const responsable of data) {
console.log("id usuario ", responsable.uzytusuario_id_docente)
console.log("id obtenerTipres ", responsable.uzytusuario_id_docente)
userObservables.push(this.obtenerUsuarios(responsable.uzytusuario_id_docente));
tiPresObservables.push(this.obtenerTipres(responsable.uzytavtipres_id));
}
forkJoin([...userObservables, ...tiPresObservables]).subscribe(results => {
const users = results.slice(0, userObservables.length);
const tiPres = results.slice(userObservables.length);
this.responsableProg = data.map((responsable, index) => ({
...responsable,
usuario: users[index],
tiPres: tiPres[index]
}));
console.log("this.responsableProg;", this.responsableProg);
this.dataSource.data = this.responsableProg;
});
this.dataSource.data = this.docenteParticipante;
this.calcularTotalDocentesParticipantes(); // Total de docentes
}
});
}
}
calcularTotalDocentesParticipantes() {
this.totalDocentesParticipantes = 0; // Reinicia el total a 0
for (const docente of this.docenteParticipante) {
this.totalDocentesParticipantes += docente.uzytavdocparti_numero;
obtenerUsuarios(id: number){
return this.datosUsuarioService.obtenerUsuariosId(id);
}
obtenerTipres(id: number){
return this.tipresService.obtenerParametrosId(id);
}
obtenerDatosCampus(codigo: string): Observable<string> {
return this.datosEspeService.obtenerCampus().pipe(
map(campus => {
......@@ -94,12 +137,15 @@ export class ListarDocentesAsignadosComponent implements OnInit {
eliminarParametro(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.docentesParticipantesService.eliminarParametros(id).subscribe(
this.openModalDelete('¿Desea eliminar el Docente?').subscribe(resutl=> {
if (resutl) {
this.responsableProgService.eliminarParametros(id).subscribe(
() => {
console.log('El registro se ha eliminado');
this.datosCompartidos.actualizarDatos(this.responsableProg);
this.obtenerRegistros();
},
(error) => {
// No mostrar el error en la consola
......@@ -107,7 +153,16 @@ export class ListarDocentesAsignadosComponent implements OnInit {
}
);
}
});
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-compromiso/add-compromiso.component.ts
View file @ f11c7083
......@@ -8,6 +8,10 @@ import { ParametrosdetService } from 'src/app/modules/main/services/parametrosde
import { EnvioFormularioComponent } from '../../../../programa/opciones/envio-formulario/envio-formulario.component';
import { MatDialog } from '@angular/material/dialog';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Parroquia } from 'src/app/modules/main/Models/Ubicaciones/parroquia';
import { Canton } from 'src/app/modules/main/Models/Ubicaciones/canton';
import { Provincia } from 'src/app/modules/main/Models/Ubicaciones/provincia';
import { UbicacionesService } from 'src/app/modules/main/services/Ubicaciones/ubicaciones.service';
@Component({
......@@ -26,13 +30,18 @@ export class AddCompromisoComponent implements OnInit {
entidad: parametrosdet[] = [];
orga: parametrosdet[] = [];
institu: Instituciones[] = [];
parroquias: Parroquia[] = [];
cantones: Canton[] = [];
provincias: Provincia[]=[];
constructor(
private formBuilder: FormBuilder,
private instP: ParametrosdetService,
private instituS: InstitucionesService,
private instproyM: instproy,
private dialog: MatDialog,
private datosCompartidos: Actualiza_datosService
private datosCompartidos: Actualiza_datosService,
private UbicacionesS: UbicacionesService
) { }
ngOnInit(): void {
......@@ -62,10 +71,10 @@ export class AddCompromisoComponent implements OnInit {
this.instproyM.uzytparametros_det_id_organizacion = this.myForm.get('organizacionI').value;
this.instproyM.uzytavinstproy_declaracion = this.myForm.get('declaracion').value;
this.instP.guardarParametros(this.instproyM).subscribe(response => {
this.openModal();
this.openModal('Los Datos han sido Enviados');
this.instP.parametrosActualizados.next();
this.datosCompartidos.actualizarDatos(this.instproyM);
this.formularioGuardado.emit();
});
} catch (error) {
console.error('Error al enviar los datos:', error);
......@@ -86,11 +95,24 @@ export class AddCompromisoComponent implements OnInit {
this.instituS.obtenerParametros().subscribe(data => {
this.institu = data;
});
this.UbicacionesS.obtenerProvincias().subscribe(data =>{
this.provincias = data;
});
this.UbicacionesS.obtenerCant().subscribe(data =>{
this.cantones = data;
})
this.UbicacionesS.obtenerParro().subscribe(data =>{
this.parroquias = data;
});
}
onInstitucionSelected(selectedInstitucionId: number) {
const selectedInstitucion = this.institu.find(item => item.uzytavinstituc_id === selectedInstitucionId);
if (selectedInstitucion) {
this.myForm.get('provinciaI')?.setValue(this.getParroquiaNombre(selectedInstitucion.uzytparroquia_id));
this.myForm.get('direccionI')?.setValue(selectedInstitucion.uzytavinstituc_calle);
this.myForm.get('nombreR')?.setValue(selectedInstitucion.uzytavinstituc_nombre);
this.myForm.get('apellidoR')?.setValue(selectedInstitucion.uzytavinstituc_apellirl);
......@@ -100,7 +122,7 @@ export class AddCompromisoComponent implements OnInit {
}
}
openModal() {
openModal(mensaje: string) {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
disableClose: true
});
......@@ -110,4 +132,15 @@ export class AddCompromisoComponent implements OnInit {
this.formularioEnviado = true;
});
}
getParroquiaNombre(parroquiaId: string): string {
const parroquia = this.parroquias.find(p => p.uzytparroquia_id === parroquiaId);
if (parroquia) {
const canton = this.cantones.find(c => c.uzytcanton_id === parroquia.uzytcanton_id)
const prov = this.provincias.find(pro => pro.uzytprovincia_id === canton.uzytprovincia_id)
const nombre = prov.uzytprovincia_nombre.toLowerCase();
return nombre.charAt(0).toUpperCase() + nombre.slice(1);
}
return '';
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-compromiso/list-compromiso.component.ts
View file @ f11c7083
import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { Observable } from 'rxjs';
import { Canton } from 'src/app/modules/main/Models/Ubicaciones/canton';
import { Parroquia } from 'src/app/modules/main/Models/Ubicaciones/parroquia';
import { Provincia } from 'src/app/modules/main/Models/Ubicaciones/provincia';
......@@ -11,6 +12,8 @@ import { UbicacionesService } from 'src/app/modules/main/services/Ubicaciones/ub
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { ParametrosdetService } from 'src/app/modules/main/services/parametrosdet/parametrosdet.service';
import { ConfirmacionEliminacionComponent } from '../../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
import { MatDialog } from '@angular/material/dialog';
@Component({
selector: 'vex-list-compromiso',
......@@ -36,7 +39,8 @@ export class ListCompromisoComponent implements OnInit {
private instP: ParametrosdetService,
private ubicacionesS: UbicacionesService,
private InstitucionesS: InstitucionesService,
private paratS: ParametrosdetService
private paratS: ParametrosdetService,
private dialog: MatDialog
) {
this.dataSource = new MatTableDataSource<instproy>([]);
}
......@@ -169,8 +173,8 @@ export class ListCompromisoComponent implements OnInit {
eliminarParametro(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.openModalDelete('¿Desea Eliminar la Institución?').subscribe(result =>{
if (result) {
this.instP.eliminarParametros(id).subscribe(
() => {
console.log('El registro se ha eliminado');
......@@ -182,7 +186,17 @@ export class ListCompromisoComponent implements OnInit {
}
);
}
});
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-documentos/list-documentos.component.ts
View file @ f11c7083
import { Component, OnInit,Input } from '@angular/core';
import { Component, OnInit, Input } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { docompar } from 'src/app/modules/main/Models/docompar';
import { AddDocumentosComponent } from '../add-documentos/add-documentos.component';
......@@ -6,6 +6,8 @@ import { ParametrosdetService } from 'src/app/modules/main/services/parametrosde
import { ActualizarAnexosService } from 'src/app/modules/main/services/actualizar_anexos/actualizar-anexos.service';
import { saveAs } from 'file-saver';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Observable } from 'rxjs';
import { ConfirmacionEliminacionComponent } from '../../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
@Component({
selector: 'vex-list-documentos',
templateUrl: './list-documentos.component.html',
......@@ -23,16 +25,16 @@ export class ListDocumentosComponent implements OnInit {
) { }
ngOnInit(): void {
this.datosCompartidos.datos$.subscribe(() =>{
this.datosCompartidos.datos$.subscribe(() => {
this.obtenerDocumentos();
});
this.pdfService.parametrosActualizados.subscribe(() =>{
this.pdfService.parametrosActualizados.subscribe(() => {
this.obtenerDocumentos();
});
}
GuardarParametro(){
GuardarParametro() {
const dialogRef = this.dialog.open(AddDocumentosComponent, {
data: { idConf: this.idConf }
});
......@@ -70,18 +72,18 @@ export class ListDocumentosComponent implements OnInit {
return 'document.pdf'; // Nombre predeterminado si no se puede obtener el nombre del archivo
}
obtenerDocumentos(){
obtenerDocumentos() {
this.pdfService.obtenerNombrePDF().subscribe(data => {
this.documentoInst = data.filter(item => item.uzytavinstproy_id === this.idConf);
});
}
descargar(){
descargar() {
}
eliminarParametro(id: number) {
const confirmacion = confirm('¿Estás seguro de que quieres eliminar este parámetro?');
if (confirmacion) {
this.openModalDelete('¿Desea eliminar el PDF?').subscribe(result => {
if (result) {
this.pdfService.eliminarPDF(id).subscribe(
() => {
// Manejar la eliminación exitosa
......@@ -96,5 +98,16 @@ export class ListDocumentosComponent implements OnInit {
}
);
}
});
}
formularioEnviado: boolean;
openModalDelete(mensaje: string): Observable<string> {
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Presupuesto detallado/aporte-comunidad/aporte-comunidad.component.ts
View file @ f11c7083
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { MatTable, MatTableDataSource } from '@angular/material/table';
import { Observable } from 'rxjs';
import { CatalogoPP } from 'src/app/modules/main/Models/catalogo-partidas-presupuestarias';
import { PartidasPresupuestarias } from 'src/app/modules/main/Models/partidas-presupuestarias';
import { PresupuestoPartidas } from 'src/app/modules/main/Models/presupuesto-partidas';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { PresupuestoPartidasService } from 'src/app/modules/main/services/presupuesto-partidas/presupuesto-partidas.service';
import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
@Component({
selector: 'app-aporte-comunidad',
......@@ -97,6 +99,7 @@ export class AporteComunidadComponent implements OnInit {
eliminarParametros(id: number) {
this.openModalDelete('¿Dsea eliminar el Aporte de la Comunidad?').subscribe(result=>{
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.presupuestoPartidasService.eliminarParametros(id).subscribe(
......@@ -109,7 +112,18 @@ export class AporteComunidadComponent implements OnInit {
}
);
}
});
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Presupuesto detallado/aporte-entidad/aporte-entidad.component.ts
View file @ f11c7083
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { MatTable, MatTableDataSource } from '@angular/material/table';
import { Observable } from 'rxjs';
import { CatalogoPP } from 'src/app/modules/main/Models/catalogo-partidas-presupuestarias';
import { PartidasPresupuestarias } from 'src/app/modules/main/Models/partidas-presupuestarias';
import { PresupuestoPartidas } from 'src/app/modules/main/Models/presupuesto-partidas';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { PresupuestoPartidasService } from 'src/app/modules/main/services/presupuesto-partidas/presupuesto-partidas.service';
import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
@Component({
......@@ -51,7 +53,7 @@ export class AporteEntidadComponent implements OnInit {
}
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'),10);
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.datosCompartidos.datos$.subscribe(() => {
this.obtenerRegistros();
});
......@@ -100,6 +102,7 @@ export class AporteEntidadComponent implements OnInit {
eliminarParametros(id: number) {
this.openModalDelete('¿Dsea eliminar el Aporte de la Universidad?').subscribe(result => {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.presupuestoPartidasService.eliminarParametros(id).subscribe(
......@@ -112,5 +115,16 @@ export class AporteEntidadComponent implements OnInit {
}
);
}
});
}
formularioEnviado: boolean;
openModalDelete(mensaje: string): Observable<string> {
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Presupuesto detallado/aporte-universidad/aporte-universidad.component.ts
View file @ f11c7083
......@@ -10,6 +10,7 @@ import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { PartidasPresupuestariasService } from 'src/app/modules/main/services/partidas-presupuestarias/partidas-presupuestarias.service';
import { PresupuestoPartidasService } from 'src/app/modules/main/services/presupuesto-partidas/presupuesto-partidas.service';
import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
@Component({
selector: 'app-aporte-universidad',
......@@ -166,8 +167,8 @@ export class AporteUniversidadComponent implements OnInit {
eliminarParametros(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.openModalDelete('¿Dsea eliminar el Aporte de la Universidad?').subscribe(result=>{
if (result) {
this.presupuestoPartidasService.eliminarParametros(id).subscribe(
(response) => {
console.log('El registro se ha eliminado exitosamente.');
......@@ -178,6 +179,18 @@ export class AporteUniversidadComponent implements OnInit {
}
);
}
});
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Presupuesto detallado/list-comunidad/list-comunidad.component.ts
View file @ f11c7083
......@@ -7,6 +7,8 @@ import { PresupuestoPartidas } from 'src/app/modules/main/Models/presupuesto-par
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { PresupuestoPartidasService } from 'src/app/modules/main/services/presupuesto-partidas/presupuesto-partidas.service';
import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
import { Observable } from 'rxjs';
@Component({
selector: 'app-list-comunidad',
......@@ -37,7 +39,7 @@ export class ListComunidadComponent implements OnInit {
}
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'),10);
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.datosCompartidos.datos$.subscribe(() => {
this.obtenerRegistros();
});
......@@ -85,8 +87,8 @@ export class ListComunidadComponent implements OnInit {
eliminarParametros(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.openModalDelete('¿Dsea eliminar el Aporte de la Comunidad?').subscribe(result => {
if (result) {
this.presupuestoPartidasService.eliminarParametros(id).subscribe(
(response) => {
console.log('El registro se ha eliminado exitosamente.');
......@@ -97,7 +99,17 @@ export class ListComunidadComponent implements OnInit {
}
);
}
});
}
formularioEnviado: boolean;
openModalDelete(mensaje: string): Observable<string> {
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/pages/Proyectos/Presupuesto detallado/list-entidad/list-entidad.component.ts
View file @ f11c7083
import { Component, OnInit, ViewChild } from '@angular/core';
import { MatDialog } from '@angular/material/dialog';
import { MatTable, MatTableDataSource } from '@angular/material/table';
import { Observable } from 'rxjs';
import { CatalogoPP } from 'src/app/modules/main/Models/catalogo-partidas-presupuestarias';
import { PartidasPresupuestarias } from 'src/app/modules/main/Models/partidas-presupuestarias';
import { PresupuestoPartidas } from 'src/app/modules/main/Models/presupuesto-partidas';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { PresupuestoPartidasService } from 'src/app/modules/main/services/presupuesto-partidas/presupuesto-partidas.service';
import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
@Component({
selector: 'app-list-entidad',
......@@ -88,8 +90,8 @@ export class ListEntidadComponent implements OnInit {
eliminarParametros(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.openModalDelete('¿Dsea eliminar el Aporte de la Entidad Auspiciante?').subscribe(result=>{
if (result) {
this.presupuestoPartidasService.eliminarParametros(id).subscribe(
(response) => {
console.log('El registro se ha eliminado exitosamente.');
......@@ -100,5 +102,16 @@ export class ListEntidadComponent implements OnInit {
}
);
}
});
}
formularioEnviado:boolean;
openModalDelete(mensaje: string): Observable<string>{
const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
disableClose: true,
data: { mensaje: mensaje }
});
return dialogRef.afterClosed();
}
}
src/app/modules/main/services/responsable-prog/responsable-prog.service.ts
View file @ f11c7083
......@@ -10,7 +10,9 @@ import { ResponsableProg } from '../../Models/responsable-prog';
})
export class ResponsableProgService {
private readonly URL = environment.appApiUrl + '/cabevalp';
private readonly URL = environment.appApiUrl + '/responsableprog';
private readonly URLRelacionadoProyec = environment.appApiUrl + '/responsableprog/obtenerRegistrosPorProyectID';
parametrosActualizados: Subject<void> = new Subject<void>();
private idCabEvalProy: number;
......@@ -25,12 +27,14 @@ export class ResponsableProgService {
return this.httpClient.get<ResponsableProg>(`${this.URL}/exampleFindId/${id}`)
}
obtenerParametrosRelacionados(idProyecto: number): Observable<ResponsableProg[]> {
return this.httpClient.get<ResponsableProg[]>(`${this.URLRelacionadoProyec}/${idProyecto}`)
}
guardarParametros(parametros: ResponsableProg):Observable<Object>{
return this.httpClient.post(`${this.URL+"/guardar"}`, parametros).pipe(
tap((response: any) => {
this.idCabEvalProy = response.uzytavcabevalp_id;
console.log("id cabecera evaluacion", this.idCabEvalProy) // Captura el ID devuelto por el servidor
})
);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment