iptdevs-design-system 3.1.872 → 3.1.874

package/fesm2020/iptdevs-design-system.mjs

@@ -28,7 +28,7 @@ import * as i4 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 import * as i6$1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import { BehaviorSubject, map } from 'rxjs';
+import { BehaviorSubject, finalize, map } from 'rxjs';
 import * as i11 from 'primeng/table';
 import { TableModule } from 'primeng/table';
 import * as i5$1 from '@angular/material/checkbox';
@@ -3784,23 +3784,32 @@ class CodFormStepOneComponent extends CodFormSteps {
             course_modality: [''],
         });
     }
+    // setValuesByLocalStorage() {
+    //   const academicPlan = this.codFormStepOne.controls['academic_plan'].value || null;
+    //   if (!academicPlan) return;
+    //   this.selectAcademicPlan(academicPlan);
+    //   const agreementByCategory = this.codFormStepOne.controls['agreement_by_category'].value || null;
+    //   if (!agreementByCategory) return;
+    //   this.getAvailibleCourses();
+    //   const englishLevel = this.codFormStepOne.controls['english_level'].value || null;
+    //   if (!englishLevel) return;
+    //   this.getAvailibleCourses();
+    //   const courseModality = this.codFormStepOne.controls['course_modality'].value || null;
+    //   if (!courseModality) return;
+    //   this.getAvailibleCourses();
+    // }
     setValuesByLocalStorage() {
-        const academicPlan = this.codFormStepOne.controls['academic_plan'].value || null;
-        if (!academicPlan)
-            return;
-        this.selectAcademicPlan(academicPlan);
-        const agreementByCategory = this.codFormStepOne.controls['agreement_by_category'].value || null;
-        if (!agreementByCategory)
-            return;
-        this.getAvailibleCourses();
-        const englishLevel = this.codFormStepOne.controls['english_level'].value || null;
-        if (!englishLevel)
-            return;
-        this.getAvailibleCourses();
-        const courseModality = this.codFormStepOne.controls['course_modality'].value || null;
-        if (!courseModality)
-            return;
-        this.getAvailibleCourses();
+        const academicPlan = this.codFormStepOne.controls['academic_plan'].value;
+        if (academicPlan) {
+            this.selectAcademicPlan(academicPlan);
+        }
+        const agreementByCategory = this.codFormStepOne.controls['agreement_by_category'].value;
+        const englishLevel = this.codFormStepOne.controls['english_level'].value;
+        const courseModality = this.codFormStepOne.controls['course_modality'].value;
+        if (agreementByCategory && englishLevel && courseModality) {
+            console.log("se llama getAvailibleCourses desde setValuesByLocalStorage");
+            this.getAvailibleCourses();
+        }
     }
     sendForm() {
         this.codFormStepOne.markAsTouched();
@@ -3872,7 +3881,7 @@ class CodFormStepOneComponent extends CodFormSteps {
             this.codFormStepOne.controls['course_modality'].setValue(null);
             this.codFormStepOne.controls['agreement_by_category'].setValue(agreementByCategories);
             this.communicatorService.setCurrentAgreement(agreementByCategories);
-            this.getAvailibleCourses();
+            // this.getAvailibleCourses();
         }
         else {
             this.codFormStepOne.controls['agreement_by_category'].setValue(null);
@@ -3902,44 +3911,110 @@ class CodFormStepOneComponent extends CodFormSteps {
             this.codFormStepOne.controls['english_level'].setValue(null);
         }
     }
+    // private validRequest(): boolean {
+    //   return (
+    //     this.codFormStepOne.controls['english_level'].value != '' &&
+    //     this.codFormStepOne.controls['agreement_by_category'].value != '' &&
+    //     this.codFormStepOne.controls['course_type'].value != ''
+    //   );
+    // }
     validRequest() {
-        return (this.codFormStepOne.controls['english_level'].value != '' &&
-            this.codFormStepOne.controls['agreement_by_category'].value != '' &&
-            this.codFormStepOne.controls['course_type'].value != '');
-    }
+        const form = this.codFormStepOne;
+        return !!(form.get('english_level')?.value &&
+            form.get('agreement_by_category')?.value &&
+            form.get('course_type')?.value);
+    }
+    // getAvailibleCourses() {
+    //   if (this.validRequest()) {
+    //     this.isLoading = true;
+    //     let request_availibleCourses: GetAvailibleCoursesRq = {
+    //       token: this.baseService.getUserToken(),
+    //       english_level: this.codFormStepOne.controls['english_level'].value,
+    //       agreement: this.codFormStepOne.controls['agreement_by_category'].value,
+    //       course_type: this.codFormStepOne.controls['course_type'].value,
+    //     };
+    //     this.courseService.getAvailableCoursesByLevAgreeCType(request_availibleCourses).subscribe((response) => {
+    //       if (response.data) {
+    //         this.availibleCourses = [];
+    //         let courses: any[] = response.data;
+    //         this.hasAvailableCourse = true;
+    //         courses.forEach(course => {
+    //           let scheduleParts = course.course_schedule[0].split(" ");
+    //           let startTime = scheduleParts[2];
+    //           this.availibleCourses.push({
+    //             code: course.code,
+    //             name: `${course.code} Curso ${course.course_modality.name === 'Presencial' ? 'Presencial' : 'Virtual'} - Teacher ${course.teacher} -  Fecha de inicio: ${course.to_start}, Hora de inicio: ${startTime}, Cupos disp: ${course.available_capacity}`,
+    //             modality: course.course_modality.code
+    //           });
+    //         })
+    //         this.isLoading = false;
+    //         console.log("availibleCourses",this.availibleCourses);
+    //         console.log("Valores del formulario:", {
+    //           academic_plan: this.codFormStepOne.controls['academic_plan'].value,
+    //           course_type: this.codFormStepOne.controls['course_type'].value,
+    //           agreement_by_category: this.codFormStepOne.controls['agreement_by_category'].value,
+    //           english_level: this.codFormStepOne.controls['english_level'].value,
+    //           availible_courses: this.codFormStepOne.controls['availible_courses'].value,
+    //           course_modality: this.codFormStepOne.controls['course_modality'].value,
+    //           agreement: this.codFormStepOne.controls['agreement'].value,
+    //         });
+    //       } else {  
+    //         this.hasAvailableCourse = false;
+    //         this.codFormStepOne.controls['availible_courses'].setValue("");
+    //         this.setValueStepFour();
+    //         this.isLoading = false;
+    //       }
+    //       });
+    //   }
+    // }
     getAvailibleCourses() {
         if (this.validRequest()) {
             this.isLoading = true;
+            // Guarda los valores actuales antes de la llamada
+            const currentValues = {
+                academic_plan: this.codFormStepOne.get('academic_plan')?.value,
+                course_type: this.codFormStepOne.get('course_type')?.value,
+                agreement_by_category: this.codFormStepOne.get('agreement_by_category')?.value,
+                english_level: this.codFormStepOne.get('english_level')?.value
+            };
+            console.log('Before request:', this.codFormStepOne.value);
             let request_availibleCourses = {
                 token: this.baseService.getUserToken(),
-                english_level: this.codFormStepOne.controls['english_level'].value,
-                agreement: this.codFormStepOne.controls['agreement_by_category'].value,
-                course_type: this.codFormStepOne.controls['course_type'].value,
+                english_level: currentValues.english_level,
+                agreement: currentValues.agreement_by_category,
+                course_type: currentValues.course_type,
             };
-            this.courseService.getAvailableCoursesByLevAgreeCType(request_availibleCourses).subscribe((response) => {
-                if (response.data) {
-                    this.availibleCourses = [];
-                    let courses = response.data;
-                    this.hasAvailableCourse = true;
-                    courses.forEach(course => {
-                        let scheduleParts = course.course_schedule[0].split(" ");
-                        let startTime = scheduleParts[2];
-                        this.availibleCourses.push({
-                            code: course.code,
-                            name: `Curso ${course.course_modality.name === 'Presencial' ? 'Presencial' : 'Virtual'} - Teacher ${course.teacher} -  Fecha de inicio: ${course.to_start}, Hora de inicio: ${startTime}, Cupos disp: ${course.available_capacity}`,
-                            modality: course.course_modality.code
+            this.courseService.getAvailableCoursesByLevAgreeCType(request_availibleCourses)
+                .pipe(finalize(() => this.isLoading = false))
+                .subscribe({
+                next: (response) => {
+                    if (response.data) {
+                        this.availibleCourses = response.data.map((course) => {
+                            let scheduleParts = course.course_schedule[0]?.split(" ") || [];
+                            let startTime = scheduleParts[2] || '';
+                            return {
+                                code: course.code,
+                                name: `${course.code} Curso ${course.course_modality?.name === 'Presencial' ? 'Presencial' : 'Virtual'} - Teacher ${course.teacher} - Fecha de inicio: ${course.to_start}, Hora de inicio: ${startTime}, Cupos disp: ${course.available_capacity}`,
+                                modality: course.course_modality?.code
+                            };
                         });
-                    });
-                    this.isLoading = false;
-                }
-                else {
+                        this.hasAvailableCourse = true;
+                    }
+                    else {
+                        this.hasAvailableCourse = false;
+                        this.codFormStepOne.get('availible_courses')?.setValue(null);
+                        this.setValueStepFour();
+                    }
+                    this.cdRef.detectChanges();
+                },
+                error: (err) => {
+                    console.error('Error loading courses:', err);
                     this.hasAvailableCourse = false;
-                    this.codFormStepOne.controls['availible_courses'].setValue("");
-                    this.setValueStepFour();
-                    this.isLoading = false;
+                    this.cdRef.detectChanges();
                 }
             });
         }
+        console.log('After response:', this.codFormStepOne.value);
     }
     setValueStepFour() {
         this.setDataInLocalStorage(4, 'program_price', null);