iptdevs-design-system 3.1.527 → 3.1.529

package/fesm2020/iptdevs-design-system.mjs

@@ -38,9 +38,11 @@ import * as i3$2 from 'primeng/steps';
 import { StepsModule } from 'primeng/steps';
 import * as i8$2 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
-import * as i8$3 from 'primeng/calendar';
+import * as i7$2 from 'primeng/accordion';
+import { AccordionModule } from 'primeng/accordion';
+import * as i8$3 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
 import { CalendarModule } from 'primeng/calendar';
-import * as i9 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
 
 class AsideButtonComponent {
@@ -6199,15 +6201,15 @@ class CodSelfManagedControls {
                 // { name: 're_password', required: true, description: 'Confirmación de contraseña' },
             ],
             [
-                { name: 'schedule', required: true, description: 'horario requerido' },
-                { name: 'to_start', required: true, description: 'posible inicio' },
-                { name: 'modality', required: true, description: 'Modalidad del curso' },
-                // { name: 'academic_plan', required: true, description: 'Plan académico' },
-                // { name: 'course_type', required: true, description: 'Tipo de curso' },
-                // { name: 'agreement_by_category', required: true, description: 'Convenio' },
-                // { name: 'english_level', required: true, description: 'Nivel de inglés' },
-                // { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
-                // { name: 'course_modality', required: false, description: 'Modalidad del curso' },
+            // { name: 'schedule', required: true, description: 'horario requerido' },
+            // { name: 'to_start', required: true, description: 'posible inicio' },
+            // { name: 'modality', required: true, description: 'Modalidad del curso' },
+            // { name: 'academic_plan', required: true, description: 'Plan académico' },
+            // { name: 'course_type', required: true, description: 'Tipo de curso' },
+            // { name: 'agreement_by_category', required: true, description: 'Convenio' },
+            // { name: 'english_level', required: true, description: 'Nivel de inglés' },
+            // { name: 'availible_courses', required: false, description: 'Cursos disponibles' },
+            // { name: 'course_modality', required: false, description: 'Modalidad del curso' },
             ],
             // [
             //   { name: 'parent_id_card_type', required: true, description: 'Tipo de documento del acudiente' },
@@ -6638,10 +6640,20 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
         this.controls = new CodSelfManagedControls().controls[1];
         this.visible = false;
         this.messageInfo = 'Busca un plan deacuerdo a tu disponibilidad';
-        this.stateOptions = [
-            { code: 1, name: 'Presencial' },
-            { code: 2, name: 'Virtual' },
+        this.stateOptionsModality = [
+            { key: 'pr', name: 'Presencial' },
+            { key: 'vi', name: 'Virtual' },
         ];
+        this.schedules = [
+            { name: 'Mañana', key: 'ma' },
+            { name: 'Tarde', key: 'ta' },
+            { name: 'Noche', key: 'no' },
+        ];
+        this.selectedSchedules = [];
+        this.disableweekdays = [];
+        this.selectedModality = [];
+        this.messageAlertSchedules = false;
+        this.messageAlertModality = false;
         this.initForm();
     }
     ngOnInit() {
@@ -6654,32 +6666,30 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
     }
     initForm() {
         this.codSelfFormStepTwo = this.fb.group({
-            schedule: ['', [Validators.required]],
-            to_start: ['', [Validators.required]],
-            modality: ['', Validators.required],
-            // academic_plan: ['', [Validators.required]],
-            // course_type:['', [Validators.required]],
-            // agreement_by_category: ['', [Validators.required],],
-            // english_level: [{value: '', disabled: true}, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
-            // availible_courses: ['', [Validators.required]],
-            // course_modality: ['', [Validators.required],],
+        // schedule: ['', [Validators.required]],
+        // to_start: ['', [Validators.required]],
+        // modality: ['', Validators.required],
+        // academic_plan: ['', [Validators.required]],
+        // course_type:['', [Validators.required]],
+        // agreement_by_category: ['', [Validators.required],],
+        // english_level: [{value: '', disabled: true}, [Validators.required, Validators.minLength(5), Validators.maxLength(20)]],
+        // availible_courses: ['', [Validators.required]],
+        // course_modality: ['', [Validators.required],],
         });
     }
     valuesInitialSchedule() {
-        const scheduleValue = localStorage.getItem('COD SELF - step2(schedule)');
-        const courseModality = localStorage.getItem('COD SELF - step2(modality)');
-        if (scheduleValue && scheduleValue.trim() != '') {
-            this.codSelfFormStepTwo.controls['schedule'].setValue(new Date(scheduleValue));
-        }
-        else {
-            this.codSelfFormStepTwo.controls['schedule'].setValue(new Date());
-        }
-        if (courseModality && courseModality.trim() !== '') {
-            this.codSelfFormStepTwo.controls['modality'].setValue(parseInt(courseModality));
-        }
-        else {
-            this.codSelfFormStepTwo.controls['modality'].setValue(null);
-        }
+        // const scheduleValue = localStorage.getItem('COD SELF - step2(schedule)');
+        // const courseModality = localStorage.getItem('COD SELF - step2(modality)');
+        // if (scheduleValue && scheduleValue.trim() != '') {
+        //   this.codSelfFormStepTwo.controls['schedule'].setValue(new Date(scheduleValue));
+        // } else {
+        //   this.codSelfFormStepTwo.controls['schedule'].setValue(new Date());
+        // }
+        // if (courseModality && courseModality.trim() !== '') {
+        //   this.codSelfFormStepTwo.controls['modality'].setValue(parseInt(courseModality));
+        // } else {
+        //   this.codSelfFormStepTwo.controls['modality'].setValue(null);
+        // }
     }
     back() {
         // Movernos al paso anterior
@@ -6712,34 +6722,43 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
             age: age,
             grade: grade,
             agreement: agreement,
-            schedule: this.codSelfFormStepTwo.get('schedule')?.value,
-            possible_start: this.codSelfFormStepTwo.get('to_start')?.value,
-            modality: this.codSelfFormStepTwo.get('modality')?.value
+            modality: this.selectedModality,
+            schedules: this.selectedSchedules
+            // schedule: this.codSelfFormStepTwo.get('schedule')?.value,
+            // possible_start: this.codSelfFormStepTwo.get('to_start')?.value,
+            // modality: this.codSelfFormStepTwo.get('modality')?.value
         };
         console.log(request);
     }
-    validateDate(dateRecib) {
-        const dateRecibTreanf = dateRecib + 'T00:00:00-05:00';
-        const f1 = new Date(dateRecibTreanf);
-        const f2 = new Date();
-        if (f1 >= f2) {
-            this.startDate1 = dateRecib;
-        }
-        else if (f1 < f2) {
-            this.codSelfFormStepTwo.controls['to_start'].setValue("");
-            Swal.fire({
-                position: 'top-end',
-                icon: 'error',
-                title: 'La fecha seleccionada debe ser mayor que la fecha actual.',
-                showConfirmButton: false,
-                timer: 5000
-            });
-        }
-    }
-    onDateChange(event) {
-        // Convierte la fecha a una cadena ISO 8601 y guárdala en el localStorage
-        localStorage.setItem('COD SELF - step2(schedule)', event.toISOString());
-    }
+    jornadaValidations() {
+        // const arrDay = ['time_start', 'time_end'];
+        // const arrDayT = [];
+        // const arrYesClas = [];
+        // const arrNotClas = [];
+    }
+    CourseRenovationValid() {
+    }
+    // validateDate(dateRecib: string) {
+    //   const dateRecibTreanf = dateRecib + 'T00:00:00-05:00';
+    //   const f1 = new Date(dateRecibTreanf);
+    //   const f2 = new Date();
+    //   if (f1 >= f2) {
+    //     this.startDate1 = dateRecib;
+    //   } else if (f1 < f2) {
+    //     this.codSelfFormStepTwo.controls['to_start'].setValue("");
+    //     Swal.fire({
+    //       position: 'top-end',
+    //       icon: 'error',
+    //       title: 'La fecha seleccionada debe ser mayor que la fecha actual.',
+    //       showConfirmButton: false,
+    //       timer: 5000
+    //     });
+    //   }
+    // }
+    // onDateChange(event: any): void {
+    //     // Convierte la fecha a una cadena ISO 8601 y guárdala en el localStorage
+    //     localStorage.setItem('COD SELF - step2(schedule)', event.toISOString());
+    // }
     onReject() {
         this.messageService.clear('confirm');
         this.visible = false;
@@ -6750,12 +6769,52 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
             this.visible = true;
         }
     }
+    selectSchedules(eve) {
+        this.selectedSchedules = eve;
+        console.log(this.selectedSchedules);
+        if (this.selectedSchedules.length === 0) {
+            this.messageAlertSchedules = true;
+        }
+        else {
+            this.messageAlertSchedules = false;
+        }
+        // const daysTheorySelect = eve.filter(day => this.selectedWeekdaysClub.includes(day));
+        // if (daysTheorySelect.length > 0) {
+        //   Swal.fire({
+        //     title: '<p style="font-family: Poppins"">Opss!</p>',
+        //     html: '<p style="font-family: Poppins"">The club class will be seen this day.</p>',
+        //     icon: 'error'
+        //   });
+        //   eve.pop();
+        //   this.selectedWeekdays = eve;
+        // }
+        // if (eve.length > this.classesTheoryWeek) {
+        //   Swal.fire({
+        //     title: '<p style="font-family: Poppins"">Opss!</p>',
+        //     html:
+        //       '<p style="font-family: Poppins"">The number of days is greater than the established number of days.</p>',
+        //     icon: 'error'
+        //   });
+        //   eve.pop();
+        //   this.selectedWeekdays = eve;
+        // }
+    }
+    selectModality(eve) {
+        this.selectedModality = eve;
+        console.log(this.selectedModality);
+        if (this.selectedModality.length === 0) {
+            this.messageAlertModality = true;
+        }
+        else {
+            this.messageAlertModality = false;
+        }
+    }
 }
 CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: i3$1.MessageService }, { token: BaseService }], target: i0.ɵɵFactoryTarget.Component });
-CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: { scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n    </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\"></i>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n      <div *ngIf=\"codPrevious == null\">\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex mt-3\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [showIcon]=\"true\"\n              [icon]=\"'pi pi-clock'\"\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              (ngModelChange)=\"onDateChange($event)\"\n            ></p-calendar>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['schedule'].invalid && codSelfFormStepTwo.controls['schedule'].touched\">\n            <span class=\"error-message\">Por favor ingresa un horario deseado</span>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['to_start'].invalid && codSelfFormStepTwo.controls['to_start'].touched\">\n            <span class=\"error-message\">La fecha seleccionada debe ser mayor que la fecha actual.</span>\n          </div>\n\n          <div class=\"container-modality flex justify-content-center align-content-center text-center m-2 align-items-end\">\n            <p-selectButton [options]=\"stateOptions\" formControlName=\"modality\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\n          </div>\n        </div>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"!codSelfFormStepTwo.valid\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div>\n      <!-- <div *ngIf=\"codPrevious.cod_is_Progress == false\">\n      </div> -->\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}span{color:#999;font-size:15px;font-weight:400;pointer-events:none;left:20px;top:-20px}:host ::ng-deep .p-buttonset .p-button{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;height:28px}:host ::ng-deep .p-calendar{position:relative;display:inline-flex;max-width:100%;height:28px;box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;background-color:#fff;-webkit-appearance:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i8$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i8$3.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i9.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
+CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", inputs: { scorePlacementTest: "scorePlacementTest", codPrevious: "codPrevious" }, outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n    </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\"></i>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n      <!-- <div *ngIf=\"codPrevious == null\">\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex mt-3\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [showIcon]=\"true\"\n              [icon]=\"'pi pi-clock'\"\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              (ngModelChange)=\"onDateChange($event)\"\n            ></p-calendar>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['schedule'].invalid && codSelfFormStepTwo.controls['schedule'].touched\">\n            <span class=\"error-message\">Por favor ingresa un horario deseado</span>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['to_start'].invalid && codSelfFormStepTwo.controls['to_start'].touched\">\n            <span class=\"error-message\">La fecha seleccionada debe ser mayor que la fecha actual.</span>\n          </div>\n\n          <div class=\"container-modality flex justify-content-center align-content-center text-center m-2 align-items-end\">\n            <p-selectButton [options]=\"stateOptions\" formControlName=\"modality\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\n          </div>\n        </div>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"!codSelfFormStepTwo.valid\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div> -->\n      <div *ngIf=\"codPrevious == null\">\n        <p-accordion [multiple]=\"true\" [activeIndex]=\"[0]\">\n          <p-accordionTab header=\"Jornada\">\n            <div class=\"containerDay\">\n              <!-- <h3>Horario</h3> -->\n              <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of schedules; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedSchedules\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectSchedules($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertSchedules\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div>\n          </div>\n          </p-accordionTab>\n\n          <p-accordionTab header=\"Modalidad\">\n            <div class=\"containerDay\">\n              <!-- <h3>Horario</h3> -->\n              <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of stateOptionsModality; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedModality\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectModality($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertModality\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div>\n          </div>\n          </p-accordionTab>\n        </p-accordion>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"messageAlertSchedules == false && messageAlertModality == false\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div>\n      <!-- <div *ngIf=\"codPrevious.cod_is_Progress == false\">\n      </div> -->\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}span{color:#999;font-size:15px;font-weight:400;pointer-events:none;left:20px;top:-20px}:host ::ng-deep .p-buttonset .p-button{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;height:28px}:host ::ng-deep .p-calendar{position:relative;display:inline-flex;max-width:100%;height:28px;box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;background-color:#fff;-webkit-appearance:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i8$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$2.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i7$2.AccordionTab, selector: "p-accordionTab", inputs: ["header", "disabled", "cache", "transitionOptions", "selected"], outputs: ["selectedChange"] }, { kind: "component", type: i8$3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n    </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\"></i>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n      <div *ngIf=\"codPrevious == null\">\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex mt-3\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [showIcon]=\"true\"\n              [icon]=\"'pi pi-clock'\"\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              (ngModelChange)=\"onDateChange($event)\"\n            ></p-calendar>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['schedule'].invalid && codSelfFormStepTwo.controls['schedule'].touched\">\n            <span class=\"error-message\">Por favor ingresa un horario deseado</span>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['to_start'].invalid && codSelfFormStepTwo.controls['to_start'].touched\">\n            <span class=\"error-message\">La fecha seleccionada debe ser mayor que la fecha actual.</span>\n          </div>\n\n          <div class=\"container-modality flex justify-content-center align-content-center text-center m-2 align-items-end\">\n            <p-selectButton [options]=\"stateOptions\" formControlName=\"modality\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\n          </div>\n        </div>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"!codSelfFormStepTwo.valid\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div>\n      <!-- <div *ngIf=\"codPrevious.cod_is_Progress == false\">\n      </div> -->\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}span{color:#999;font-size:15px;font-weight:400;pointer-events:none;left:20px;top:-20px}:host ::ng-deep .p-buttonset .p-button{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;height:28px}:host ::ng-deep .p-calendar{position:relative;display:inline-flex;max-width:100%;height:28px;box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;background-color:#fff;-webkit-appearance:none}\n"] }]
+            args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n  <div class=\"container-form\">\n    <h2>Planes</h2>\n      <p-toast position=\"top-center\" key=\"confirm\" (onClose)=\"onReject()\" [baseZIndex]=\"10\">\n        <ng-template let-message pTemplate=\"message\">\n            <div class=\"flex flex-column align-items-start\" style=\"flex: 1\">\n                <div class=\"flex align-items-center gap-2\">\n                    <img src=\"https://qa.iptdev.com.co/assets/logos/reading.png\" style=\"width: 65px;\" shape=\"circle\" />\n                    <span class=\"font-bold text-900\">Jacob</span>\n                </div>\n                <div class=\"font-medium text-lg my-3 text-900\">{{ messageInfo }}</div>\n            </div>\n        </ng-template>\n    </p-toast>\n\n    <i class=\"pi pi-exclamation-circle cursor-pointer w-auto\" (click)=\"showConfirm()\"></i>\n    <form [formGroup]=\"codSelfFormStepTwo\">\n      <!-- <div *ngIf=\"codPrevious == null\">\n        <div class=\"flex flex-wrap justify-content-evenly column-gap-4 row-gap-6\">\n          <div class=\"flex-column align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <div class=\"flex mt-3\">\n              <span>Horario deseado?</span>\n            </div>\n            <p-calendar\n              [showIcon]=\"true\"\n              [icon]=\"'pi pi-clock'\"\n              [timeOnly]=\"true\"\n              placeholder=\"hh:mm\"\n              [hourFormat]=\"'12'\"\n              inputId=\"timeonly\"\n              [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n              (ngModelChange)=\"onDateChange($event)\"\n            ></p-calendar>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['schedule'].invalid && codSelfFormStepTwo.controls['schedule'].touched\">\n            <span class=\"error-message\">Por favor ingresa un horario deseado</span>\n          </div>\n          <div class=\"flex align-items-center justify-content-center w-9rem h-4rem m-2\">\n            <ipt-input\n              [inputType]=\"'date'\"\n              [placeHolder]=\"'Posible Inicio'\"\n              [control]=\"codSelfFormStepTwo.controls['to_start']\"\n              (dateSelected)=\"validateDate($event)\"\n              ></ipt-input>\n          </div>\n          <div *ngIf=\"codSelfFormStepTwo.controls['to_start'].invalid && codSelfFormStepTwo.controls['to_start'].touched\">\n            <span class=\"error-message\">La fecha seleccionada debe ser mayor que la fecha actual.</span>\n          </div>\n\n          <div class=\"container-modality flex justify-content-center align-content-center text-center m-2 align-items-end\">\n            <p-selectButton [options]=\"stateOptions\" formControlName=\"modality\" optionLabel=\"name\" optionValue=\"code\"></p-selectButton>\n          </div>\n        </div>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"!codSelfFormStepTwo.valid\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div> -->\n      <div *ngIf=\"codPrevious == null\">\n        <p-accordion [multiple]=\"true\" [activeIndex]=\"[0]\">\n          <p-accordionTab header=\"Jornada\">\n            <div class=\"containerDay\">\n              <!-- <h3>Horario</h3> -->\n              <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of schedules; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedSchedules\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectSchedules($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertSchedules\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div>\n          </div>\n          </p-accordionTab>\n\n          <p-accordionTab header=\"Modalidad\">\n            <div class=\"containerDay\">\n              <!-- <h3>Horario</h3> -->\n              <div class=\"checkBox flex flex-wrap justify-content-between m-3\">\n                <div *ngFor=\"let dayW of stateOptionsModality; index as ind\" class=\"field-checkbox\">\n                  <p-checkbox\n                    name=\"group2\"\n                    value=\"category\"\n                    [value]=\"dayW\"\n                    [(ngModel)]=\"selectedModality\"\n                    [inputId]=\"dayW.key\"\n                    [disabled]=\"disableweekdays[ind]\"\n                    [ngModelOptions]=\"{ standalone: true }\"\n                    checkboxIcon=\"pi pi-check-circle\"\n                    (ngModelChange)=\"selectModality($event)\"\n                  ></p-checkbox>\n                  <label [for]=\"dayW.key\">{{ dayW.name }}</label>\n                </div>\n                <div *ngIf=\"messageAlertModality\">\n                  <span class=\"error-message\">Por favor selecciona una opcion</span>\n                </div>\n            </div>\n          </div>\n          </p-accordionTab>\n        </p-accordion>\n        <div class=\"flex-none flex align-items-center justify-content-end m-2\">\n          <button\n            pButton\n            Ripple\n            type=\"button\"\n            icon=\"pi pi-search\"\n            class=\"p-button-rounded p-button-outlined\"\n            [disabled]=\"messageAlertSchedules == false && messageAlertModality == false\"\n            (click)=\"searchAvalaibleCourse()\"\n          ></button>\n        </div>\n      </div>\n      <!-- <div *ngIf=\"codPrevious.cod_is_Progress == false\">\n      </div> -->\n    </form>\n    <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n      <!-- <span *ngIf=\"codSelfFormStepOne.invalid && codSelfFormStepOne.touched\" class=\"text-red-500 font-bold text-center mt-1 py-2 bg-red-100 w-full border-round-xl\">{{ errorMessage }}</span> -->\n      <button\n      pButton\n      icon=\"pi pi-arrow-left\"\n      type=\"submit\"\n      (click)=\"back()\"\n      ></button>\n\n      <button\n      pButton\n      icon=\"pi pi-arrow-right\"\n      (click)=\"sendForm()\"\n      ></button>\n    </div>\n  </div>\n</div>\n\n<div>\n  <pre>{{ codSelfFormStepTwo.value | json }}</pre>\n  <div>\n    <pre>{{ codSelfFormStepTwo.valid | json }}</pre>\n  </div>\n</div>\n\n", styles: [".container-main{margin:1%}.container-form{margin:5%;border-radius:6px;border:1px solid #2563eb;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;padding:1rem}.error-message{font-size:x-small;color:red}:host ::ng-deep .p-toast{width:20rem!important}span{color:#999;font-size:15px;font-weight:400;pointer-events:none;left:20px;top:-20px}:host ::ng-deep .p-buttonset .p-button{box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;height:28px}:host ::ng-deep .p-calendar{position:relative;display:inline-flex;max-width:100%;height:28px;box-shadow:#64646f33 0 7px 29px;border-radius:6px;border:none;outline:none;transition:.2s;font-weight:300;width:-webkit-fill-available;width:-moz-available;background-color:#fff;-webkit-appearance:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i3$1.MessageService }, { type: BaseService }]; }, propDecorators: { completed: [{
                 type: Output
             }], scorePlacementTest: [{
@@ -6849,7 +6908,9 @@ codSelfManagedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         ToastModule,
         CalendarModule,
         TabViewModule,
-        SelectButtonModule], exports: [CodSelfManagedComponent,
+        SelectButtonModule,
+        AccordionModule,
+        CheckboxModule], exports: [CodSelfManagedComponent,
         CodSelfFormStepOneComponent,
         CodSelfFormStepTwoComponent,
         CodSelfFormStepThreeComponent,
@@ -6863,7 +6924,9 @@ codSelfManagedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
         ToastModule,
         CalendarModule,
         TabViewModule,
-        SelectButtonModule] });
+        SelectButtonModule,
+        AccordionModule,
+        CheckboxModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: codSelfManagedModule, decorators: [{
             type: NgModule,
             args: [{
@@ -6877,7 +6940,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
                         ToastModule,
                         CalendarModule,
                         TabViewModule,
-                        SelectButtonModule
+                        SelectButtonModule,
+                        AccordionModule,
+                        CheckboxModule
                     ],
                     declarations: [
                         CodSelfManagedComponent,