iptdevs-design-system 3.1.879 → 3.1.882

package/fesm2020/iptdevs-design-system.mjs

@@ -3695,33 +3695,90 @@ class CodFormStepOneComponent extends CodFormSteps {
         this.codFormStepOne.controls['course_type'].valueChanges
             .subscribe(value => this.communicatorService.setCurrentCourseType(value));
         this.communicatorService.setCurrentAgreement(this.localStorageCOD.getCodFormData(1, 'agreement_by_category'));
-        if (changes['initialData'] && this.initialData != null && this.dataPreviusCodData === null || this.dataPreviusCodData != null && this.isEditCod === false && this.isRenovation === false) {
+        console.log('Changes detected:', changes);
+        console.log("this.initialData", this.initialData);
+        console.log("this.dataPreviusCodData", this.dataPreviusCodData);
+        console.log("this.isEditCod", this.isEditCod);
+        console.log("this.isRenovation", this.isRenovation);
+        // Lógica principal de cambios
+        if (changes['initialData'] || changes['dataPreviusCodData']) {
+            this.handleDataChanges(changes);
+        }
+        this.cdRef.detectChanges();
+        // const shouldProcessInitialData = changes['initialData'] && 
+        //                           this.initialData != null && 
+        //                           this.dataPreviusCodData === null;
+        // const shouldProcessPreviusData = this.dataPreviusCodData != null && 
+        //                               this.isEditCod === false && 
+        //                               this.isRenovation === false;
+        // if (shouldProcessInitialData || shouldProcessPreviusData) {
+        //   this.processData(this.initialData);
+        //   this.cdRef.detectChanges();
+        //   console.log("Entro en this.processData con initialData");
+        // } else {
+        //   // Manejo más controlado del "else"
+        //     console.log("entre en el else que borra todo en null");
+        //     this.codFormStepOne.controls['academic_plan'].setValue(null);
+        //     this.codFormStepOne.controls['course_type'].setValue(null);
+        //     this.codFormStepOne.controls['agreement_by_category'].setValue(null);
+        //     this.codFormStepOne.controls['english_level'].setValue(null);
+        //     this.codFormStepOne.controls['availible_courses'].setValue(null);
+        //     this.codFormStepOne.controls['course_modality'].setValue(null);
+        // }
+        // if (changes['initialData'] && this.initialData != null && this.dataPreviusCodData === null || this.dataPreviusCodData != null  && this.isEditCod === false && this.isRenovation === false) {
+        //   this.processData(this.initialData);
+        //   console.log("Entro en this.processData con initialData");
+        //   this.cdRef.detectChanges();
+        // }else{
+        //   this.codFormStepOne.controls['academic_plan'].setValue(null);
+        //   this.codFormStepOne.controls['course_type'].setValue(null);
+        //   this.codFormStepOne.controls['agreement_by_category'].setValue(null);
+        //   this.codFormStepOne.controls['english_level'].setValue(null);
+        //   this.codFormStepOne.controls['availible_courses'].setValue(null);
+        //   this.codFormStepOne.controls['course_modality'].setValue(null);
+        // }
+        // if (changes['dataPreviusCodData'] && this.dataPreviusCodData != null  && this.isEditCod && this.isRenovation === false ) {
+        //   this.processData(this.dataPreviusCodData);
+        //   console.log("Entro en this.processData con dataPreviusCodData");
+        //   if (this.isEditCod && !this.dataPreviusCodData.edit_course_payment) {
+        //     this.isDisabledSel = true;
+        //   } else {
+        //     this.isDisabledSel = false;
+        //   }
+        //   this.cdRef.detectChanges();
+        // }else if(changes['dataPreviusCodData'] && this.dataPreviusCodData != null && !this.isEditCod && this.courseSelectRenovation && this.isRenovation === true ){
+        //   this.setDataCodRenovationSelect();
+        //   this.isDisabledSel= true
+        //   this.cdRef.detectChanges();
+        //   }
+    }
+    handleDataChanges(changes) {
+        // Caso 1: Hay initialData y NO hay dataPreviusCodData
+        if (changes['initialData']?.currentValue && !this.dataPreviusCodData) {
+            console.log("Procesando initialData");
             this.processData(this.initialData);
-            this.cdRef.detectChanges();
-        }
-        else {
-            this.codFormStepOne.controls['academic_plan'].setValue(null);
-            this.codFormStepOne.controls['course_type'].setValue(null);
-            this.codFormStepOne.controls['agreement_by_category'].setValue(null);
-            this.codFormStepOne.controls['english_level'].setValue(null);
-            this.codFormStepOne.controls['availible_courses'].setValue(null);
-            this.codFormStepOne.controls['course_modality'].setValue(null);
+            return;
         }
-        if (changes['dataPreviusCodData'] && this.dataPreviusCodData != null && this.isEditCod && this.isRenovation === false) {
-            this.processData(this.dataPreviusCodData);
-            if (this.isEditCod && !this.dataPreviusCodData.edit_course_payment) {
-                this.isDisabledSel = true;
+        // Caso 2: Hay dataPreviusCodData
+        if (changes['dataPreviusCodData']?.currentValue) {
+            // Subcaso 2.1: Es edición
+            if (this.isEditCod && !this.isRenovation) {
+                console.log("Procesando dataPreviusCodData en modo edición");
+                this.processData(this.dataPreviusCodData);
+                this.isDisabledSel = !this.dataPreviusCodData.edit_course_payment;
+                return;
             }
-            else {
-                this.isDisabledSel = false;
+            // Subcaso 2.2: Es renovación
+            if (!this.isEditCod && this.isRenovation && this.courseSelectRenovation) {
+                console.log("Procesando dataPreviusCodData en modo renovación");
+                this.setDataCodRenovationSelect();
+                this.isDisabledSel = true;
+                return;
             }
-            this.cdRef.detectChanges();
-        }
-        else if (changes['dataPreviusCodData'] && this.dataPreviusCodData != null && !this.isEditCod && this.courseSelectRenovation && this.isRenovation === true) {
-            this.setDataCodRenovationSelect();
-            this.isDisabledSel = true;
-            this.cdRef.detectChanges();
         }
+        // Caso 3: Ninguna condición anterior se cumplió (reset controlado)
+        console.log("Reseteando formulario (condición no reconocida)");
+        this.resetForm();
     }
     processData(data) {
         const { codFormStepOne } = this;
@@ -3806,9 +3863,9 @@ class CodFormStepOneComponent extends CodFormSteps {
         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;
+        const agreementByCategory = parseInt(this.codFormStepOne.controls['agreement_by_category'].value);
+        const englishLevel = parseInt(this.codFormStepOne.controls['english_level'].value);
+        const courseModality = parseInt(this.codFormStepOne.controls['course_modality'].value);
         if (agreementByCategory && englishLevel && courseModality) {
             console.log("se llama getAvailibleCourses desde setValuesByLocalStorage");
             this.getAvailibleCourses();
@@ -3822,18 +3879,24 @@ class CodFormStepOneComponent extends CodFormSteps {
         this.changeStepEvent.emit(1);
     }
     resetForm() {
-        this.resetLocalStorage(this.controls);
-        this.codFormStepOne.reset();
+        // this.resetLocalStorage(this.controls);
+        // this.codFormStepOne.reset();
+        this.codFormStepOne.controls['academic_plan'].setValue(null);
+        this.codFormStepOne.controls['course_type'].setValue(null);
+        this.codFormStepOne.controls['agreement_by_category'].setValue(null);
+        this.codFormStepOne.controls['english_level'].setValue(null);
+        this.codFormStepOne.controls['availible_courses'].setValue(null);
+        this.codFormStepOne.controls['course_modality'].setValue(null);
     }
     // Eventos de los selects
     selectAcademicPlan(academic_plan) {
         if (academic_plan !== 'Plan') {
-            this.codFormStepOne.controls['academic_plan'].setValue(academic_plan);
+            this.codFormStepOne.controls['academic_plan'].setValue(parseInt(academic_plan));
             // this.codFormStepOne.controls['agreement_by_category'].setValue(null);
             // this.codFormStepOne.controls['school_name'].setValue(null);
             // this.codFormStepOne.controls['course_type'].setValue(null);
-            this.getCourseType(academic_plan);
-            this.getAgreementByPlan(academic_plan);
+            this.getCourseType(parseInt(academic_plan));
+            this.getAgreementByPlan(parseInt(academic_plan));
         }
         else {
             this.codFormStepOne.controls['academic_plan'].setValue(null);