validaciones y controles con tester

src/app/modules/main/main-routing.module.ts

@@ -273,7 +273,7 @@ const routes: Routes = [
   { path: 'Programas', component: ListarProgramaComponent , canActivate:[AuthGuard],   data: { requiredEmails: ['jacaceres1@espe.edu.ec', 'jamolina13@espe.edu.ec', 'aczambrano3@espe.edu.ec'] }  },
   { path: 'editar-programa/:id', component: EditProgramaComponent, canActivate:[AuthGuard],   data: { requiredEmails: ['jacaceres1@espe.edu.ec', 'jamolina13@espe.edu.ec', 'aczambrano3@espe.edu.ec'] }  },
   { path: 'agregar-pograma', component: AgregarProgramaComponent , canActivate:[AuthGuard],   data: { requiredEmails: ['jacaceres1@espe.edu.ec', 'jamolina13@espe.edu.ec', 'aczambrano3@espe.edu.ec'] }  },
-
+  { path: 'editar-programa', component: EditProgramaComponent, canActivate:[AuthGuard],   data: { requiredEmails: ['jacaceres1@espe.edu.ec', 'jamolina13@espe.edu.ec', 'aczambrano3@espe.edu.ec'] }  },
 
   //Objetivos
   { path: 'ObjetivosPLNBV', component: OjetivosBnComponent , canActivate:[AuthGuard],   data: { requiredEmails: ['jacaceres1@espe.edu.ec', 'jamolina13@espe.edu.ec', 'aczambrano3@espe.edu.ec'] }  },

src/app/modules/main/pages/Proyectos/Alineamiento del Proyecto/lineas de investigacion/add-linea/add-linea.component.ts

@@ -61,7 +61,7 @@ export class AddLineaComponent implements OnInit {
         this.proyectoLineasInvService.guardarParametros(this.proyectoLineas).subscribe(() => {
           console.log('Datos enviados', this.proyectoLineas);
           this.proyectoLineasInvService.parametrosActualizados.next();
-          this.openModal();
+          this.openModal('La línea de Investigación ha sido agregada');
           this.formularioGuardado.emit();
           this.datosCompartidos.actualizarDatos(this.proyectoLineas);
           this.myForm.reset();
@@ -88,9 +88,10 @@ export class AddLineaComponent implements OnInit {
     });
   }
 
-  openModal() {
+  openModal(mensaje: string) {
     const dialogRef = this.dialog.open(EnvioFormularioComponent, {
-      disableClose: true
+      disableClose: true,
+      data: {mensaje: mensaje}
     });
 
     dialogRef.afterClosed().subscribe(result => {
@@ -98,4 +99,6 @@ export class AddLineaComponent implements OnInit {
       this.formularioEnviado = true;
     });
   }
+
+
 }

src/app/modules/main/pages/Proyectos/Alineamiento del Proyecto/objetivos del buen vivir/list-objetivos-plnbv/list-objetivos-plnbv.component.ts

@@ -7,6 +7,8 @@ import { Actualiza_datosService } from 'src/app/modules/main/services/actualiza_
 import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/compartir_id.service';
 import { ObjetivosPLNBVService } from 'src/app/modules/main/services/objetivosPLNBV/objetivos-plnbv.service';
 import { PrograObjService } from 'src/app/modules/main/services/prograObj/prograObj.service';
+import { ConfirmacionEliminacionComponent } from '../../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
+import { Observable } from 'rxjs';
 
 @Component({
   selector: 'vex-list-objetivos-plnbv',
@@ -102,20 +104,30 @@ export class ListObjetivosPLNBVComponent implements OnInit {
 
 
   eliminarParametros(id: number) {
-    const confirmacion = confirm('¿Desea eliminar el registro?');
-    if (confirmacion) {
-      this.objPS.eliminarParametros(id).subscribe(
-        () => {
-          console.log('El registro se ha eliminado');
-          this.obtenerRegistros();
-          this.obtenerObjetivos();
-        },
-        (error) => {
-          // No mostrar el error en la consola
-          console.log('Error durante el tratamiento al registro');
-        }
-      );
-    }
+    this.openModalDelete('¿Desea eliminar el registro?').subscribe(result =>{
+      if (result) {
+        this.objPS.eliminarParametros(id).subscribe(
+          () => {
+            console.log('El registro se ha eliminado');
+            this.obtenerRegistros();
+            this.obtenerObjetivos();
+          },
+          (error) => {
+            // No mostrar el error en la consola
+            console.log('Error durante el tratamiento al registro');
+          }
+        );
+      }
+    });
   }
 
+  formularioEnviado:boolean;
+  openModalDelete(mensaje: string): Observable<string>{
+    const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
+      disableClose: true,
+      data: { mensaje: mensaje }
+    });
+
+    return dialogRef.afterClosed();
+  }
 }

src/app/modules/main/pages/Proyectos/Alineamiento del Proyecto/objetivos estrategicos/add-objetivos-estrategicos/add-objetivos-estrategicos.component.ts

@@ -89,7 +89,7 @@ export class AddObjetivosEstrategicosComponent implements OnInit {
         this.estraS.guardarParametros(this.estraM).subscribe(response => {
           console.log('Datos Enviados');
           this.estraS.parametrosActualizados.next();
-          this.openModal();
+          this.openModal('Objetivo(s) Estrategico(s) Agregado(s)');
           this.formularioGuardado.emit();
           this.datosCompartidos.actualizarDatos(this.estraS);
           this.myForm.reset();
@@ -100,9 +100,10 @@ export class AddObjetivosEstrategicosComponent implements OnInit {
     }
   }
 
-  openModal() {
+  openModal(mensaje: string) {
     const dialogRef = this.dialog.open(EnvioFormularioComponent, {
-      disableClose: true
+      disableClose: true,
+      data: {mensaje: mensaje}
     });
 
     dialogRef.afterClosed().subscribe(result => {

src/app/modules/main/pages/Proyectos/Datos Generales/Datos Generales/add-datos-generales/add-datos-generales.component.ts

@@ -175,7 +175,7 @@ export class AddDatosGeneralesComponent implements OnInit {
         console.log("código departamento", this.proyectos.stvsubj_code)
 
         this.proyectosService.guardarParametros(this.proyectos).subscribe(response => {
-          this.openModal();
+          this.openModal('Datos Generales del Proyecto Agregados');
           this.guardarFormulario = true;
           this.idGuardado = this.proyectosService.obtenerId();
           localStorage.setItem('proyectoId',this.idGuardado.toString());
@@ -228,9 +228,10 @@ export class AddDatosGeneralesComponent implements OnInit {
     }
   }
 
-  openModal() {
+  openModal(mensaje: string) {
     const dialogRef = this.dialog.open(EnvioFormularioComponent, {
-      disableClose: true
+      disableClose: true,
+      data: {mensaje: mensaje}
     });
 
     dialogRef.afterClosed().subscribe(result => {

src/app/modules/main/pages/Proyectos/Diagnostico y problema/Anexos e Imagenes/add-anexos-imagenes/add-anexos-imagenes.component.ts

@@ -26,7 +26,7 @@ export class AddAnexosImagenesComponent implements OnInit {
   enviarSolicitud = false;
   formularioEnviado: boolean
   cambio: boolean;
-
+  archivoEsValido: boolean = false;
   constructor(
     private formBuilder: FormBuilder,
     private anexosImagenesService: AnexosImagenesService,
@@ -58,7 +58,7 @@ export class AddAnexosImagenesComponent implements OnInit {
     this.selectedFile = event.target.files[0];
   }
 
-  archivoEsValido: boolean = false;
+
   onFileChange(event: any) {
     // Obtener el archivo seleccionado
     const fileList: FileList = event.target.files;
@@ -66,6 +66,7 @@ export class AddAnexosImagenesComponent implements OnInit {
       this.file = fileList[0];
       if(!this.validarArchivo(this.file)){
         this.openModalError('El archivo debe ser una imagen en formato (png, jpeg, jpg');
+        this.archivoEsValido = false;
         return;
       }else{
         this.archivoEsValido = true;

src/app/modules/main/pages/Proyectos/Diagnostico y problema/Docentes Participantes/add-docentes-participantes/add-docentes-participantes.component.ts

@@ -81,7 +81,7 @@ export class AddDocentesParticipantesComponent implements OnInit {
 
       this.docentesParticipantesService.guardarParametros(this.docenteParticipante).subscribe(
         response => {
-          this.openModal('La información se ha enviado');
+          this.openModal('El número de Docentes ha sido Agregado');
           this.guardar();
           this.datosCompartidos.actualizarDatos(this.docenteParticipante);
         },

src/app/modules/main/pages/Proyectos/Diagnostico y problema/Estudiantes Participantes/add-estudiantes-participantes/add-estudiantes-participantes.component.ts

@@ -81,7 +81,7 @@ export class AddEstudiantesParticipantesComponent implements OnInit {
       this.estudiantesParticipantesService.guardarParametros(this.estudianteParticipante).subscribe(
         response => {
           console.log("carrera guardada", this.estudianteParticipante)
-          this.openModal('La información se ha enviado');
+          this.openModal('El número de Estudiantes ha sido Agregado');
           this.guardar()
           this.datosCompartidos.actualizarDatos(this.estudianteParticipante);
         },

src/app/modules/main/pages/Proyectos/Diagnostico y problema/Identificacion de poblacion/add-identificacion-poblacion/add-identificacion-poblacion.component.ts

@@ -134,7 +134,7 @@ export class AddIdentificacionPoblacionComponent implements OnInit {
         this.proyectosService.modificarParametros(this.proyecto.uzytavproyec_id, this.proyecto).subscribe(response => {
           console.log('Datos Actualizados', this.proyecto);
           this.myForm.disable();
-          this.openModal('La información se ha enviado');
+          this.openModal('La Población ha sido identificada');
           this.cambio = false;
           //his.openModal();
           //this.guardarFormulario = true;

src/app/modules/main/pages/Proyectos/Diagnostico y problema/diagnostico y problema/edit-diagnostico/edit-diagnostico.component.html

@@ -6,7 +6,7 @@
           <button mat-raised-button color="primary" *ngIf="!cambio"
             (click)="cambiar()">Editar</button>
           <button mat-raised-button color="primary" *ngIf="cambio" [disabled]="myForm.invalid"
-            (click)="onSubmit()">Guardar</button>
+            >Guardar</button>
           <span class="separator"></span>
           <button mat-raised-button color="warn" *ngIf="cambio"
             (click)="cancelado()">Cancelar</button>

src/app/modules/main/pages/Proyectos/Matriz del Marco Logico/add-matriz-logico/add-matriz-logico.component.ts

@@ -6,6 +6,9 @@ import { Compartir_idService } from 'src/app/modules/main/services/compartir_id/
 import { Objetivo_programaService } from 'src/app/modules/main/services/objetivo_programa/objetivo_programa.service';
 import { MatTreeNestedDataSource } from '@angular/material/tree';
 import { NestedTreeControl } from '@angular/cdk/tree'
+import { Observable } from 'rxjs';
+import { ConfirmacionEliminacionComponent } from '../../../programa/opciones/ConfirmacionEliminacion/ConfirmacionEliminacion.component';
+import { MatDialog } from '@angular/material/dialog';
 @Component({
   selector: 'app-add-matriz-logico',
   templateUrl: './add-matriz-logico.component.html',
@@ -56,7 +59,8 @@ export class AddMatrizLogicoComponent implements OnInit {
     private objeProS: Objetivo_programaService,
     private objeProM: objetivoprograma,
     private idCompartido: Compartir_idService,
-    private datosCompartidos: Actualiza_datosService
+    private datosCompartidos: Actualiza_datosService,
+    private dialog: MatDialog
   ) { }
 
   ngOnInit(): void {
@@ -308,67 +312,82 @@ export class AddMatrizLogicoComponent implements OnInit {
   }
 
   eliminarObjG(id: number) {
-    const confirmacion = confirm('¿Desea eliminar el registro?');
-    if (confirmacion) {
-      this.objeProS.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');
-        }
-      );
-    }
+    this.openModalDelete('¿Desea eliminar el registro?').subscribe(result =>{
+      if (result) {
+        this.objeProS.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');
+          }
+        );
+      }
+    });
   }
 
   eliminarFin(id: number) {
-    const confirmacion = confirm('¿Desea eliminar el registro?');
-    if (confirmacion) {
-      this.objeProS.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');
-        }
-      );
-    }
+    this.openModalDelete('¿Desea eliminar el registro?').subscribe(result =>{
+      if (result) {
+        this.objeProS.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');
+          }
+        );
+      }
+    });
   }
 
   eliminarObjEsp(id: number) {
-    const confirmacion = confirm('¿Desea eliminar el registro?');
-    if (confirmacion) {
-      this.objeProS.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');
-        }
-      );
-    }
+    this.openModalDelete('¿Desea eliminar el registro?').subscribe(result => {
+      if (result) {
+        this.objeProS.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');
+          }
+        );
+      }
+    });
   }
 
   eliminarActividad(id: number) {
-    const confirmacion = confirm('¿Desea eliminar el registro?');
-    if (confirmacion) {
-      this.objeProS.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');
-        }
-      );
-    }
+    this.openModalDelete('¿Desea eliminar el registro?').subscribe(result =>{
+      if (result) {
+        this.objeProS.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');
+          }
+        );
+      }
+    });
+  }
+
+
+  formularioEnviado:boolean;
+  openModalDelete(mensaje: string): Observable<string>{
+    const dialogRef = this.dialog.open(ConfirmacionEliminacionComponent, {
+      disableClose: true,
+      data: { mensaje: mensaje }
+    });
+
+    return dialogRef.afterClosed();
   }
 
   especificarValor(tipo: number) {

src/app/modules/main/pages/Proyectos/Proyectos/edit-proyecto/edit-proyecto.component.html

@@ -70,7 +70,7 @@
               (click)="mostrarCober = true">Editar</button>
             <button mat-raised-button color="warn"
               (click)="cancelarFormularioCobertura()">Cancelar</button>
-            <app-cobertura-proyecto *ngIf="mostrarCober"></app-cobertura-proyecto>
+            <app-cobertura-proyecto *ngIf="mostrarCober" (formularioGuardado)="cancelarFormularioCobertura()"></app-cobertura-proyecto>
             <app-listar-cobertura-proyecto></app-listar-cobertura-proyecto>
             <!--fin-->
           </mat-expansion-panel>

src/app/modules/main/pages/Proyectos/lista-proyectos/lista-proyectos.component.html

@@ -50,7 +50,7 @@
 
 
       <ng-container matColumnDef="Director" class="Column">
-        <th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Campus</th>
+        <th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>Diretor</th>
         <td class="Column" mat-cell *matCellDef="let dato">
           {{dato.nombres$ | async }} </td>
       </ng-container>
@@ -95,4 +95,4 @@
 
     <mat-paginator #paginator [pageSize]="5" [pageSizeOptions]="[10, 20, 40, 60]"></mat-paginator>
   </div>
-</div>
\ No newline at end of file
+</div>

src/app/modules/main/pages/programa/agregar-programa/agregar-programa.component.html

@@ -27,7 +27,7 @@
         <!--Datos Generales-->
         <mat-expansion-panel
           (opened)="contraccion = true"
-          (closed)="contraccion = false">
+          (closed)="contraccion = false" expanded>
           <mat-expansion-panel-header>
             <mat-panel-title>
               <mat-icon
@@ -40,7 +40,7 @@
 
           <mat-expansion-panel
             (opened)="contraccion = true"
-            (closed)="contraccion = false">
+            (closed)="contraccion = false" expanded>
             <mat-expansion-panel-header>
               <mat-panel-title>
                 <mat-icon
@@ -52,326 +52,9 @@
             <vex-datos-generales></vex-datos-generales>
             <!--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>
-              1.2.- Entidad Ejecutora
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <button mat-raised-button color="primary"
-            (click)="mostrarFormulario = true">Agregar</button>
-          <button mat-raised-button color="warn"
-            (click)="cancelarFormulario()">Cancelar</button>
-            <vex-entidad *ngIf="mostrarFormulario" (formularioGuardado)="ocultarFormulario()"></vex-entidad>
-            <vex-edit-entidad *ngIf="editarEntidad"></vex-edit-entidad>
-            <vex-entidad-list></vex-entidad-list>
-          <!--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>
-              1.3.-Cobertura y Localización
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <button mat-raised-button color="primary"
-            (click)="mostrarCober = true">Editar</button>
-          <button mat-raised-button color="warn"
-            (click)="cancelarFormularioCobertura()">Cancelar</button>
-          <vex-cobertura *ngIf="mostrarCober"></vex-cobertura>
-          <vex-cobertura-list></vex-cobertura-list>
-          <!--fin-->
         </mat-expansion-panel>
-
-        <!--fin-->
       </mat-expansion-panel>
+    </mat-accordion>
 
-      <!--Introducción-->
-      <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.- Introducción
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-
-        <!--primer submenu-->
-        <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.1.- Objetivos del Plan Nacional del Buen Vivivr
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <button mat-raised-button color="primary"
-            (click)="mostrarPLNBV = true">Agregar</button>
-          <button mat-raised-button color="warn"
-            (click)="cancelarFormularioPLNBV()">Cancelar</button>
-          <vex-obj-p *ngIf="mostrarPLNBV" (formularioGuardado)="cancelarFormularioPLNBV()"></vex-obj-p>
-          <vex-obj-p-list></vex-obj-p-list>
-          <!--fin-->
-        </mat-expansion-panel>
-
-        <!--segundo submenu-->
-        <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.2.- Objetivos Provinciales, Cantonales, Parroquiales
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <vex-obj-pc-p-list></vex-obj-pc-p-list>
-          <!--fin-->
-        </mat-expansion-panel>
-
-        <!--tercer submenu-->
-        <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.3.- Objetivos Estratégicos Institucionales
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <button mat-raised-button color="primary"
-            (click)="mostrarInstObj = true">Editar</button>
-          <button mat-raised-button color="warn"
-            (click)="cancelarFormularioObjEstraInst()">Cancelar</button>
-          <vex-obj-ei *ngIf="mostrarInstObj" (formularioGuardado)="cancelarFormularioObjEstraInst()"></vex-obj-ei>
-          <vex-obj-ei-list></vex-obj-ei-list>
-          <!--fin-->
-        </mat-expansion-panel>
-
-
-        <!--cuarto submenu-->
-        <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.4.- Objetivos del Plan de Vinculación
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <button mat-raised-button color="primary"
-            (click)="mostrarobjVinc = true">Editar</button>
-          <button mat-raised-button color="warn"
-            (click)="cancelarObjVinc()">Cancelar</button>
-          <vex-add-obje-vincu *ngIf="mostrarobjVinc" (formularioGuardado)="cancelarObjVinc()"></vex-add-obje-vincu>
-          <vex-list-obje-vincu></vex-list-obje-vincu>
-          <!--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>
-              2.5.- Estrategias del Plan de Vinculación
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <button mat-raised-button color="primary"
-            (click)="mostrarestraVinc = true">Editar</button>
-          <button mat-raised-button color="warn"
-            (click)="cancelarEstraVinc()">Cancelar</button>
-          <vex-add-estra-vincu *ngIf="mostrarestraVinc" (formularioGuardado)="cancelarEstraVinc()"></vex-add-estra-vincu>
-          <vex-list-estra-vincu></vex-list-estra-vincu>
-          <!--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>
-              2.6.- Resumen del Programa
-            </mat-panel-title>
-          </mat-expansion-panel-header>
-          <!--Datos generales internos-->
-          <vex-resumen-progra></vex-resumen-progra>
-          <!--fin-->
-        </mat-expansion-panel>
-        <!--fin del todo-->
-      </mat-expansion-panel>
-
-      <!--Diagnostico y problema-->
-      <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.- Diagnostico y Problema
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-
-        <!--Datos generales internos-->
-        <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.1.- Diagnostico y Problema
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-        <!--Datos generales internos-->
-        <vex-diagnostico></vex-diagnostico>
-        <!--fin-->
-      </mat-expansion-panel>
-
-
-        <!--fin-->
-      </mat-expansion-panel>
-
-      <!--Matriz de marco logico-->
-
-      <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.- Matriz de Marco Lógico
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-
-        <!--Datos generales internos-->
-        <vex-matriz-m></vex-matriz-m>
-       <!--fin del expasion principal-->
-      </mat-expansion-panel>
-
-      <!--Estrategias para la ejecución 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.- Estrategias para la ejecución del proyecto
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-
-        <!--Datos generales internos-->
-        <vex-estra-e></vex-estra-e>
-       <!--fin del expasion principal-->
-      </mat-expansion-panel>
-
-      <!--Viabilidad y plan de sostenibilidad-->
-      <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>
-            6.- Viabilidad y plan de sostenibilidad
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-
-        <!--Datos generales internos-->
-        <vex-viabi-plan></vex-viabi-plan>
-        <!--fin del expasion principal-->
-      </mat-expansion-panel>
-
-      <!--Proyectos Planificados-->
-      <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>
-            7.- Proyectos Planificados
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-
-        <!--Datos generales internos-->
-
-       <!--fin del expasion principal-->
-      </mat-expansion-panel>
-
-      <!--Finalizar Perfil-->
-      <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>
-            8.- Finalizar perfil
-          </mat-panel-title>
-        </mat-expansion-panel-header>
-        <vex-finalizar-p></vex-finalizar-p>
-        <!--fin del expasion principal-->
-      </mat-expansion-panel>
-
-      <!--Stepper version dos-->
-    </mat-expansion-panel>
-    <!--Seguimiento-->
-    <mat-expansion-panel hideToggle>
-      <mat-expansion-panel-header>
-        <mat-panel-title>
-          Seguimiento
-        </mat-panel-title>
-      </mat-expansion-panel-header>
-      <p>I'm visible because I am open</p>
-    </mat-expansion-panel>
-    <!--Cierre-->
-    <mat-expansion-panel hideToggle>
-      <mat-expansion-panel-header>
-        <mat-panel-title>
-          Cierre
-        </mat-panel-title>
-      </mat-expansion-panel-header>
-      <p>I'm visible because I am open</p>
-    </mat-expansion-panel>
-    <!--Evaluación-->
-    <mat-expansion-panel hideToggle>
-      <mat-expansion-panel-header>
-        <mat-panel-title>
-          Evaluación
-        </mat-panel-title>
-      </mat-expansion-panel-header>
-      <p>I'm visible because I am open</p>
-    </mat-expansion-panel>
-  </mat-accordion>
-
-</div>
+  </div>
 </div>

src/app/modules/main/pages/programa/listar-programa/listar-programa.component.html

@@ -56,7 +56,7 @@
         <th class="Column" mat-header-cell *matHeaderCellDef mat-sort-header>
           Director </th>
         <td class="Column" mat-cell *matCellDef="let dato">{{
-          dato.uzytavprograma_vnombre ? dato.uzytavprograma_vnombre : 'N/A' }}
+          dato.nombres$ | async }}
         </td>
       </ng-container>
 

src/app/modules/main/pages/programa/listar-programa/listar-programa.component.ts

@@ -8,6 +8,9 @@ import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
 import { MostrarOcultarService } from '../../../services/mostrar-ocultar.service';
 import { Compartir_idService } from '../../../services/compartir_id/compartir_id.service';
+import { UsuariosService } from '../../../services/usuarios/usuarios.service';
+import { Usuario } from '../../../Models/usuario';
+import { Observable, map } from 'rxjs';
 
 @Component({
   selector: 'vex-listar-programa',
@@ -18,6 +21,9 @@ export class ListarProgramaComponent implements OnInit {
   Progra!: Programa[];
   selectedEstado: string;
   tipo: number;
+  usuario!: Usuario[];
+  enviarIdUsuario: Programa;
+  director: string;
   displayedColumns: string[] = [
     'Nro',
     'Nombre',
@@ -30,16 +36,21 @@ export class ListarProgramaComponent implements OnInit {
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild(MatSort) sort: MatSort;
 
-  constructor(private router: Router, private programaS: ProgramaService, 
-    private mostrarOcultarService: MostrarOcultarService, private compartirID: Compartir_idService) {
+  constructor(private router: Router,
+    private programaS: ProgramaService,
+    private mostrarOcultarService: MostrarOcultarService,
+     private compartirID: Compartir_idService,
+     private datosUsuarioService: UsuariosService) {
     this.dataSource = new MatTableDataSource<Programa>([]);
     this.tipo = 1;
+    this.enviarIdUsuario = new Programa();
   }
 
   ngOnInit(): void {
+    this.obtenerRegistros();
     this.dataSource.paginator = this.paginator;
     this.dataSource.sort = this.sort;
-    this.obtenerRegistros();
+
   }
 
   ngAfterViewInit() {
@@ -49,11 +60,27 @@ export class ListarProgramaComponent implements OnInit {
 
   obtenerRegistros() {
     this.programaS.getAll().subscribe(data => {
-      this.Progra = data;
+      this.Progra = data.map(programa => {
+        return{
+          ...programa,
+          nombres$: this.obtenerDatosUsuario(programa.uzytusuario_id)
+        }
+      });
       this.dataSource.data = this.Progra;
     });
   }
 
+  obtenerDatosUsuario(id: number): Observable<string> {
+    return this.datosUsuarioService.getAll().pipe(
+      map(data => {
+        const usuarioEncontrado = data.find(c => c.uzytusuario_id === id);
+        return usuarioEncontrado ? usuarioEncontrado.uzytusuario_telefono_celular + " - "
+        + usuarioEncontrado.uzytusuario_nombres + " " +
+        usuarioEncontrado.uzytusuario_apellidos : 'No encontrado';
+      })
+    );
+  }
+
   agregarP() {
     this.router.navigate(['main/agregar-pograma']);
   }
@@ -79,6 +106,6 @@ export class ListarProgramaComponent implements OnInit {
     );
     this.compartirID.setIdGuardad(id);
     this.mostrarOcultarService.editPrograma = registroSeleccionado;
-    this.router.navigate(['main/editar-programa/', id], { queryParams: { dgPrograma: this.tipo.toString() }} );
+    this.router.navigate(['main/editar-programa/', id], { queryParams: { dgPrograma: this.tipo.toString() } });
   }
 }

src/app/modules/main/pages/programa/opciones/datos_generales/datos-generales/datos-generales.component.ts

@@ -132,30 +132,29 @@ export class DatosGeneralesComponent implements OnInit {
 
         //recuperar la información para el editado
         this.mostrarOcultarService.editPrograma = this.programaM;
+
         this.programaS.guardarParametros(this.programaM).subscribe(response => {
-          console.log('Datos enviados');
           this.myForm.disable();
-          this.openModal();
+          this.openModal('El Programa ha sido Agregado');
           this.guardarFormulario = true;
           this.idGuardado = this.programaS.obtenerId();
-          localStorage.setItem('proyectoId',this.idGuardado.toString());
+          localStorage.setItem('programaId',this.idGuardado.toString());
           this.compartiId.setIdUsuario(this.programaM.uzytusuario_id)
 
           this.idGuardado = this.programaS.obtenerId();
           this.compartiId.setIdGuardad(this.idGuardado);
-
+          this.router.navigate(['main/editar-programa']);
         });
-
       } catch (error) {
         console.error('Error al enviar los datos:', error);
       }
     }
   }
 
-  openModal() {
+  openModal(mensaje: string) {
     const dialogRef = this.dialog.open(EnvioFormularioComponent, {
       disableClose: true,
-      data: { mensaje: 'Se han guardado los datos generales' }
+      data: { mensaje: mensaje}
     });
 
     dialogRef.afterClosed().subscribe(result => {

src/app/modules/main/pages/programa/opciones/datos_generales/edit-datos-generales/edit-datos-generales.component.ts

@@ -89,7 +89,9 @@ export class EditDatosGeneralesComponent implements OnInit {
 
   cambiar(){
     this.cambio = true;
-    this.myForm.enable();
+    this.myForm.get('nombreP').enable();
+    this.myForm.get('fechaIni').enable();
+    this.myForm.get('fechaFin').enable();
   }
 
   cancelado(){