Skip to content

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

cambios destinados para las siguientes fases

parent 5b90fc1b
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 6329 additions and 525 deletions
src/app/modules/main/Models/Ubicaciones/canton.ts
View file @ 65f34774
......@@ -5,4 +5,5 @@ export class Canton {
uzytcantonGrupo?: string;
uzytcantonLatitud?: string;
uzytcantonLongitud?: number;
uzytprovincia_id?: string;
}
src/app/modules/main/Models/Ubicaciones/parroquia.ts
View file @ 65f34774
export class Parroquia{
uzytparroquia_id?: string;
uzytcanton_id?: string;
uzytparroquia_nombre?: string;
uzytparroquia_tipo?: string;
uzytparroquia_grupo_recinto?: number;
}
\ No newline at end of file
}
src/app/modules/main/Models/docompar.ts 0 → 100644
View file @ 65f34774
export class docompar{
UZYTAVDOCOMPAR_CODE?: number;
UZYTAVINSTPROY_ID?: number;
UZYTAVDOCOMPAR_NOMBRE_DOC?: string;
UZYTAVDOCOMPAR_NOMBRE_URL?: string;
UZYTAVDOCOMPAR_FECHA_CREA?: Date;
}
src/app/modules/main/Models/instituciones.ts
View file @ 65f34774
......@@ -13,6 +13,7 @@ export class Instituciones {
uzytparroquia_id?:string;
uzytparroquia: {
uzytparroquia_id: string;
uzytcanton_id: string;
uzytparroquia_nombre: string;
uzytparroquia_tipo: string;
uzytparroquia_grupo_recinto: number;
......
src/app/modules/main/Models/instproy.ts 0 → 100644
View file @ 65f34774
export class instproy{
uzytavinstproy_id?: number;
uzytavproyec_id?: number;
uzytavinstituc_id?: number;
uzytparametros_det_id_organizacion?: number;
uzytparametros_det_id_entidad?: number;
uzytavinstproy_detaotro?: string;
uzytavinstproy_declaracion?: string;
uzytavinstproy_fecha_crea?: Date;
uzytavinstproy_dir_hombres?: number;
uzytavinstproy_dir_mujeres?: number;
uzytavinstproy_dir_ninios?: number;
uzytavinstproy_dir_discapacidad?: number;
uzytavinstproy_indirectos?: number;
uzytavinstproy_desc_benefic?: string;
uzytavinstproy_DIRECTOS?: number;
uzytavinstproy_TOTAL?: number;
}
src/app/modules/main/Models/parametrosdet.ts 0 → 100644
View file @ 65f34774
export class parametrosdet{
uzytparametros_det_id?: number;
uzytparametros_det_id_alt?: string;
uzytparametros_det_descripcion?: string;
uzytparametros_det_estado?: string;
uzytparametros_det_orden?: number;
}
src/app/modules/main/Models/usuario.ts
View file @ 65f34774
import { Observable } from "rxjs"
export class Usuario {
uzytusuario_id: number
uzytusuario_cc : string
uzytusuario_clave: string
uzytusuario_nombres: string
uzytusuario_apellidos: string
uzytusuario_email: string
fechaRegistro : Date
uzytusuario_estado: string
uzytusuario_mail_sinformul : number
uzytusuario_mail_incompletos : number
uzytusuario_tipo_doc: string
uzytusuario_cod_senescyt: string
uzytusuario_fecha_act_micuenta : Date
uzytusuario_hexadecimalid: string
uzytusuario_tratamiento: string
uzytusuario_modificacion: number
uzytusuario_tipo_user: string
uzytusuario_email_institucional
uzytusuario_telefono_fijo: string
uzytusuario_telefono_celular: string
spriden_id: string
spriden_pidm : number
uzytusuario_clave_tmp: string
spbpers_name_prefix: string
spbpers_sex: string
uzytusuario_campus: string
uzytusuario_CAMPUS_ABREV_CODE: string;
uzytusuario_CAMPUS_CODE:string
uzytusuario_departamento: string
uzytusuario_DPTO_ABREV_CODE: string;
uzytusuario_DEPARTAMENTO_CODE; string
uzytusuario_foto: string
departamento$: Observable<string>; // Propiedad para almacenar el Observable del departamento
campus$: Observable<string>;
}
\ No newline at end of file
uzytusuario_id: number
uzytusuario_cc: string
uzytusuario_clave: string
uzytusuario_nombres: string
uzytusuario_apellidos: string
uzytusuario_email: string
fechaRegistro: Date
uzytusuario_estado: string
uzytusuario_mail_sinformul: number
uzytusuario_mail_incompletos: number
uzytusuario_tipo_doc: string
uzytusuario_cod_senescyt: string
uzytusuario_fecha_act_micuenta: Date
uzytusuario_hexadecimalid: string
uzytusuario_tratamiento: string
uzytusuario_modificacion: number
uzytusuario_tipo_user: string
uzytusuario_email_institucional
uzytusuario_telefono_fijo: string
uzytusuario_telefono_celular: string
spriden_id: string
spriden_pidm: number
uzytusuario_clave_tmp: string
spbpers_name_prefix: string
spbpers_sex: string
uzytusuario_campus: string
uzytusuario_CAMPUS_ABREV_CODE: string;
uzytusuario_CAMPUS_CODE: string
uzytusuario_departamento: string
uzytusuario_DPTO_ABREV_CODE: string;
uzytusuario_DEPARTAMENTO_CODE; string
uzytusuario_foto: string
departamento$: Observable<string>; // Propiedad para almacenar el Observable del departamento
campus$: Observable<string>;
}
src/app/modules/main/main.module.ts
View file @ 65f34774
......@@ -193,9 +193,32 @@ import { EnvioFormularioComponent } from './pages/programa/opciones/envio-formul
import { ComisionEvaComponent } from './pages/asignar comision/comision-eva/comision-eva.component';
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
import { ResultadosComponent } from './pages/Proyectos/Cierre/resultados proyecto/resultados/resultados.component';
import { MatTreeModule } from '@angular/material/tree';
import { AddCompromisoComponent } from './pages/Proyectos/Inicio Ejecución/compromiso participacion/add-compromiso/add-compromiso.component';
import { ListCompromisoComponent } from './pages/Proyectos/Inicio Ejecución/compromiso participacion/list-compromiso/list-compromiso.component';
import { instproy } from './Models/instproy';
import { ListDocumentosComponent } from './pages/Proyectos/Inicio Ejecución/compromiso participacion/list-documentos/list-documentos.component';
import { AddDocumentosComponent } from './pages/Proyectos/Inicio Ejecución/compromiso participacion/add-documentos/add-documentos.component';
import { CartaCompromisoComuComponent } from './pages/Proyectos/Inicio Ejecución/carta compromiso comunidad/carta-compromiso-comu/carta-compromiso-comu.component';
import { ListInstiComponent } from './pages/Proyectos/Cierre/numerico de beneficiarios/list-insti/list-insti.component';
import { EditInstiComponent } from './pages/Proyectos/Cierre/numerico de beneficiarios/edit-insti/edit-insti.component';
import { ActaCompromisoCarrerasComponent } from './pages/Proyectos/Acta de Compromiso de Carreras/acta-compromiso-carreras/acta-compromiso-carreras.component';
import { ActaConsejoDepartamentoComponent } from './pages/Proyectos/Acta de Consejo de Departamento/acta-consejo-departamento/acta-consejo-departamento.component';
import { ActaDirectorProyectoComponent } from './pages/Proyectos/Acta Compromiso Director Proyecto/acta-director-proyecto/acta-director-proyecto.component';
import { ListarActaCompromisoCarrerasComponent } from './pages/Proyectos/Acta de Compromiso de Carreras/listar-acta-compromiso-carreras/listar-acta-compromiso-carreras.component';
import { ListarActaConsejoDepartamentoComponent } from './pages/Proyectos/Acta de Consejo de Departamento/listar-acta-consejo-departamento/listar-acta-consejo-departamento.component';
import { PdfComponent } from './pages/Proyectos/pdf/pdf.component';
import { ListObjetivosEjecComponent } from './pages/Proyectos/Cierre/objetivos ejecutados/list-objetivos-ejec/list-objetivos-ejec.component';
import { EditObjetivosEjecComponent } from './pages/Proyectos/Cierre/objetivos ejecutados/edit-objetivos-ejec/edit-objetivos-ejec.component';
@NgModule({
schemas: [CUSTOM_ELEMENTS_SCHEMA],
declarations: [
ActaCompromisoCarrerasComponent,
ActaConsejoDepartamentoComponent,
ActaDirectorProyectoComponent,
ListCompromisoComponent,
ListarActaCompromisoCarrerasComponent,
ListarActaConsejoDepartamentoComponent,
AddCronogramaActiComponent,
AddHitosComponent,
InicialProyectoComponent,
......@@ -340,12 +363,22 @@ import { ResultadosComponent } from './pages/Proyectos/Cierre/resultados proyect
EnvioFormularioComponent,
ComisionEvaComponent,
ResultadosComponent,
AddCompromisoComponent,
ListCompromisoComponent,
ListDocumentosComponent,
AddDocumentosComponent,
CartaCompromisoComuComponent,
ListInstiComponent,
EditInstiComponent,
PdfComponent,
ListObjetivosEjecComponent,
EditObjetivosEjecComponent,
],
imports: [
MatTreeModule,
CKEditorModule,
FullCalendarModule,
MatSelectFilterModule,
MatAutocompleteModule,
AngularEditorModule,
HttpClientModule,
CommonModule,
......@@ -374,6 +407,7 @@ import { ResultadosComponent } from './pages/Proyectos/Cierre/resultados proyect
MatRadioModule
],
providers: [
instproy,
objetivoprograma,
proObjeEstra,
Proyectos,
......
src/app/modules/main/pages/Proyectos/Acta Compromiso Director Proyecto/acta-director-proyecto/acta-director-proyecto.component.css 0 → 100644
View file @ 65f34774
/* 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;
}
.botones{
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;
}
/* Estilos para los labels */
label {
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;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
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;
}
button:hover {
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;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
margin-top: 30px;
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);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
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;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
\ No newline at end of file
src/app/modules/main/pages/Proyectos/Acta Compromiso Director Proyecto/acta-director-proyecto/acta-director-proyecto.component.html 0 → 100644
View file @ 65f34774
<div class="contenedor-dos">
<form class="formulario" [formGroup]="myForm" (ngSubmit)="onSubmit()">
<!-- Información de la institución -->
<div class="columna-unico">
<div class="save-button">
<button mat-raised-button color="primary" *ngIf="!cambio" (click)="cambiar()">Editar</button>
<button mat-raised-button color="primary" *ngIf="cambio">Guardar</button>
<span class="separator"></span>
<button mat-raised-button color="warn" *ngIf="cambio" (click)="cancelado()">Cancelar</button>
</div>
<!-- Control de PDF -->
<div class="input-container">
<label>Subir Archivo</label>
<input type="file" id="uzytavconvoca_digital" (change)="onFileChange($event)"
formControlName="archivo">
</div>
</div>
</form>
</div>
\ No newline at end of file
src/app/modules/main/pages/Proyectos/Acta Compromiso Director Proyecto/acta-director-proyecto/acta-director-proyecto.component.spec.ts 0 → 100644
View file @ 65f34774
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { ActaDirectorProyectoComponent } from './acta-director-proyecto.component';
describe('ActaDirectorProyectoComponent', () => {
let component: ActaDirectorProyectoComponent;
let fixture: ComponentFixture<ActaDirectorProyectoComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ActaDirectorProyectoComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ActaDirectorProyectoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Acta Compromiso Director Proyecto/acta-director-proyecto/acta-director-proyecto.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators, FormGroup } from '@angular/forms';
import { AnexosImagenes } from 'src/app/modules/main/Models/anexos-imagenes';
import { AnexosImagenesService } from 'src/app/modules/main/services/anexos-imagenes/anexos-imagenes.service';
import { ConvocatoriaService } from 'src/app/modules/main/services/convocatoria/convocatoria.service';
import { MatDialog } from '@angular/material/dialog';
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 { format } from 'date-fns';
import { ActualizarAnexosService } from 'src/app/modules/main/services/actualizar_anexos/actualizar-anexos.service';
import { EnvioFormularioComponent } from '../../../programa/opciones/envio-formulario/envio-formulario.component';
import { ProyectosService } from 'src/app/modules/main/services/proyectos/proyectos.service';
import { ProyectoComponent } from '../../Proyectos/Proyecto/Proyecto.component';
import { Proyectos } from 'src/app/modules/main/Models/proyectos';
import { DatosEspeService } from 'src/app/modules/main/services/APIs Externas/Datos espe/datos-espe.service';
@Component({
selector: 'app-acta-director-proyecto',
templateUrl: './acta-director-proyecto.component.html',
styleUrls: ['./acta-director-proyecto.component.css']
})
export class ActaDirectorProyectoComponent implements OnInit {
myForm: FormGroup;
selectedFile: File | null = null;
file: File;
anexosImagenes: AnexosImagenes = {};
enviarSolicitud = false;
formularioEnviado: boolean
cambio: boolean;
proyecto: Proyectos
constructor(
private formBuilder: FormBuilder,
private proyectosService: ProyectosService,
private dialog: MatDialog,
private actualizarAnexosService: ActualizarAnexosService,
private datosCompartidos: Actualiza_datosService,
private idCompartido: Compartir_idService,
private datosEspeService: DatosEspeService,
) {
this.proyecto = new Proyectos();
}
ngOnInit(): void {
this.cambio = false;
this.myForm = this.formBuilder.group({
archivo: [{ value: '', disabled: true }, Validators.required],
});
}
onFileSelected(event: any) {
this.selectedFile = event.target.files[0];
}
onFileChange(event: any) {
// Obtener el archivo seleccionado
const fileList: FileList = event.target.files;
if (fileList.length > 0) {
this.file = fileList[0];
}
}
openModal() {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
width: '400px',
disableClose: true
});
dialogRef.afterClosed().subscribe(result => {
this.formularioEnviado = true;
});
}
async onSubmit() {
if (this.myForm.valid) {
this.proyecto.uzytavproyec_id = this.idCompartido.getIdGuardado();
const pdfData = await this.enviarPDF();
this.proyecto.uzytavproyec_com_part1_url = pdfData.idPDF;
this.proyecto.uzytavproyec_com_part1_nom = pdfData.filename;
this.proyectosService.modificarParametros(this.proyecto.uzytavproyec_id, this.proyecto).subscribe(
response => {
this.openModal();
console.log('Datos Actualizados', this.proyecto);
this.myForm.disable();
this.cambio = false;
},
error => {
console.log(error)
}
);
}
}
async enviarPDF() {
const formData = new FormData();
formData.append('files', this.file);
formData.append('sistema', 'vinculacion');
try {
const response = await this.datosEspeService.saveDocument(formData);
return {
idPDF: response.uuid,
filename: response.fileName
};
} catch (error) {
console.error('Error al guardar el PDF en el servidor:', error);
throw error;
}
}
cambiar() {
this.cambio = true;
this.myForm.get('archivo').enable();
}
cancelado() {
this.cambio = false;
this.myForm.disable();
}
}
src/app/modules/main/pages/Proyectos/Acta de Compromiso de Carreras/acta-compromiso-carreras/acta-compromiso-carreras.component.css 0 → 100644
View file @ 65f34774
/* 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;
}
.botones{
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;
}
/* Estilos para los labels */
label {
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;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
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;
}
button:hover {
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;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
margin-top: 30px;
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);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
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;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
\ No newline at end of file
src/app/modules/main/pages/Proyectos/Acta de Compromiso de Carreras/acta-compromiso-carreras/acta-compromiso-carreras.component.html 0 → 100644
View file @ 65f34774
<div class="contenedor-dos">
<form class="formulario" [formGroup]="myForm" (ngSubmit)="onSubmit()">
<!-- Información de la institución -->
<div class="columna-unico">
<div class="save-button">
<button mat-raised-button color="primary" *ngIf="!cambio" (click)="cambiar()">Editar</button>
<button mat-raised-button color="primary" *ngIf="cambio">Guardar</button>
<span class="separator"></span>
<button mat-raised-button color="warn" *ngIf="cambio" (click)="cancelado()">Cancelar</button>
</div>
<!-- Control de PDF -->
<div class="input-container">
<label>Subir Archivo</label>
<input type="file" id="uzytavconvoca_digital" (change)="onFileChange($event)"
formControlName="archivo">
</div>
</div>
</form>
</div>
\ No newline at end of file
src/app/modules/main/pages/Proyectos/Acta de Compromiso de Carreras/acta-compromiso-carreras/acta-compromiso-carreras.component.spec.ts 0 → 100644
View file @ 65f34774
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { ActaCompromisoCarrerasComponent } from './acta-compromiso-carreras.component';
describe('ActaCompromisoCarrerasComponent', () => {
let component: ActaCompromisoCarrerasComponent;
let fixture: ComponentFixture<ActaCompromisoCarrerasComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ActaCompromisoCarrerasComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ActaCompromisoCarrerasComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Acta de Compromiso de Carreras/acta-compromiso-carreras/acta-compromiso-carreras.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators, FormGroup } from '@angular/forms';
import { AnexosImagenes } from 'src/app/modules/main/Models/anexos-imagenes';
import { AnexosImagenesService } from 'src/app/modules/main/services/anexos-imagenes/anexos-imagenes.service';
import { ConvocatoriaService } from 'src/app/modules/main/services/convocatoria/convocatoria.service';
import { MatDialog } from '@angular/material/dialog';
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 { format } from 'date-fns';
import { ActualizarAnexosService } from 'src/app/modules/main/services/actualizar_anexos/actualizar-anexos.service';
import { EnvioFormularioComponent } from '../../../programa/opciones/envio-formulario/envio-formulario.component';
import { ProyectosService } from 'src/app/modules/main/services/proyectos/proyectos.service';
import { ProyectoComponent } from '../../Proyectos/Proyecto/Proyecto.component';
import { Proyectos } from 'src/app/modules/main/Models/proyectos';
import { DatosEspeService } from 'src/app/modules/main/services/APIs Externas/Datos espe/datos-espe.service';
@Component({
selector: 'app-acta-compromiso-carreras',
templateUrl: './acta-compromiso-carreras.component.html',
styleUrls: ['./acta-compromiso-carreras.component.css']
})
export class ActaCompromisoCarrerasComponent implements OnInit {
myForm: FormGroup;
selectedFile: File | null = null;
file: File;
anexosImagenes: AnexosImagenes = {};
enviarSolicitud = false;
formularioEnviado: boolean
cambio: boolean;
proyecto: Proyectos
constructor(
private formBuilder: FormBuilder,
private proyectosService: ProyectosService,
private dialog: MatDialog,
private actualizarAnexosService: ActualizarAnexosService,
private datosCompartidos: Actualiza_datosService,
private idCompartido: Compartir_idService,
private datosEspeService: DatosEspeService,
) {
this.proyecto = new Proyectos();
}
ngOnInit(): void {
this.cambio = false;
this.myForm = this.formBuilder.group({
archivo: [{ value: '', disabled: true }, Validators.required],
});
}
onFileSelected(event: any) {
this.selectedFile = event.target.files[0];
}
onFileChange(event: any) {
// Obtener el archivo seleccionado
const fileList: FileList = event.target.files;
if (fileList.length > 0) {
this.file = fileList[0];
}
}
openModal() {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
width: '400px',
disableClose: true
});
dialogRef.afterClosed().subscribe(result => {
this.formularioEnviado = true;
});
}
async onSubmit() {
if (this.myForm.valid) {
this.proyecto.uzytavproyec_id = this.idCompartido.getIdGuardado();
const pdfData = await this.enviarPDF();
this.proyecto.uzytavproyec_com_part2_url = pdfData.idPDF;
this.proyecto.uzytavproyec_com_part2_nom = pdfData.filename;
this.proyectosService.modificarParametros(this.proyecto.uzytavproyec_id, this.proyecto).subscribe(
response => {
this.openModal();
console.log('Datos Actualizados', this.proyecto);
this.myForm.disable();
this.cambio = false;
},
error => {
console.log(error)
}
);
}
}
async enviarPDF() {
const formData = new FormData();
formData.append('files', this.file);
formData.append('sistema', 'vinculacion');
try {
const response = await this.datosEspeService.saveDocument(formData);
return {
idPDF: response.uuid,
filename: response.fileName
};
} catch (error) {
console.error('Error al guardar el PDF en el servidor:', error);
throw error;
}
}
cambiar() {
this.cambio = true;
this.myForm.get('archivo').enable();
}
cancelado() {
this.cambio = false;
this.myForm.disable();
}
}
src/app/modules/main/pages/Proyectos/Acta de Compromiso de Carreras/listar-acta-compromiso-carreras/listar-acta-compromiso-carreras.component.spec.ts 0 → 100644
View file @ 65f34774
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { ListarActaCompromisoCarrerasComponent } from './listar-acta-compromiso-carreras.component';
describe('ListarActaCompromisoCarrerasComponent', () => {
let component: ListarActaCompromisoCarrerasComponent;
let fixture: ComponentFixture<ListarActaCompromisoCarrerasComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ListarActaCompromisoCarrerasComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ListarActaCompromisoCarrerasComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Acta de Compromiso de Carreras/listar-acta-compromiso-carreras/listar-acta-compromiso-carreras.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-listar-acta-compromiso-carreras',
templateUrl: './listar-acta-compromiso-carreras.component.html',
styleUrls: ['./listar-acta-compromiso-carreras.component.css']
})
export class ListarActaCompromisoCarrerasComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/modules/main/pages/Proyectos/Acta de Consejo de Departamento/acta-consejo-departamento/acta-consejo-departamento.component.css 0 → 100644
View file @ 65f34774
/* 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;
}
.botones{
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;
}
/* Estilos para los labels */
label {
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;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
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;
}
button:hover {
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;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
margin-top: 30px;
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);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
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;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
\ No newline at end of file
src/app/modules/main/pages/Proyectos/Acta de Consejo de Departamento/acta-consejo-departamento/acta-consejo-departamento.component.html 0 → 100644
View file @ 65f34774
<div class="contenedor-dos">
<form class="formulario" [formGroup]="myForm" (ngSubmit)="onSubmit()">
<!-- Información de la institución -->
<div class="columna-unico">
<div class="save-button">
<button mat-raised-button color="primary" *ngIf="!cambio" (click)="cambiar()">Editar</button>
<button mat-raised-button color="primary" *ngIf="cambio">Guardar</button>
<span class="separator"></span>
<button mat-raised-button color="warn" *ngIf="cambio" (click)="cancelado()">Cancelar</button>
</div>
<!-- Control de PDF -->
<div class="input-container">
<label>Subir Archivo</label>
<input type="file" id="uzytavconvoca_digital" (change)="onFileChange($event)"
formControlName="archivo">
</div>
</div>
</form>
</div>
\ No newline at end of file
src/app/modules/main/pages/Proyectos/Acta de Consejo de Departamento/acta-consejo-departamento/acta-consejo-departamento.component.spec.ts 0 → 100644
View file @ 65f34774
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { ActaConsejoDepartamentoComponent } from './acta-consejo-departamento.component';
describe('ActaConsejoDepartamentoComponent', () => {
let component: ActaConsejoDepartamentoComponent;
let fixture: ComponentFixture<ActaConsejoDepartamentoComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ActaConsejoDepartamentoComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ActaConsejoDepartamentoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Acta de Consejo de Departamento/acta-consejo-departamento/acta-consejo-departamento.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators, FormGroup } from '@angular/forms';
import { AnexosImagenes } from 'src/app/modules/main/Models/anexos-imagenes';
import { AnexosImagenesService } from 'src/app/modules/main/services/anexos-imagenes/anexos-imagenes.service';
import { ConvocatoriaService } from 'src/app/modules/main/services/convocatoria/convocatoria.service';
import { MatDialog } from '@angular/material/dialog';
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 { format } from 'date-fns';
import { ActualizarAnexosService } from 'src/app/modules/main/services/actualizar_anexos/actualizar-anexos.service';
import { EnvioFormularioComponent } from '../../../programa/opciones/envio-formulario/envio-formulario.component';
import { ProyectosService } from 'src/app/modules/main/services/proyectos/proyectos.service';
import { ProyectoComponent } from '../../Proyectos/Proyecto/Proyecto.component';
import { Proyectos } from 'src/app/modules/main/Models/proyectos';
import { DatosEspeService } from 'src/app/modules/main/services/APIs Externas/Datos espe/datos-espe.service';
@Component({
selector: 'app-acta-consejo-departamento',
templateUrl: './acta-consejo-departamento.component.html',
styleUrls: ['./acta-consejo-departamento.component.css']
})
export class ActaConsejoDepartamentoComponent implements OnInit {
myForm: FormGroup;
selectedFile: File | null = null;
file: File;
anexosImagenes: AnexosImagenes = {};
enviarSolicitud = false;
formularioEnviado: boolean
cambio: boolean;
proyecto: Proyectos
constructor(
private formBuilder: FormBuilder,
private proyectosService: ProyectosService,
private dialog: MatDialog,
private actualizarAnexosService: ActualizarAnexosService,
private datosCompartidos: Actualiza_datosService,
private idCompartido: Compartir_idService,
private datosEspeService: DatosEspeService,
) {
this.proyecto = new Proyectos();
}
ngOnInit(): void {
this.cambio = false;
this.myForm = this.formBuilder.group({
archivo: [{ value: '', disabled: true }, Validators.required],
});
}
onFileSelected(event: any) {
this.selectedFile = event.target.files[0];
}
onFileChange(event: any) {
// Obtener el archivo seleccionado
const fileList: FileList = event.target.files;
if (fileList.length > 0) {
this.file = fileList[0];
}
}
openModal() {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
width: '400px',
disableClose: true
});
dialogRef.afterClosed().subscribe(result => {
this.formularioEnviado = true;
});
}
async onSubmit() {
if (this.myForm.valid) {
this.proyecto.uzytavproyec_id = this.idCompartido.getIdGuardado();
const pdfData = await this.enviarPDF();
this.proyecto.uzytavproyec_aprob_con_dep_url = pdfData.idPDF;
this.proyecto.uzytavproyec_aprob_con_dep_nom = pdfData.filename;
this.proyectosService.modificarParametros(this.proyecto.uzytavproyec_id, this.proyecto).subscribe(
response => {
this.openModal();
console.log('Datos Actualizados', this.proyecto);
this.myForm.disable();
this.cambio = false;
},
error => {
console.log(error)
}
);
}
}
async enviarPDF() {
const formData = new FormData();
formData.append('files', this.file);
formData.append('sistema', 'vinculacion');
try {
const response = await this.datosEspeService.saveDocument(formData);
return {
idPDF: response.uuid,
filename: response.fileName
};
} catch (error) {
console.error('Error al guardar el PDF en el servidor:', error);
throw error;
}
}
cambiar() {
this.cambio = true;
this.myForm.get('archivo').enable();
}
cancelado() {
this.cambio = false;
this.myForm.disable();
}
}
src/app/modules/main/pages/Proyectos/Acta de Consejo de Departamento/listar-acta-consejo-departamento/listar-acta-consejo-departamento.component.spec.ts 0 → 100644
View file @ 65f34774
/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { ListarActaConsejoDepartamentoComponent } from './listar-acta-consejo-departamento.component';
describe('ListarActaConsejoDepartamentoComponent', () => {
let component: ListarActaConsejoDepartamentoComponent;
let fixture: ComponentFixture<ListarActaConsejoDepartamentoComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ListarActaConsejoDepartamentoComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ListarActaConsejoDepartamentoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Acta de Consejo de Departamento/listar-acta-consejo-departamento/listar-acta-consejo-departamento.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-listar-acta-consejo-departamento',
templateUrl: './listar-acta-consejo-departamento.component.html',
styleUrls: ['./listar-acta-consejo-departamento.component.css']
})
export class ListarActaConsejoDepartamentoComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/modules/main/pages/Proyectos/Alineamiento del Proyecto/Objetivos Provinciales/objetivos-provinciales/objetivos-provinciales.component.html
View file @ 65f34774
......@@ -2,7 +2,7 @@
<app-objetivos-zona *ngIf="idCompartido.mostrar"></app-objetivos-zona>
<div class="mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort>
<!-- Nro Column -->
......
src/app/modules/main/pages/Proyectos/Alineamiento del Proyecto/Objetivos Provinciales/objetivos-zona/objetivos-zona.component.ts
View file @ 65f34774
......@@ -60,7 +60,7 @@ export class ObjetivosZonaComponent implements OnInit {
ngOnInit() {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'),10);
this.idRecuperado = this.idCompartido.getIdZonaDetalle();
this.zonaDM = this.mostrarOcultarService.coberturaEdit;
this.mostrarObjetivosZona = true
console.log("en el componente agregar se inicializa como : ", this.mostrarObjetivosZona)
......@@ -139,7 +139,6 @@ export class ObjetivosZonaComponent implements OnInit {
async obtenerProvincia(id: string) {
try {
const provincia = await this.ubicacionesService.obtenerProvinciasId(id).toPromise();
console.log("provincia obtenida", provincia);
this.provincia = provincia;
this.mostrarOcultarService.provinciaEditado = this.provincia;
} catch (error) {
......@@ -151,7 +150,6 @@ export class ObjetivosZonaComponent implements OnInit {
obtenerCanton(id: string) {
this.ubicacionesService.obtenerCantonId(id).subscribe(
canton => {
console.log("canton obtenida", canton)
this.canton = canton;
},
error => {
......@@ -163,7 +161,6 @@ export class ObjetivosZonaComponent implements OnInit {
obtenerParroquia(id:string) {
this.ubicacionesService.obtenerParroquiasId(id).subscribe(
parroquia => {
console.log("parroquia obtenida",parroquia)
this.parroquia = parroquia;
},
error => {
......
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/edit-insti/edit-insti.component.css 0 → 100644
View file @ 65f34774
/* 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;
}
.botones{
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;
}
/* Estilos para los labels */
label {
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;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
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;
}
button:hover {
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;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
margin-top: 30px;
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);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
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;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
/* 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;
}
.botones{
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;
}
/* Estilos para los labels */
label {
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;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
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;
}
button:hover {
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;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
margin-top: 30px;
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);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
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;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/edit-insti/edit-insti.component.html 0 → 100644
View file @ 65f34774
<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" [disabled]="myForm.invalid">Guardar</button>
<span class="separator"></span>
<button mat-raised-button class="botones" color="warn" (click)="cancelado()">Cancelar</button>
</div>
<div class="input-container" *ngIf="insti">
<mat-form-field>
<mat-label>Comunidad Beneficiaria</mat-label>
<input matInput placeholder="comunidad" [(ngModel)]="insti.uzytavinstituc_nombre" formControlName="comunidad">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Directos Hombres</mat-label>
<input matInput placeholder="hombre" formControlName="hombre" (input)="calcularTotalDirectos()" (blur)="calcularTotalDirectos()">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Directos Mujeres</mat-label>
<input matInput placeholder="mujer" formControlName="mujer" (input)="calcularTotalDirectos()" (blur)="calcularTotalDirectos()">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Directos Niños</mat-label>
<input matInput placeholder="nino" formControlName="nino" (input)="calcularTotalDirectos()" (blur)="calcularTotalDirectos()">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Directos Personas con Capacidades Especiales</mat-label>
<input matInput placeholder="Numero de personas con capacidades especiales" formControlName="espe" (input)="calcularTotalDirectos()" (blur)="calcularTotalDirectos()">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Total Directos</mat-label>
<input matInput placeholder="Suma del Total de beneficiarios Directos" formControlName="directo" (input)="calcularTotal()" (blur)="calcularTotal()">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Total Indirectos</mat-label>
<input matInput placeholder="Total de beneficiarios Indirectos" formControlName="indirecto" (input)="calcularTotal()" (blur)="calcularTotal()">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Total</mat-label>
<input matInput placeholder="Suma del total beneficiarios directos e indirectos" formControlName="total">
</mat-form-field>
</div>
</div>
</form>
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/edit-insti/edit-insti.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { EditInstiComponent } from './edit-insti.component';
describe('EditInstiComponent', () => {
let component: EditInstiComponent;
let fixture: ComponentFixture<EditInstiComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ EditInstiComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(EditInstiComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/edit-insti/edit-insti.component.ts 0 → 100644
View file @ 65f34774
import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { MatDialog } from '@angular/material/dialog';
import { MatTableDataSource } from '@angular/material/table';
import { Instituciones } from 'src/app/modules/main/Models/instituciones';
import { instproy } from 'src/app/modules/main/Models/instproy';
import { InstitucionesService } from 'src/app/modules/main/services/Instituciones/instituciones.service';
import { UbicacionesService } from 'src/app/modules/main/services/Ubicaciones/ubicaciones.service';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { MostrarOcultarService } from 'src/app/modules/main/services/mostrar-ocultar.service';
import { ParametrosdetService } from 'src/app/modules/main/services/parametrosdet/parametrosdet.service';
import { EnvioFormularioComponent } from '../../../../programa/opciones/envio-formulario/envio-formulario.component';
import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_datos/actualiza_datos.service';
@Component({
selector: 'vex-edit-insti',
templateUrl: './edit-insti.component.html',
styleUrls: ['./edit-insti.component.css']
})
export class EditInstiComponent implements OnInit {
/*Variables necesarias*/
myForm: FormGroup;
dataSource: MatTableDataSource<instproy>;
formularioEnviado: boolean;
instuPro: instproy;
mostrarInst: boolean = false;
insti: Instituciones;
idRecuperado: number;
constructor(
private formBuilder: FormBuilder,
private dialog: MatDialog,
private idCompartido: Compartir_idService,
private instP: ParametrosdetService,
private mostrarOcultarService: MostrarOcultarService,
private ubicacionesService: UbicacionesService,
private instiS: InstitucionesService,
private datosCompartidos: Actualiza_datosService
) {
this.dataSource = new MatTableDataSource<instproy>([]);
}
ngOnInit(): void {
this.instuPro = this.mostrarOcultarService.editInst;
this.idRecuperado = this.idCompartido.getIdInst();
this.obtenerInsti(this.instuPro.uzytavinstituc_id);
this.initializerForm();
this.mostrarInst = true;
}
initializerForm() {
this.myForm = this.formBuilder.group({
comunidad: [{ value: this.instuPro.uzytavinstituc_id, disabled: true }, Validators.required],
hombre: [{ value: this.instuPro.uzytavinstproy_dir_hombres, disabled: false }, Validators.required],
mujer: [{ value: this.instuPro.uzytavinstproy_dir_mujeres, disabled: false }, Validators.required],
nino: [{ value: this.instuPro.uzytavinstproy_dir_ninios, disabled: false }, Validators.required],
espe: [{ value: this.instuPro.uzytavinstproy_dir_discapacidad, disabled: false }, Validators.required],
directo: [{ value: this.instuPro.uzytavinstproy_DIRECTOS, disabled: true }, Validators.required],
indirecto: [{ value: this.instuPro.uzytavinstproy_indirectos, disabled: false }, Validators.required],
total: [{ value: this.instuPro.uzytavinstproy_TOTAL, disabled: true }, Validators.required],
});
}
obtenerInsti(id: number) {
this.instiS.obtenerParametrosId2(id).subscribe(data => {
this.insti = data;
});
}
calcularTotalDirectos() {
const hombres = parseInt(this.myForm.get('hombre').value ,10) || 0;
const mujeres = parseInt(this.myForm.get('mujer').value,10) || 0 ;
const nino = parseInt(this.myForm.get('nino').value,10) || 0;
const espe = parseInt(this.myForm.get('espe').value,10) || 0;
const totalDirectos = hombres + mujeres + nino + espe;
this.myForm.get('directo').setValue(totalDirectos);
}
calcularTotal(){
const directo = parseInt(this.myForm.get('directo').value,10) || 0;
const indirecto = parseInt(this.myForm.get('indirecto').value,10) || 0;
const total = directo + indirecto;
this.myForm.get('total').setValue(total);
}
onSubmit() {
if (this.myForm.valid) {
this.instuPro.uzytavproyec_id = this.idRecuperado;
this.instuPro.uzytavinstproy_dir_hombres = this.myForm.get('hombre').value;
this.instuPro.uzytavinstproy_dir_mujeres = this.myForm.get('mujer').value;
this.instuPro.uzytavinstproy_dir_ninios = this.myForm.get('nino').value;
this.instuPro.uzytavinstproy_dir_discapacidad = this.myForm.get('espe').value;
this.instuPro.uzytavinstproy_DIRECTOS = this.myForm.get('directo').value;
this.instuPro.uzytavinstproy_indirectos = this.myForm.get('indirecto').value;
this.instuPro.uzytavinstproy_TOTAL = this.myForm.get('total').value;
this.instP.modificarParametros(this.instuPro.uzytavinstproy_id, this.instuPro).subscribe(response => {
this.openModal();
this.idCompartido.ocultarFormulario2();
this.datosCompartidos.actualizarDatos(this.instuPro);
}, error => {
console.log(error)
});
}
}
cancelado() {
this.idCompartido.ocultarFormulario2();
this.mostrarInst = false;
this.myForm.enable();
this.myForm.reset();
}
openModal() {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
disableClose: true
});
dialogRef.afterClosed().subscribe(result => {
this.formularioEnviado = true;
});
}
}
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/list-insti/list-insti.component.css 0 → 100644
View file @ 65f34774
.Column {
padding-left: 0px;
padding-right: 0px;
width: 100px;
white-space: inherit;
}
.Column1 {
padding-left: 0px;
padding-right: 0px;
width: 10px;
white-space: normal;
overflow: visible;
}
.Column2 {
width: 25px;
padding-left: 0px;
padding-right: 0px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-family: 'Roboto', sans-serif;
color: #333;
}
table th,
table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #e0e0e0;
}
table th {
background-color: rgb(248, 249, 250);
font-weight: bold;
text-transform: uppercase;
}
table td {
position: relative;
}
table td::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: #e0e0e0;
}
input[type="text"] {
width: 200px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
margin-left: 10px;
}
.azul{
color: blue;
}
@media (max-width: 600px) {
table {
font-size: 14px;
}
table th,
table td {
padding: 8px;
}
}
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/list-insti/list-insti.component.html 0 → 100644
View file @ 65f34774
<div class="container" >
<vex-edit-insti *ngIf="idCompartido.mostrar2"></vex-edit-insti>
<div class="mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort>
<!-- Nro Column -->
<ng-container matColumnDef="Nro" class="Column1">
<th class="Column1 negrita" mat-header-cell *matHeaderCellDef
mat-sort-header> Nro </th>
<td class="Column1" mat-cell *matCellDef="let i = index"> {{ i+1 }}
</td>
</ng-container>
<!-- Parroquia Column -->
<!-- Dirección Column -->
<ng-container matColumnDef="Comunidad" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Comunidad Beneficiaria </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{ getInstitucionNombre(dato.uzytavinstituc_id)}} </td>
</ng-container>
<!-- Dirección Column -->
<ng-container matColumnDef="Hombres" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Directos Hombres </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{ dato.uzytavinstproy_dir_hombres}} </td>
</ng-container>
<!-- Representante Column -->
<ng-container matColumnDef="mujeres" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Directos Mujeres </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{dato.uzytavinstproy_dir_mujeres}} </td>
</ng-container>
<ng-container matColumnDef="ninos" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Directos Niños </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{dato.uzytavinstproy_dir_ninios}} </td>
</ng-container>
<ng-container matColumnDef="especiales" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Directos Personas con Capacidades Especiles </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{dato.uzytavinstproy_dir_discapacidad}} </td>
</ng-container>
<ng-container matColumnDef="directors" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Total Directos </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{dato.uzytavinstproy_DIRECTOS}} </td>
</ng-container>
<ng-container matColumnDef="indirectos" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Total Indirectos </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{dato.uzytavinstproy_indirectos}} </td>
</ng-container>
<ng-container matColumnDef="total" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Total </th>
<td class="Column" mat-cell *matCellDef="let dato"> {{dato.uzytavinstproy_TOTAL}} </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">
<button mat-icon-button (click)="mostrarInstu(dato.uzytavinstproy_id)">
<mat-icon class="azul">edit</mat-icon>
</button>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
</div>
</div>
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/list-insti/list-insti.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ListInstiComponent } from './list-insti.component';
describe('ListInstiComponent', () => {
let component: ListInstiComponent;
let fixture: ComponentFixture<ListInstiComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ ListInstiComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(ListInstiComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Cierre/numerico de beneficiarios/list-insti/list-insti.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { Instituciones } from 'src/app/modules/main/Models/instituciones';
import { instproy } from 'src/app/modules/main/Models/instproy';
import { InstitucionesService } from 'src/app/modules/main/services/Instituciones/instituciones.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 { MostrarOcultarService } from 'src/app/modules/main/services/mostrar-ocultar.service';
import { ParametrosdetService } from 'src/app/modules/main/services/parametrosdet/parametrosdet.service';
@Component({
selector: 'vex-list-insti',
templateUrl: './list-insti.component.html',
styleUrls: ['./list-insti.component.css']
})
export class ListInstiComponent implements OnInit {
//variables necesarias
displayedColumns: string[] = ['Nro', 'Comunidad', 'Hombres', 'mujeres', 'ninos', 'especiales','directors','indirectos','total','acciones'];
idRecuperado: number;
dataSource: MatTableDataSource<instproy>;
instuProyect: instproy[] = [];
institucion: Instituciones[] = [];
constructor(
public idCompartido: Compartir_idService,
private datosCompartidos: Actualiza_datosService,
private instP: ParametrosdetService,
private InstitucionesS: InstitucionesService,
private mostrarOcultarService: MostrarOcultarService
) {
this.dataSource = new MatTableDataSource<instproy>([]);
}
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.datosCompartidos.datos$.subscribe(() =>{
this.obtenerRegistros();
});
this.instP.parametrosActualizados.subscribe(() =>{
this.obtenerRegistros();
});
}
obtenerRegistros(){
this.instP.obtenerRegistrosRelacionados(this.idRecuperado).subscribe(data =>{
this.instuProyect = data;
this.dataSource.data = this.instuProyect;
});
this.InstitucionesS.obtenerParametros().subscribe(data =>{
this.institucion = data;
});
}
mostrarInstu(id: number) {
this.idCompartido.mostrarFormulario2();
const registroSeleccionado = this.instuProyect.find(
inst => inst.uzytavinstproy_id === id);
this.idCompartido.setIdInst(id);
this.mostrarOcultarService.editInst = registroSeleccionado;
}
getInstitucionNombre(id: number): string {
const instit = this.institucion.find(i => i.uzytavinstituc_id === id);
if (instit) {
const nombre = instit.uzytavinstituc_nombre.toLowerCase();
return nombre.charAt(0).toUpperCase() + nombre.slice(1);
}
return '';
}
}
src/app/modules/main/pages/Proyectos/Cierre/objetivos ejecutados/edit-objetivos-ejec/edit-objetivos-ejec.component.css 0 → 100644
View file @ 65f34774
/* 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;
}
.botones{
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;
}
/* Estilos para los labels */
label {
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;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
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;
}
button:hover {
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;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
margin-top: 30px;
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);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
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;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
/* 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;
}
.botones{
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;
}
/* Estilos para los labels */
label {
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;
}
input[type="text"]:focus,
select:focus {
outline: none;
border-color: #4caf50;
}
/* Estilos para los mensajes de error */
.error-message {
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;
}
button:hover {
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;
}
/* Estilos para el contenedor del formulario */
.contenedor-dos {
margin-top: 30px;
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);
}
/* Estilos para el icono de instituciones */
.icono-instituciones {
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;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.input-container {
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
src/app/modules/main/pages/Proyectos/Cierre/objetivos ejecutados/edit-objetivos-ejec/edit-objetivos-ejec.component.html 0 → 100644
View file @ 65f34774
<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" [disabled]="myForm.invalid">Guardar</button>
<span class="separator"></span>
<button mat-raised-button class="botones" color="warn" (click)="cancelado()">Cancelar</button>
</div>
<div class="input-container">
<mat-form-field>
<mat-label>Comunidad Beneficiaria</mat-label>
<input matInput placeholder="descrip" formControlName="descrip">
</mat-form-field>
</div>
<div class="input-container">
<mat-form-field class="example-full-width">
<mat-label>Ingresar el valor ejecutado durante el desarrollo del Proyecto</mat-label>
<input matInput placeholder="Ingresar el valor ejecutado durante el desarrollo del Proyecto" formControlName="valor">
<mat-error *ngIf="myForm.get('valor').hasError('valorMaximoExcedido')">El valor excede al indicador planificado</mat-error>
</mat-form-field>
</div>
</div>
</form>
src/app/modules/main/pages/Proyectos/Cierre/objetivos ejecutados/edit-objetivos-ejec/edit-objetivos-ejec.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { EditObjetivosEjecComponent } from './edit-objetivos-ejec.component';
describe('EditObjetivosEjecComponent', () => {
let component: EditObjetivosEjecComponent;
let fixture: ComponentFixture<EditObjetivosEjecComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ EditObjetivosEjecComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(EditObjetivosEjecComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Cierre/objetivos ejecutados/edit-objetivos-ejec/edit-objetivos-ejec.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
import { MatDialog } from '@angular/material/dialog';
import { MatDivider } from '@angular/material/divider';
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 { 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 { EnvioFormularioComponent } from '../../../../programa/opciones/envio-formulario/envio-formulario.component';
@Component({
selector: 'vex-edit-objetivos-ejec',
templateUrl: './edit-objetivos-ejec.component.html',
styleUrls: ['./edit-objetivos-ejec.component.css']
})
export class EditObjetivosEjecComponent implements OnInit {
myForm: FormGroup;
formularioEnviado: boolean;
objetivoProgra: objetivoprograma;
mostrarObje: boolean = false;
idRecuperado: number;
constructor(
private formBuilder: FormBuilder,
private dialog: MatDialog,
private idCompartido: Compartir_idService,
private objS: Objetivo_programaService,
private mostrarOcultarSerivce: MostrarOcultarService,
private datosCompartidos: Actualiza_datosService
) { }
ngOnInit(): void {
this.objetivoProgra = this.mostrarOcultarSerivce.editObje;
this.idRecuperado = this.idCompartido.getIdObj();
this.initializeForm();
this.mostrarObje = true;
}
initializeForm(){
this.myForm = this.formBuilder.group({
descrip: [{value: this.objetivoProgra.uzytavobjetivo_programaobjetivo_proy, disabled: true}, Validators.required],
valor: [{value: this.objetivoProgra.uzytavobjetivo_programaindicador_valor_eje, disabled: false}, [Validators.required, this.valorMaximoValidator.bind(this)]]
});
}
valorMaximoValidator(control: FormControl) {
const valorIngresado = control.value;
const valorMaximoGuardado = this.objetivoProgra.uzytavobjetivo_programaindicador_valor;
if (valorIngresado > valorMaximoGuardado) {
return { valorMaximoExcedido: true };
} else {
return null;
}
}
onSubmit(){
if(this.myForm.valid){
this.objetivoProgra.uzytavobjetivo_programaindicador_valor_eje = this.myForm.get('valor').value;
this.objS.modificarParametros(this.objetivoProgra.uzytavobjetivo_programa_id, this.objetivoProgra).subscribe(response => {
this.openModal();
this.idCompartido.ocultarFormulario3();
this.datosCompartidos.actualizarDatos(this.objetivoProgra);
});
}
}
cancelado(){
this.idCompartido.ocultarFormulario3();
this.mostrarObje = false;
this.myForm.enable();
this.myForm.reset();
}
openModal() {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
disableClose: true
});
dialogRef.afterClosed().subscribe(result => {
this.formularioEnviado = true;
});
}
}
src/app/modules/main/pages/Proyectos/Cierre/objetivos ejecutados/list-objetivos-ejec/list-objetivos-ejec.component.css 0 → 100644
View file @ 65f34774
.Column {
padding-left: 0px;
padding-right: 0px;
width: 100px;
white-space: inherit;
}
.Column1 {
padding-left: 0px;
padding-right: 0px;
width: 10px;
white-space: normal;
overflow: visible;
}
.Column2 {
width: 25px;
padding-left: 0px;
padding-right: 0px;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-family: 'Roboto', sans-serif;
color: #333;
}
table th,
table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #e0e0e0;
}
table th {
background-color: rgb(248, 249, 250);
font-weight: bold;
text-transform: uppercase;
}
table td {
position: relative;
}
table td::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: #e0e0e0;
}
input[type="text"] {
width: 200px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
margin-left: 10px;
}
.azul{
color: blue;
}
@media (max-width: 600px) {
table {
font-size: 14px;
}
table th,
table td {
padding: 8px;
}
}
.separa{
margin-top: 4%;
}
src/app/modules/main/pages/Proyectos/Cierre/objetivos ejecutados/list-objetivos-ejec/list-objetivos-ejec.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ListObjetivosEjecComponent } from './list-objetivos-ejec.component';
describe('ListObjetivosEjecComponent', () => {
let component: ListObjetivosEjecComponent;
let fixture: ComponentFixture<ListObjetivosEjecComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ ListObjetivosEjecComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(ListObjetivosEjecComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Cierre/objetivos ejecutados/list-objetivos-ejec/list-objetivos-ejec.component.ts 0 → 100644
View file @ 65f34774
import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
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 { MostrarOcultarService } from 'src/app/modules/main/services/mostrar-ocultar.service';
import { Objetivo_programaService } from 'src/app/modules/main/services/objetivo_programa/objetivo_programa.service';
@Component({
selector: 'vex-list-objetivos-ejec',
templateUrl: './list-objetivos-ejec.component.html',
styleUrls: ['./list-objetivos-ejec.component.css']
})
export class ListObjetivosEjecComponent implements OnInit {
@ViewChild('activitySection') activitySection!: ElementRef;
displayedColumnsFin: string[] = ['descrip', 'verifica', 'tipo', 'indica', 'indicaPlanValor', 'indicaEjecu', 'acciones'];
idRecuperado: number;
dataSourceFin: MatTableDataSource<objetivoprograma>;
dataSourceGeneral: MatTableDataSource<objetivoprograma>;
dataSourceEspe: MatTableDataSource<objetivoprograma>;
dataSourceActi: MatTableDataSource<objetivoprograma>;
objetivoPrograma: objetivoprograma[] = [];
objetivoProgramaGeneral: objetivoprograma[] = [];
objetivoProgramaEspe: objetivoprograma[] = [];
objetivoProgramaActi: objetivoprograma[] = [];
constructor(
private mostrarOcultarService: MostrarOcultarService,
public idCompartido: Compartir_idService,
private datosCompartidos: Actualiza_datosService,
private objetivoS: Objetivo_programaService
) {
this.dataSourceFin = new MatTableDataSource<objetivoprograma>([]);
this.dataSourceGeneral = new MatTableDataSource<objetivoprograma>([]);
this.dataSourceEspe = new MatTableDataSource<objetivoprograma>([]);
this.dataSourceActi = new MatTableDataSource<objetivoprograma>([]);
}
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.datosCompartidos.datos$.subscribe(() =>{
this.obtenerRegistros();
});
this.objetivoS.parametrosActualizados.subscribe(() => {
this.obtenerRegistros();
});
}
obtenerRegistros(){
this.objetivoS.obtenerParametros().subscribe(data => {
//llenado de los arreglos
this.objetivoPrograma = data.filter(item => item.uzytavobjetivo_programatipo === 1 && item.uzytavproyec_id === this.idRecuperado);
this.objetivoProgramaGeneral = data.filter(item => item.uzytavobjetivo_programatipo === 2 && item.uzytavproyec_id === this.idRecuperado);
this.objetivoProgramaEspe = data.filter(item => item.uzytavobjetivo_programatipo === 3 && item.uzytavproyec_id === this.idRecuperado);
this.objetivoProgramaActi = data.filter(item => item.uzytavobjetivo_programatipo === 4 && item.uzytavproyec_id === this.idRecuperado);
//data source
this.dataSourceFin.data = this.objetivoPrograma;
this.dataSourceGeneral.data = this.objetivoProgramaGeneral;
this.dataSourceEspe.data = this.objetivoProgramaEspe;
this.dataSourceActi.data = this.objetivoProgramaActi;
});
}
mostrarObjetivoFin(id: number) {
this.idCompartido.mostrarFormulario3();
const registroSeleccionado = this.objetivoPrograma.find(
objet => objet.uzytavobjetivo_programa_id === id);
this.idCompartido.setIdObj(id);
this.mostrarOcultarService.editObje = registroSeleccionado;
this.scrollIntoView();
}
mostrarObjetivoGeneral(id: number) {
this.idCompartido.mostrarFormulario3();
const registroSeleccionado = this.objetivoProgramaGeneral.find(
objet => objet.uzytavobjetivo_programa_id === id);
this.idCompartido.setIdObj(id);
this.mostrarOcultarService.editObje = registroSeleccionado;
this.scrollIntoView();
}
mostrarObjetivoEspecifico(id: number) {
this.idCompartido.mostrarFormulario3();
const registroSeleccionado = this.objetivoProgramaEspe.find(
objet => objet.uzytavobjetivo_programa_id === id);
this.idCompartido.setIdObj(id);
this.mostrarOcultarService.editObje = registroSeleccionado;
this.scrollIntoView();
}
mostrarObjetivoActividad(id: number) {
this.idCompartido.mostrarFormulario3();
const registroSeleccionado = this.objetivoProgramaActi.find(
objet => objet.uzytavobjetivo_programa_id === id);
this.idCompartido.setIdObj(id);
this.mostrarOcultarService.editObje = registroSeleccionado;
this.scrollIntoView();
}
especificarValor(tipo: number) {
if (tipo === 1) {
return 'Valor';
} else {
return 'Porcentaje';
}
}
scrollIntoView() {
if (this.activitySection && this.activitySection.nativeElement) {
this.activitySection.nativeElement.scrollIntoView({ behavior: 'smooth' });
}
}
}
src/app/modules/main/pages/Proyectos/Cierre/resultados proyecto/resultados/resultados.component.html
View file @ 65f34774
......@@ -15,31 +15,43 @@
<mat-card-content>
<div>
<label class="label-negrita"> Productos y/o servicios generados por el proyecto:</label>
<label class="label-negrita"> <strong>Productos y/o servicios generados por el proyecto:</strong> </label>
<ckeditor formControlName="productoCierre" class="custom-ckeditor" [disabled]="!isEditorEnabled" [style.height]="editorHeight" [editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> Bienes a favor de la ESPE:</label>
<label class="label-negrita"> <strong>Bienes a favor de la ESPE:</strong></label>
<ckeditor formControlName="bienesCierre" class="custom-ckeditor" [disabled]="!isEditorEnabled" [style.height]="editorHeight" [editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> Resultados del proyecto:</label>
<label class="label-negrita"> <strong>Resultados del proyecto:</strong></label>
<ckeditor formControlName="resultadoCierre" class="custom-ckeditor" [disabled]="!isEditorEnabled" [style.height]="editorHeight" [editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> Otras aplicaciones del producto y/o servicios:</label>
<label class="label-negrita"> <strong>Otras aplicaciones del producto y/o servicios:</strong></label>
<ckeditor formControlName="servicioCierre" class="custom-ckeditor" [disabled]="!isEditorEnabled" [style.height]="editorHeight" [editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> Impacto futuro del proyecto:</label>
<label class="label-negrita"> <strong>Impacto futuro del proyecto:</strong></label>
<ckeditor formControlName="impactoCierre" class="custom-ckeditor" [disabled]="!isEditorEnabled" [style.height]="editorHeight" [editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> <strong>Restricciones que limitan el impacto del proyecto:</strong></label>
<ckeditor formControlName="restricCierre" class="custom-ckeditor" [disabled]="!isEditorEnabled" [style.height]="editorHeight" [editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> <strong>Comentarios Generales:</strong></label>
<ckeditor formControlName="comenCierre" class="custom-ckeditor" [disabled]="!isEditorEnabled" [style.height]="editorHeight" [editor]="Editor"></ckeditor>
</div>
</mat-card-content>
</mat-card>
</form>
......
src/app/modules/main/pages/Proyectos/Cierre/resultados proyecto/resultados/resultados.component.ts
View file @ 65f34774
......@@ -49,7 +49,9 @@ export class ResultadosComponent implements OnInit {
bienesCierre: [this.proyectos.uzytavproyec_cierre_bien, Validators.required],
resultadoCierre: [this.proyectos.uzytavproyec_cierre_resul, Validators.required],
servicioCierre: [this.proyectos.uzytavproyec_cierre_aplic, Validators.required],
impactoCierre: [this.proyectos.uzytavproyec_cierre_imp, Validators.required]
impactoCierre: [this.proyectos.uzytavproyec_cierre_imp, Validators.required],
restricCierre: [this.proyectos.uzytavproyec_cierre_rest, Validators.required],
comenCierre: [this.proyectos.uzytavproyec_cierre_comen, Validators.required]
});
}
......@@ -62,7 +64,9 @@ export class ResultadosComponent implements OnInit {
bienesCierre: this.proyectos.uzytavproyec_cierre_bien,
resultadoCierre: this.proyectos.uzytavproyec_cierre_resul,
servicioCierre: this.proyectos.uzytavproyec_cierre_aplic,
impactoCierre: this.proyectos.uzytavproyec_cierre_imp
impactoCierre: this.proyectos.uzytavproyec_cierre_imp,
restricCierre: this.proyectos.uzytavproyec_cierre_rest,
comenCierre: this.proyectos.uzytavproyec_cierre_comen
});
});
} else {
......@@ -78,6 +82,8 @@ export class ResultadosComponent implements OnInit {
this.proyectos.uzytavproyec_cierre_resul = this.myForm.get('resultadoCierre').value;
this.proyectos.uzytavproyec_cierre_aplic = this.myForm.get('servicioCierre').value;
this.proyectos.uzytavproyec_cierre_imp = this.myForm.get('impactoCierre').value;
this.proyectos.uzytavproyec_cierre_rest = this.myForm.get('restricCierre').value;
this.proyectos.uzytavproyec_cierre_comen = this.myForm.get('comenCierre').value;
this.proyectosService.modificarParametros(this.idRecuperado, this.proyectos).subscribe(response => {
this.cambio = false;
this.isEditorEnabled = false;
......
src/app/modules/main/pages/Proyectos/Diagnostico y problema/Anexos e Imagenes/add-anexos-imagenes/add-anexos-imagenes.component.html
View file @ 65f34774
......@@ -12,19 +12,19 @@
</div>
<div class="input-container">
<mat-form-field>
<!-- <mat-form-field>
<mat-label>Fecha de Subida:</mat-label>
<input matInput [matDatepicker]="pickerInicio" placeholder="Seleccione una fecha de Subida"
formControlName="fechaInicio" required>
<mat-datepicker-toggle matSuffix [for]="pickerInicio"></mat-datepicker-toggle>
<mat-datepicker #pickerInicio></mat-datepicker>
</mat-form-field>
</mat-form-field>-->
</div>
<!-- Control de PDF -->
<div class="input-container">
<label>Subir Archivo</label>
<input type="file" id="uzytavconvoca_digital" (change)="onFileChange($event)"
<input type="file" id="uzytavconvoca_digital" (change)="onFileChange($event)"
formControlName="archivo">
</div>
......@@ -32,4 +32,4 @@
</div>
</form>
</div>
\ No newline at end of file
</div>
src/app/modules/main/pages/Proyectos/Diagnostico y problema/Anexos e Imagenes/add-anexos-imagenes/add-anexos-imagenes.component.ts
View file @ 65f34774
......@@ -48,7 +48,7 @@ export class AddAnexosImagenesComponent implements OnInit {
this.myForm = this.formBuilder.group({
archivo: [{ value: '', disabled: true }, Validators.required],
fechaInicio: [{ value: '', disabled: true }, Validators.required],
//fechaInicio: [{ value: '', disabled: true }, Validators.required],
});
}
......@@ -80,7 +80,9 @@ export class AddAnexosImagenesComponent implements OnInit {
onSubmit() {
if (this.myForm.valid) {
this.anexosImagenes.uzytavproyec_id = this.idRecuperado;
this.anexosImagenes.uzytavanexospr_fech_subida = this.myForm.value.fechaInicio
console.log('prueba imagen', this.anexosImagenes.uzytavproyec_id)
//this.anexosImagenes.uzytavanexospr_fech_subida = this.myForm.value.fechaInicio;
//this.anexosImagenes.uzytavanexospr_fech_subida = new Date();
this.anexosImagenesService.guardarParametrosSeparados(this.file, this.anexosImagenes).subscribe(
response => {
this.openModal();
......@@ -103,7 +105,7 @@ export class AddAnexosImagenesComponent implements OnInit {
cambiar() {
this.cambio = true;
this.myForm.get('fechaInicio').enable();
//this.myForm.get('fechaInicio').enable();
this.myForm.get('archivo').enable();
}
......
src/app/modules/main/pages/Proyectos/Inicio Ejecución/carta compromiso comunidad/carta-compromiso-comu/carta-compromiso-comu.component.html 0 → 100644
View file @ 65f34774
<div class="container">
<mat-card>
<mat-card-header>
<mat-card-title>Carta de Compromiso de la Comunidad</mat-card-title>
</mat-card-header>
<mat-card-content>
<mat-card-actions class="button-container">
<input type="file" (change)="handleFileInput($event)" accept=".pdf" />
<div>
<button mat-raised-button class="sep" color="primary" (click)="guardarPDF()">Guardar</button>
</div>
</mat-card-actions>
</mat-card-content>
</mat-card>
</div>
src/app/modules/main/pages/Proyectos/Inicio Ejecución/carta compromiso comunidad/carta-compromiso-comu/carta-compromiso-comu.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { CartaCompromisoComuComponent } from './carta-compromiso-comu.component';
describe('CartaCompromisoComuComponent', () => {
let component: CartaCompromisoComuComponent;
let fixture: ComponentFixture<CartaCompromisoComuComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ CartaCompromisoComuComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(CartaCompromisoComuComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Inicio Ejecución/carta compromiso comunidad/carta-compromiso-comu/carta-compromiso-comu.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { FormGroup } from '@angular/forms';
@Component({
selector: 'vex-carta-compromiso-comu',
templateUrl: './carta-compromiso-comu.component.html',
styleUrls: ['./carta-compromiso-comu.component.css']
})
export class CartaCompromisoComuComponent implements OnInit {
archivoPDF: File | null = null;
finalizado: boolean = false;
ngOnInit(): void {
}
onSubmit() {}
handleFileInput(event: any) {
this.archivoPDF = event.target.files[0];
if (this.archivoPDF) {
console.log('Archivo seleccionado:', this.archivoPDF);
}
}
guardarPDF() {
if (this.archivoPDF) {
// Aquí puedes realizar la lógica para enviar el archivo a la base de datos
// Por ejemplo, si estás usando un servicio para comunicarte con la base de datos:
// this.miServicio.guardarPDFEnBaseDeDatos(this.archivoPDF);
console.log('Guardando archivo en la base de datos:', this.archivoPDF);
} else {
console.log('No se ha seleccionado ningún archivo PDF para guardar.');
}
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-compromiso/add-compromiso.component.css 0 → 100644
View file @ 65f34774
.form-row {
display: flex;
}
.form-column {
flex: 1;
margin: 0 10px;
max-width: 100%;
}
.contenedor-dos {
margin-top: 30px;
padding: 0.9375rem 20px;
position: relative;
width: 100%;
}
.example-radio-group {
display: flex;
flex-direction: column;
margin: 15px 0;
align-items: flex-start;
}
.example-section {
margin: 12px 0;
}
.example-radio-button {
margin: 5px;
}
.save-button {
display: flex;
justify-content: flex-end;
margin-bottom: 16px;
}
.form-column mat-form-field {
display: block;
margin-bottom: 16px;
width: 100%;
}
.separa {
margin-left: 16px;
}
.sepa{
margin-bottom: 32px;
}
.sube{
margin-top: 10px;
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-compromiso/add-compromiso.component.html 0 → 100644
View file @ 65f34774
<div class="container">
<form class="example-form" [formGroup]="myForm" (ngSubmit)="onSubmit()">
<mat-card>
<mat-card-header>
<div class="save-button">
<button mat-raised-button color="primary"
[disabled]="myForm.invalid">Guardar</button>
</div>
</mat-card-header>
<mat-card-content>
<div class="form-row">
<div class="form-column">
<div>
<mat-label><strong>TIPO DE ENTIDAD</strong></mat-label>
</div>
<div class="sepa">
<mat-radio-group class="sube" formControlName="entidad">
<mat-radio-button *ngFor="let entidad of entidad" [value]="entidad.uzytparametros_det_id">{{ entidad.uzytparametros_det_descripcion}} </mat-radio-button>
</mat-radio-group>
</div>
<mat-label><strong>INSTITUCIÓN O COMUNIDAD</strong></mat-label>
<mat-form-field>
<mat-label>Nombre:</mat-label>
<mat-select formControlName="nombreI"
placeholder="Nombre del Proyecto" (selectionChange)="onInstitucionSelected($event.value)">
<mat-option *ngFor="let item2 of institu" [value]="item2.uzytavinstituc_id">{{item2.uzytavinstituc_nombre}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-label>Provincia:</mat-label>
<input matInput formControlName="provinciaI">
</mat-form-field>
<mat-form-field>
<mat-label>Dirección</mat-label>
<input matInput formControlName="direccionI">
</mat-form-field>
<mat-form-field>
<mat-label>Tipo de Organización</mat-label>
<mat-select formControlName="organizacionI">
<mat-option *ngFor="let item of orga" [value]="item.uzytparametros_det_id">{{item.uzytparametros_det_descripcion}}</mat-option>
</mat-select>
</mat-form-field>
</div>
<div class="form-column">
<mat-label><strong>REPRESENTANTE LEGAL Y/O RESPONSABLE</strong></mat-label>
<mat-form-field>
<mat-label>Nombres</mat-label>
<input matInput [disabled]="true" formControlName="nombreR">
</mat-form-field>
<mat-form-field>
<mat-label>Apellido</mat-label>
<input matInput [disabled]="true" formControlName="apellidoR">
</mat-form-field>
<mat-form-field>
<mat-label>Cargo</mat-label>
<input matInput [disabled]="true" formControlName="cargoR">
</mat-form-field>
<mat-form-field>
<mat-label>Correo Electronico</mat-label>
<input matInput placeholder="Correo Institucional"
formControlName="correoR">
</mat-form-field>
<mat-form-field>
<mat-label>Telefono</mat-label>
<input matInput placeholder="Telefono Director"
formControlName="telefonoR">
</mat-form-field>
<mat-form-field>
<mat-label>Declaración</mat-label>
<input matInput formControlName="declaracion">
</mat-form-field>
</div>
</div>
</mat-card-content>
</mat-card>
</form>
</div>
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-compromiso/add-compromiso.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AddCompromisoComponent } from './add-compromiso.component';
describe('AddCompromisoComponent', () => {
let component: AddCompromisoComponent;
let fixture: ComponentFixture<AddCompromisoComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ AddCompromisoComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(AddCompromisoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-compromiso/add-compromiso.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit, Output,EventEmitter } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { Instituciones } from 'src/app/modules/main/Models/instituciones';
import { instproy } from 'src/app/modules/main/Models/instproy';
import { parametrosdet } from 'src/app/modules/main/Models/parametrosdet';
import { InstitucionesService } from 'src/app/modules/main/services/Instituciones/instituciones.service';
import { ParametrosdetService } from 'src/app/modules/main/services/parametrosdet/parametrosdet.service';
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';
@Component({
selector: 'vex-add-compromiso',
templateUrl: './add-compromiso.component.html',
styleUrls: ['./add-compromiso.component.css']
})
export class AddCompromisoComponent implements OnInit {
myForm: FormGroup;
idRecuperado: number;
formularioEnviado: boolean;
//enviar o comunicar entre componentes con el emiter
@Output() formularioGuardado = new EventEmitter<void>();
//arreglos
entidad: parametrosdet[] = [];
orga: parametrosdet[] = [];
institu: Instituciones[] = [];
constructor(
private formBuilder: FormBuilder,
private instP: ParametrosdetService,
private instituS: InstitucionesService,
private instproyM: instproy,
private dialog: MatDialog,
private datosCompartidos: Actualiza_datosService
) { }
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.obtenerRegistros();
this.myForm = this.formBuilder.group({
entidad: ['', Validators.required],
nombreI: ['', Validators.required],
provinciaI: [{ value: '', disabled: true }],
direccionI: [{ value: '', disabled: true }],
organizacionI: [],
nombreR: [{ value: '', disabled: true }],
apellidoR: [{ value: '', disabled: true }],
cargoR: [{ value: '', disabled: true }],
correoR: [{ value: '', disabled: true }],
telefonoR: [{ value: '', disabled: true }],
declaracion: ['', Validators.required]
});
}
onSubmit() {
if (this.myForm.valid) {
try {
this.instproyM.uzytavproyec_id = this.idRecuperado;
this.instproyM.uzytparametros_det_id_entidad = this.myForm.get('entidad').value;
this.instproyM.uzytavinstituc_id = this.myForm.get('nombreI').value;
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.instP.parametrosActualizados.next();
this.datosCompartidos.actualizarDatos(this.instproyM);
});
} catch (error) {
console.error('Error al enviar los datos:', error);
}
}
}
cancelar() {
}
obtenerRegistros() {
this.instP.obtenerParametros().subscribe(data => {
this.entidad = data.filter(item => item.uzytparametros_det_id_alt === '1');
this.orga = data.filter(item => item.uzytparametros_det_id_alt === '2');
});
this.instituS.obtenerParametros().subscribe(data => {
this.institu = data;
});
}
onInstitucionSelected(selectedInstitucionId: number) {
const selectedInstitucion = this.institu.find(item => item.uzytavinstituc_id === selectedInstitucionId);
if (selectedInstitucion) {
this.myForm.get('direccionI')?.setValue(selectedInstitucion.uzytavinstituc_calle);
this.myForm.get('nombreR')?.setValue(selectedInstitucion.uzytavinstituc_nombre);
this.myForm.get('apellidoR')?.setValue(selectedInstitucion.uzytavinstituc_apellirl);
this.myForm.get('cargoR')?.setValue(selectedInstitucion.uzytavinstituc_cargorl);
this.myForm.get('correoR')?.setValue(selectedInstitucion.uzytavinstituc_mailrl1);
this.myForm.get('telefonoR')?.setValue(selectedInstitucion.uzytavinstituc_telefono);
}
}
openModal() {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
disableClose: true
});
dialogRef.afterClosed().subscribe(result => {
console.log('La ventana modal se ha cerrado');
this.formularioEnviado = true;
});
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-documentos/add-documentos.component.css 0 → 100644
View file @ 65f34774
.modal-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.modal-content {
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
max-width: 400px; /* Ajusta el ancho máximo del formulario */
width: 100%;
}.modal-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.modal-content {
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
max-width: 400px; /* Ajusta el ancho máximo del formulario */
width: 100%;
}
.modal-content h2 {
margin-top: 0;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-weight: bold;
}
.form-group input[type="file"] {
display: block;
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: white;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
cursor: pointer;
outline: none;
}
.form-group input[type="file"]:hover {
border-color: #007bff;
}
.form-group input[type="file"]:focus {
border-color: #007bff;
}
.form-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.form-actions button {
padding: 8px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.form-actions button[type="submit"] {
background-color: #28a745; /* Verde */
color: white;
}
.form-actions button[type="submit"]:hover {
background-color: #218838; /* Verde más oscuro al pasar el mouse */
}
.form-actions button[type="button"] {
background-color: #ccc;
}
.form-actions button[type="button"]:hover {
background-color: #b3b3b3;
}
.modal-content h2 {
margin-top: 0;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-weight: bold;
}
.form-group input[type="file"] {
display: block;
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 5px;
}
.form-actions {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15px;
}
.form-actions button {
padding: 8px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.form-actions button[type="submit"] {
background-color: #007bff;
color: white;
}
.form-actions button[type="submit"]:hover {
background-color: #0056b3;
}
.form-actions button[type="button"] {
background-color: #ccc;
}
.form-actions button[type="button"]:hover {
background-color: #b3b3b3;
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-documentos/add-documentos.component.html 0 → 100644
View file @ 65f34774
<div class="modal-container">
<div class="modal-content">
<h2>Documento (Convenio o Carta de Participación) (.pdf)</h2>
<form (ngSubmit)="submitForm()" #documentForm="ngForm">
<div class="form-group">
<label for="pdfFile">Seleccionar archivo PDF:</label>
<input type="file" id="pdfFile" name="pdfFile" accept=".pdf" required #pdfInput>
</div>
<div class="form-actions">
<button type="submit" [disabled]="!documentForm.form.valid">Guardar</button>
<button type="button" (click)="cerrarModal()">Cerrar</button>
</div>
</form>
</div>
</div>
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-documentos/add-documentos.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AddDocumentosComponent } from './add-documentos.component';
describe('AddDocumentosComponent', () => {
let component: AddDocumentosComponent;
let fixture: ComponentFixture<AddDocumentosComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ AddDocumentosComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(AddDocumentosComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/add-documentos/add-documentos.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit, Inject } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
@Component({
selector: 'vex-add-documentos',
templateUrl: './add-documentos.component.html',
styleUrls: ['./add-documentos.component.css']
})
export class AddDocumentosComponent implements OnInit {
constructor(
private dialogRef: MatDialogRef<AddDocumentosComponent>,
@Inject(MAT_DIALOG_DATA) public data: { idConf: number }
) { }
ngOnInit(): void {
console.log('ID recibido:', this.data.idConf);
}
submitForm(){
this.dialogRef.close();
}
cerrarModal(){
this.dialogRef.close();
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-compromiso/list-compromiso.component.css 0 → 100644
View file @ 65f34774
/* Estilos generales */
.container {
width: 100%;
max-width: 1200px; /* Cambia este valor según tus necesidades */
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
/* Estilos de la tabla */
.table-container {
overflow-x: auto;
}
table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
font-family: 'Roboto', sans-serif;
color: #333;
border: 1px solid #e0e0e0;
}
table th,
table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #e0e0e0;
}
table th {
background-color: rgb(248, 249, 250);
font-weight: bold;
text-transform: uppercase;
}
/* Ajuste de la celda que contiene el componente expandido */
td.expanded-cell {
padding: 0;
}
/* Estilos del botón de expansión */
.button-expand {
padding: 0;
border: none;
background-color: transparent;
cursor: pointer;
}
.button-expand mat-icon {
font-size: 24px;
}
/* Estilos del componente expandido */
.expanded-content {
padding: 10px;
background-color: white;
}
/* Estilos del botón de eliminación */
.button-delete {
border: none;
background-color: transparent;
cursor: pointer;
}
.button-delete mat-icon {
color: red;
}
/* Estilos del contenedor principal */
.contenedorP {
width: 100%;
margin: 10px auto;
border-radius: 10px;
text-align: center;
background-color: white;
}
/* Estilos de los botones redondos */
.rounder {
border-radius: 50%;
background-color: rgb(71, 127, 75);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 36px;
height: 36px;
border: none;
outline: none;
cursor: pointer;
}
.rounder mat-icon {
font-size: 24px;
color: #fff;
}
/* Estilos de los íconos de edición */
.colorEditar {
color: blue;
}
.colorEditar svg {
fill: blue;
}
/* Estilos del encabezado de la tabla */
.colorsito {
background-color: rgb(248, 249, 250);
}
/* Media Queries para pantallas pequeñas */
@media (max-width: 768px) {
table th,
table td {
padding: 8px;
}
}
@media (max-width: 1200px) {
table th,
table td {
padding: 10px;
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-compromiso/list-compromiso.component.html 0 → 100644
View file @ 65f34774
<div class="contenedorP">
<div>
<mat-card class="card">
<table>
<thead class="colorsito">
<tr>
<th class="colorsito"></th>
<th class="colorsito">Nro</th>
<th class="colorsito">Tipo</th>
<th class="colorsito">Nombre Institución</th>
<th class="colorsito">Ubicación</th>
<th class="colorsito">Tipo de Organización</th>
<th class="colorsito">Representante Legal</th>
<th class="colorsito">Declaración</th>
<th class="colorsito">Acciones</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor="let dato of instuProyect; let i = index">
<tr id="fila-{{ i }}">
<td>
<button (click)="toggleDiv(i)">
<mat-icon>{{ mostrarDiv[i] ? 'keyboard_arrow_down' :
'keyboard_arrow_right' }}</mat-icon>
</button>
</td>
<td>{{ i+1}}</td>
<td>{{ getNombrePar(dato.uzytparametros_det_id_entidad) }}</td>
<td>{{getInstitucionNombre(dato.uzytavinstituc_id)}}</td>
<td>{{getIdParroquiaCanton(dato.uzytavinstituc_id)+ ''+'-' +''+
getIdParroquiaN(dato.uzytavinstituc_id)+ ''+'-' +''+ getInstitucionDireccion(dato.uzytavinstituc_id) }}</td>
<td>{{ getNombrePar(dato.uzytparametros_det_id_organizacion)}}</td>
<td>{{getInstitucionNombreRepresentante(dato.uzytavinstituc_id) }}</td>
<td>{{dato.uzytavinstproy_declaracion }}</td>
<td>
<button>
<mat-icon color="warn"
(click)="eliminarParametro(dato.uzytavinstproy_id)">delete</mat-icon>
</button>
</td>
</tr>
<tr *ngIf="mostrarDiv[i]">
<div></div>
<td colspan="5">
<vex-list-documentos [idConf]="dato.uzytavinstproy_id"></vex-list-documentos>
</td>
</tr>
</ng-container>
</tbody>
</table>
</mat-card>
</div>
</div>
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-compromiso/list-compromiso.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ListCompromisoComponent } from './list-compromiso.component';
describe('ListCompromisoComponent', () => {
let component: ListCompromisoComponent;
let fixture: ComponentFixture<ListCompromisoComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ ListCompromisoComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(ListCompromisoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-compromiso/list-compromiso.component.ts 0 → 100644
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
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';
import { Instituciones } from 'src/app/modules/main/Models/instituciones';
import { instproy } from 'src/app/modules/main/Models/instproy';
import { parametrosdet } from 'src/app/modules/main/Models/parametrosdet';
import { InstitucionesService } from 'src/app/modules/main/services/Instituciones/instituciones.service';
import { UbicacionesService } from 'src/app/modules/main/services/Ubicaciones/ubicaciones.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 { ParametrosdetService } from 'src/app/modules/main/services/parametrosdet/parametrosdet.service';
@Component({
selector: 'vex-list-compromiso',
templateUrl: './list-compromiso.component.html',
styleUrls: ['./list-compromiso.component.css']
})
export class ListCompromisoComponent implements OnInit {
idRecuperado: number;
dataSource: MatTableDataSource<instproy>;
//arreglo para la información
instuProyect: instproy[] = [];
institucion: Instituciones[] = [];
parroquia: Parroquia[] = [];
provincia: Provincia[] = [];
canton: Canton[] = [];
parat: parametrosdet[] = [];
//arreglo de los nombres de las columnas
displayedColumns: string[] = ['Expandir','Nro', 'Tipo', 'Nombre', 'Provincia', 'Direción', 'TipoO', 'Representante', 'Declaración', 'Acciones'];
constructor(
private datosCompartidos: Actualiza_datosService,
private instP: ParametrosdetService,
private ubicacionesS: UbicacionesService,
private InstitucionesS: InstitucionesService,
private paratS: ParametrosdetService
) {
this.dataSource = new MatTableDataSource<instproy>([]);
}
ngOnInit(): void {
this.idRecuperado = parseInt(localStorage.getItem('proyectoId'), 10);
this.datosCompartidos.datos$.subscribe(() => {
this.obtenerRegistros();
});
this.instP.parametrosActualizados.subscribe(() => {
this.obtenerRegistros();
});
}
obtenerRegistros() {
this.instP.obtenerRegistrosRelacionados(this.idRecuperado).subscribe(data => {
this.instuProyect = data;
this.dataSource.data = this.instuProyect;
});
this.InstitucionesS.obtenerParametros().subscribe(data => {
this.institucion = data;
});
this.ubicacionesS.obtenerParro().subscribe(data => {
this.parroquia = data;
});
this.ubicacionesS.obtenerProvincias().subscribe(prov => {
this.provincia = prov;
});
this.ubicacionesS.obtenerCant().subscribe(cant => {
this.canton = cant;
});
this.paratS.obtenerParametros().subscribe(par => {
this.parat = par;
});
}
mostrarDiv: boolean[] = [];
toggleDiv(i: number) {
this.mostrarDiv[i] = !this.mostrarDiv[i];
}
getNombrePar(id: number):string{
const busca = this.parat.find(i=> i.uzytparametros_det_id === id)
if(busca){
const nombre = busca.uzytparametros_det_descripcion
return nombre;
}
return '';
}
getInstitucionNombreRepresentante(id: number): string {
const instit = this.institucion.find(i => i.uzytavinstituc_id === id);
if (instit) {
const nombre = instit.uzytavinstituc_nomrepl+ ' ' + instit.uzytavinstituc_apellirl;
return nombre;
}
return '';
}
getInstitucionNombre(id: number): string {
const instit = this.institucion.find(i => i.uzytavinstituc_id === id);
if (instit) {
const nombre = instit.uzytavinstituc_nombre.toLowerCase();
return nombre.charAt(0).toUpperCase() + nombre.slice(1);
}
return '';
}
getInstitucionDireccion(id: number): string {
const instit = this.institucion.find(i => i.uzytavinstituc_id === id);
if (instit) {
const nombre = instit.uzytavinstituc_calle.toLowerCase();
return nombre.charAt(0).toUpperCase() + nombre.slice(1);
}
return '';
}
getIdParroquiaCanton(parroquiaId: number): string {
const parroquia = this.institucion.find(p => p.uzytavinstituc_id === parroquiaId);
if (parroquia) {
const nombre = parroquia.uzytparroquia_id;
return this.getParroquia(nombre);
}
return '';
}
getParroquia(id: string): string {
const canton = this.parroquia.find(p => p.uzytparroquia_id === id);
if(canton){
const nombre = canton.uzytcanton_id;
return this.getCantonNombre(nombre);
}
return '';
}
getCantonNombre(id: string): string {
const canton = this.canton.find(c => c.uzytcanton_id === id);
if (canton) {
const nombre = canton.uzytcantonnombre.toLowerCase();
return nombre.charAt(0).toUpperCase() + nombre.slice(1);
}
return '';
}
getIdParroquiaN(id: number): string {
const parro = this.institucion.find(i => i.uzytavinstituc_id === id);
if (parro) {
const parroId = parro.uzytparroquia_id;
return this.getParroquiaNombre(parroId);
}
return '';
}
getParroquiaNombre(parroquiaId: string): string {
const parroquia = this.parroquia.find(p => p.uzytparroquia_id === parroquiaId);
if (parroquia) {
const nombre = parroquia.uzytparroquia_nombre.toLowerCase();
return nombre.charAt(0).toUpperCase() + nombre.slice(1);
}
return '';
}
eliminarParametro(id: number) {
const confirmacion = confirm('¿Desea eliminar el registro?');
if (confirmacion) {
this.instP.eliminarParametros(id).subscribe(
() => {
console.log('El registro se ha eliminado');
this.obtenerRegistros();
},
(error) => {
// No mostrar el error en la consola
console.log('Error durante el tratamiento al registro');
}
);
}
}
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-documentos/list-documentos.component.css 0 → 100644
View file @ 65f34774
/* Estilos del componente hijo */
.principal {
width: 100%;
max-width: 100%;
border-collapse: collapse;
}
.principal th,
.principal td {
text-align: left;
border-bottom: 1px solid #e0e0e0;
word-break: break-word;
}
.principal th {
font-size: 14px; /* Ajusta el tamaño de fuente de los encabezados */
}
.colorsito {
background-color: rgb(248, 249, 250);
}
.rounder-nuevo {
border-radius: 50%;
background-color: rgb(71, 127, 75);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 30px;
height: 30px;
border: none;
outline: none;
cursor: pointer;
margin-left: 5px;
}
.warn svg,
.azul svg {
fill: blue;
}
.titulo {
display: flex;
align-items: center;
}
.titulo-texto {
font-weight: bold;
font-size: 15px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
margin-right: 10px;
}
.white-icon {
color: white;
}
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-documentos/list-documentos.component.html 0 → 100644
View file @ 65f34774
<div class="titulo">
<span class="titulo-texto">Documentos: </span>
<button class="rounder-nuevo" (click)="GuardarParametro()">
<mat-icon class="white-icon">add</mat-icon>
</button>
</div>
<table class="principal">
<thead class="colorsito">
<tr>
<th class="colorsito">Nro</th>
<th class="colorsito" style="min-width:200px">Documento (Convenio o Carta de participación)</th>
<th class="colorsito" style="min-width:200px" >Acciones</th>
</tr>
</thead>
<tbody>
<ng-container *ngIf="documentoInst.length > 0; else noRegistros">
<tr *ngFor="let dato of documentoInst; let i = index" >
<td>{{ i+1 }}</td>
<td>{{ dato.UZYTAVDOCOMPAR_NOMBRE_DOC }}</td>
<td>
<button>
<mat-icon class="warn" (click)="eliminarPDF()">delete</mat-icon>
</button>
<button>
<mat-icon color="azul" (click)="descargar()">download</mat-icon>
</button>
</td>
</tr>
</ng-container>
<ng-template #noRegistros>
<tr>
<td colspan="3" style="text-align: center;">No existen registros</td>
</tr>
</ng-template>
</tbody>
</table>
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-documentos/list-documentos.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ListDocumentosComponent } from './list-documentos.component';
describe('ListDocumentosComponent', () => {
let component: ListDocumentosComponent;
let fixture: ComponentFixture<ListDocumentosComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ ListDocumentosComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(ListDocumentosComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/Inicio Ejecución/compromiso participacion/list-documentos/list-documentos.component.ts 0 → 100644
View file @ 65f34774
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';
@Component({
selector: 'vex-list-documentos',
templateUrl: './list-documentos.component.html',
styleUrls: ['./list-documentos.component.css']
})
export class ListDocumentosComponent implements OnInit {
@Input() idConf: number;
documentoInst: docompar[] = [];
showModal = false;
constructor(
private dialog: MatDialog
) { }
ngOnInit(): void {
}
GuardarParametro(){
const dialogRef = this.dialog.open(AddDocumentosComponent, {
data: { idConf: this.idConf } // Puedes pasar datos al componente modal si es necesario
});
dialogRef.afterClosed().subscribe(result => {
// Puedes realizar acciones después de que la ventana modal se cierra si lo deseas
});
}
descargar(){
}
eliminarPDF(){
}
}
src/app/modules/main/pages/Proyectos/Matriz del Marco Logico/add-matriz-logico/add-matriz-logico.component.html
View file @ 65f34774
......@@ -33,7 +33,8 @@
<!--valor del indicador-->
<mat-form-field class="form-field-dos">
<mat-label>Valor Indicador</mat-label>
<input matInput formControlName="valorindicadorFin">
<input matInput formControlName="valorindicadorFin" type="number" max="100">
<mat-error>El valor no puede ser mayor que 100</mat-error>
</mat-form-field>
</div>
......@@ -95,7 +96,8 @@
<!--valor del indicador-->
<mat-form-field class="form-field-dos">
<mat-label>Valor Indicador:</mat-label>
<input matInput formControlName="valorindicadorObjG">
<input matInput formControlName="valorindicadorObjG" type="number" max="100">
<mat-error>El valor no puede ser mayor que 100</mat-error>
</mat-form-field>
</div>
......@@ -157,7 +159,8 @@
<!--valor del indicador-->
<mat-form-field class="form-field-dos">
<mat-label>Valor Indicador:</mat-label>
<input matInput formControlName="valorindicadorObjEspe">
<input matInput formControlName="valorindicadorObjEspe" type="number" max="100">
<mat-error>El valor no puede ser mayor que 100</mat-error>
</mat-form-field>
</div>
......@@ -220,6 +223,8 @@
<mat-form-field class="form-field-dos">
<mat-label>Valor Indicador:</mat-label>
<input matInput formControlName="valorindicadorActi">
<input matInput formControlName="valorindicadorActi" type="number" max="100">
<mat-error>El valor no puede ser mayor que 100</mat-error>
</mat-form-field>
</div>
......@@ -335,6 +340,7 @@
<table>
<thead>
<tr>
<th class="Column1"></th>
<th class="Column1 negrita">Nro</th>
<th class="Column1 negrita">Descripción</th>
<th class="Column1 negrita">Tipo Indicador</th>
......@@ -348,6 +354,12 @@
<tbody>
<ng-container *ngFor="let item of objetivoProEsp; let i = index">
<tr id="fila-{{i}}">
<td>
<button (click)="toggleDiv(i)">
<mat-icon>{{ mostrarDiv[i] ? 'keyboard_arrow_down' :
'keyboard_arrow_right' }}</mat-icon>
</button>
</td>
<td>
{{i+1}}
</td>
......@@ -366,11 +378,11 @@
</tr>
<!-- tabla interna para cada item -->
<tr>
<tr *ngIf="mostrarDiv[i]">
<td colspan="8">
<div class="container">
<div class="mat-elevation-z8">
<div class="div-container">
<div class="">
<div>
<label class="label-negrita">Actividades: </label>
<button (click)="AddActi(item.uzytavobjetivo_programa_id)">
<mat-icon color="primary">add_circle</mat-icon>
......
src/app/modules/main/pages/Proyectos/Proyectos/Proyecto/Proyecto.component.html
View file @ 65f34774
......@@ -319,32 +319,204 @@
<!--Stepper version dos-->
</mat-expansion-panel>
<!--Seguimiento-->
<!--Seguimiento-->
<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
<strong>Seguimiento</strong>
<strong>Inicio Ejecución</strong>
</mat-panel-title>
</mat-expansion-panel-header>
<p>I'm visible because I am open</p>
<!--Acceso numero 1-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
1.- Asignación de Docentes
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
<!--acceso numero 2-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
2.- Asignación de Estudiantes
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
<!--acceso numero 3-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
3.- Compromiso de Participación
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
</mat-expansion-panel>
<!--Cierre-->
<!--Ejecución-->
<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
<strong>Cierre</strong>
<strong>Ejecución</strong>
</mat-panel-title>
</mat-expansion-panel-header>
<p>I'm visible because I am open</p>
<!--ejecucuipon punto 1-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
1.- Informes de avance
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
<!--ejecución punto dos-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
2.- Horas dedicación docente
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
<!--ejecución punto tres-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
3.- Horas dedicación estudiante
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
<!--ejecución punto cuatro-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
4.- Finalizar proceso de ejecución
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
</mat-expansion-panel>
<!--Evaluación-->
<!--Cierre-->
<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
<strong>Evaluación</strong>
<strong>Cierre</strong>
</mat-panel-title>
</mat-expansion-panel-header>
<p>I'm visible because I am open</p>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
1.- Numérico de Beneficiarios
</mat-panel-title>
</mat-expansion-panel-header>
<vex-resultados></vex-resultados>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
2.- Objetivos ejecutados
</mat-panel-title>
</mat-expansion-panel-header>
<vex-resultados></vex-resultados>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
3.- Presupuesto ejecutado
</mat-panel-title>
</mat-expansion-panel-header>
<vex-resultados></vex-resultados>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
4.- Resultados Proyecto
</mat-panel-title>
</mat-expansion-panel-header>
<vex-resultados></vex-resultados>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
5..- Finalizar Proceso de Cierre
</mat-panel-title>
</mat-expansion-panel-header>
<vex-resultados></vex-resultados>
<!--fin-->
</mat-expansion-panel>
</mat-expansion-panel>
</mat-accordion>
</div>
......
src/app/modules/main/pages/Proyectos/Proyectos/edit-proyecto/edit-proyecto.component.html
View file @ 65f34774
......@@ -374,19 +374,53 @@
<!--fin-->
</mat-expansion-panel>
<!--Proyectos Planificados-->
<!--Acta de Consejo de Departamento-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
Proyectos Planificados
8.- Acta de Consejo de Departamento
</mat-panel-title>
</mat-expansion-panel-header>
<!--Datos generales internos-->
<app-acta-consejo-departamento></app-acta-consejo-departamento>
<app-listar-acta-consejo-departamento></app-listar-acta-consejo-departamento>
<!--fin-->
</mat-expansion-panel>
<!--Acta de Compromiso Director del Proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
9.- Acta de Compromiso Director del Proyecto
</mat-panel-title>
</mat-expansion-panel-header>
<!--Datos generales internos-->
<app-acta-director-proyecto></app-acta-director-proyecto>
<!--fin-->
</mat-expansion-panel>
<!--Acta de Compromiso de Carreras -->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
10.- Acta de Compromiso de Carreras
</mat-panel-title>
</mat-expansion-panel-header>
<!--Datos generales internos-->
<app-acta-compromiso-carreras></app-acta-compromiso-carreras>
<app-listar-acta-compromiso-carreras></app-listar-acta-compromiso-carreras>
<!--fin-->
</mat-expansion-panel>
......@@ -404,6 +438,20 @@
<!--fin-->
</mat-expansion-panel>
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
Ver y descargar PDF.
</mat-panel-title>
</mat-expansion-panel-header>
<!-- <vex-pdf></vex-pdf> -->
<!--fin-->
</mat-expansion-panel>
<!--Stepper version dos-->
</mat-expansion-panel>
<!--Seguimiento-->
......@@ -453,6 +501,26 @@
3.- Compromiso de Participación
</mat-panel-title>
</mat-expansion-panel-header>
<button mat-raised-button color="primary"
(click)="mostrarCompro = true">Agregar</button>
<button mat-raised-button color="warn"
(click)="cancelarCompro()">Cancelar</button>
<vex-add-compromiso *ngIf="mostrarCompro"
(formularioGuardado)="cancelarCompro()"></vex-add-compromiso>
<vex-list-compromiso></vex-list-compromiso>
<!--fin-->
</mat-expansion-panel>
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
4.- Carta Compromiso Comunidad
</mat-panel-title>
</mat-expansion-panel-header>
<vex-carta-compromiso-comu></vex-carta-compromiso-comu>
<!--fin-->
</mat-expansion-panel>
......@@ -462,7 +530,7 @@
<mat-expansion-panel hideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
<strong>Cierre</strong>
<strong>Ejecución</strong>
</mat-panel-title>
</mat-expansion-panel-header>
<!--ejecucuipon punto 1-->
......@@ -514,7 +582,7 @@
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
3.- Finalizar proceso de ejecución
4.- Finalizar proceso de ejecución
</mat-panel-title>
</mat-expansion-panel-header>
......@@ -530,6 +598,49 @@
<strong>Cierre</strong>
</mat-panel-title>
</mat-expansion-panel-header>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
1.- Numérico de Beneficiarios
</mat-panel-title>
</mat-expansion-panel-header>
<vex-list-insti></vex-list-insti>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
2.- Objetivos ejecutados
</mat-panel-title>
</mat-expansion-panel-header>
<vex-list-objetivos-ejec></vex-list-objetivos-ejec>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
3.- Presupuesto ejecutado
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
......@@ -543,6 +654,20 @@
<vex-resultados></vex-resultados>
<!--fin-->
</mat-expansion-panel>
<!--Resultados del proyecto-->
<mat-expansion-panel (opened)="contraccion = true"
(closed)="contraccion = false">
<mat-expansion-panel-header>
<mat-panel-title>
<mat-icon
[ngClass]="{'expanded': contraccion, 'collapsed': !contraccion}">keyboard_arrow_right</mat-icon>
5..- Finalizar Proceso de Cierre
</mat-panel-title>
</mat-expansion-panel-header>
<!--fin-->
</mat-expansion-panel>
</mat-expansion-panel>
</mat-accordion>
......
src/app/modules/main/pages/Proyectos/Proyectos/edit-proyecto/edit-proyecto.component.ts
View file @ 65f34774
......@@ -16,6 +16,7 @@ export class EditProyectoComponent implements OnInit {
mostrarPCP:boolean = false;
mostrarLineas: boolean = false;
mostrarPresupuestoDetallado: boolean = false;
mostrarCompro: boolean = false;
mostrarEstra: boolean = false;
idRecu: number;
......@@ -34,6 +35,10 @@ export class EditProyectoComponent implements OnInit {
console.log('Valor de contraccion:', this.contraccion);
}
cancelarCompro(){
this.mostrarCompro = false;
}
volver(){
localStorage.removeItem('proyectoId');
this.router.navigate(['main/ListaProyectos']);
......
src/app/modules/main/pages/Proyectos/Viabilidad y Plan de Sostenibilidad/edit-viabilidad/edit-viabilidad.component.html
View file @ 65f34774
<div class="container">
<form class="example-form" [formGroup]="myForm" (ngSubmit)="onSubmit()" >
<form class="example-form" [formGroup]="myForm" (ngSubmit)="onSubmit()">
<mat-card>
<mat-card-header>
<div class="save-button">
......@@ -16,18 +16,25 @@
<div>
<label class="label-negrita"> Viabilidad Técnica:</label>
<angular-editor formControlName="viabilidad" [config]="editorConfig"></angular-editor>
<ckeditor formControlName="viabilidad" class="custom-ckeditor"
[disabled]="!isEditorEnabled" [style.height]="editorHeight"
[editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> ¿Qué perdería el país si el proyecto no se ejecuta en este periodo?</label>
<angular-editor formControlName="perderia" [config]="editorConfig"></angular-editor>
<label class="label-negrita"> ¿Qué perdería el país si el proyecto no
se ejecuta en este periodo?</label>
<ckeditor formControlName="perderia" class="custom-ckeditor"
[disabled]="!isEditorEnabled" [style.height]="editorHeight"
[editor]="Editor"></ckeditor>
</div>
<div class="editor-separator"></div>
<div>
<label class="label-negrita"> ¿Cuáles son los resultados o impactos esperados del proyecto?</label>
<angular-editor formControlName="resultadoO" [config]="editorConfig"></angular-editor>
<label class="label-negrita"> ¿Cuáles son los resultados o impactos
esperados del proyecto?</label>
<ckeditor formControlName="resultadoO" class="custom-ckeditor"
[disabled]="!isEditorEnabled" [style.height]="editorHeight"
[editor]="Editor"></ckeditor>
</div>
</mat-card-content>
</mat-card>
......
src/app/modules/main/pages/Proyectos/Viabilidad y Plan de Sostenibilidad/edit-viabilidad/edit-viabilidad.component.ts
View file @ 65f34774
import { Component, OnInit } from '@angular/core';
import { Form, FormBuilder, FormGroup, Validators } from '@angular/forms';
import { AngularEditorConfig } from '@kolkov/angular-editor';
import { Proyectos } from 'src/app/modules/main/Models/proyectos';
import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
import { MostrarOcultarService } from 'src/app/modules/main/services/mostrar-ocultar.service';
import { ProyectosService } from 'src/app/modules/main/services/proyectos/proyectos.service';
import ClassicEditor from '../../ckeditor-custom/build/ckeditor';
import { MatDialog } from '@angular/material/dialog';
import { EnvioFormularioComponent } from '../../../programa/opciones/envio-formulario/envio-formulario.component';
@Component({
selector: 'vex-edit-viabilidad',
templateUrl: './edit-viabilidad.component.html',
styleUrls: ['./edit-viabilidad.component.css']
})
export class EditViabilidadComponent implements OnInit {
public Editor = ClassicEditor;
idRecuperado: number;
htmlContent: string = '';
myForm: FormGroup;
cambio: boolean;
private proyectos: Proyectos = new Proyectos();
editorConfig: AngularEditorConfig = {
editable: false,
spellcheck: true,
height: '10rem',
minHeight: '5rem',
translate: 'yes',
enableToolbar: true,
showToolbar: true,
placeholder: 'Enter text here...',
defaultParagraphSeparator: '',
defaultFontName: '',
defaultFontSize: '',
fonts: [
{ class: 'arial', name: 'Arial' },
{ class: 'times-new-roman', name: 'Times New Roman' },
{ class: 'calibri', name: 'Calibri' },
{ class: 'comic-sans-ms', name: 'Comic Sans MS' }
],
customClasses: [
{
name: 'quote',
class: 'quote',
},
{
name: 'redText',
class: 'redText'
},
{
name: 'titleText',
class: 'titleText',
tag: 'h1',
},
]
};
editorHeight = '400px';
formularioEnviado: boolean;
isEditorEnabled = false;
constructor(
private formBuilder: FormBuilder,
private proyectosService: ProyectosService,
private compartiId: Compartir_idService,
private mostrarOcultarService: MostrarOcultarService
private mostrarOcultarService: MostrarOcultarService,
private dialog: MatDialog,
) { }
cambiar() {
this.cambio = true;
this.editorConfig.editable = true;
this.isEditorEnabled = true;
}
cancelado() {
this.cambio = false;
this.editorConfig.editable = false;
this.isEditorEnabled = false;
}
ngOnInit(): void {
......@@ -105,12 +77,23 @@ export class EditViabilidadComponent implements OnInit {
this.proyectos.uzytavproyec_perderia = this.myForm.get('perderia').value;
this.proyectos.uzytavproyec_resultados = this.myForm.get('resultadoO').value;
this.proyectosService.modificarParametros(this.idRecuperado, this.proyectos).subscribe(response => {
this.editorConfig.editable = false;
this.cambio = false;
this.openModal();
});
} catch (error) {
console.error('Error al enviar los datos:', error);
}
}
}
openModal() {
const dialogRef = this.dialog.open(EnvioFormularioComponent, {
disableClose: true
});
dialogRef.afterClosed().subscribe(result => {
console.log('La ventana modal se ha cerrado');
this.formularioEnviado = true;
});
}
}
src/app/modules/main/pages/Proyectos/pdf/pdf.component.css 0 → 100644
View file @ 65f34774
This diff is collapsed.
src/app/modules/main/pages/Proyectos/pdf/pdf.component.html 0 → 100644
View file @ 65f34774
This diff is collapsed.
src/app/modules/main/pages/Proyectos/pdf/pdf.component.spec.ts 0 → 100644
View file @ 65f34774
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PdfComponent } from './pdf.component';
describe('PdfComponent', () => {
let component: PdfComponent;
let fixture: ComponentFixture<PdfComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PdfComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(PdfComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/modules/main/pages/Proyectos/pdf/pdf.component.ts 0 → 100644
View file @ 65f34774
This diff is collapsed.
src/app/modules/main/pages/Seccion-configuraciones/Catalogo Partidas Presupuestarias/catalogo/catalogo-partidas/catalogo-partidas.component.ts
View file @ 65f34774
......@@ -72,6 +72,7 @@ export class CatalogoPartidasComponent implements OnInit {
this.getGrupo(data).toLowerCase().includes(filter) ||
this.getSubgrupo1(data).toLowerCase().includes(filter) ||
this.getSubgrupo2(data).toLowerCase().includes(filter) ||
this.getSubgrupo3(data).toLowerCase().includes(filter) ||
data.uzytclasificador_presup_nombre.toLowerCase().includes(filter);
this.dataSource.filter = this.filtroGeneral.toLowerCase();
......
src/app/modules/main/pages/asignar comision/list-proyecto-asigna/list-proyecto-asigna.component.html
View file @ 65f34774
......@@ -29,6 +29,16 @@
</td>
</ng-container>
<!-- Nombre Institución Column -->
<ng-container matColumnDef="Estado" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Estado </th>
<td class="Column" mat-cell *matCellDef="let dato">
{{ (dato.uzytavcabcomca_id === null && dato.uzytavconparaeva_id === null) ? 'Por Asignar' : 'Aplicado' }}
</td>
</ng-container>
<ng-container matColumnDef="Codigo" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
Codigo </th>
......@@ -37,6 +47,8 @@
</td>
</ng-container>
<!-- Nombre Institución Column -->
<ng-container matColumnDef="Nombre" class="Column">
<th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
......
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