iptdevs-design-system 3.1.482 → 3.1.484
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.mjs +9 -6
- package/fesm2015/iptdevs-design-system.mjs +9 -6
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +8 -5
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -6546,9 +6546,9 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
|
6546
6546
|
this.cdRef = cdRef;
|
|
6547
6547
|
this.completed = new EventEmitter();
|
|
6548
6548
|
this.controls = new CodSelfManagedControls().controls[1];
|
|
6549
|
+
this.initForm();
|
|
6549
6550
|
}
|
|
6550
6551
|
ngOnInit() {
|
|
6551
|
-
this.initForm();
|
|
6552
6552
|
this.startLocalStorageWork();
|
|
6553
6553
|
}
|
|
6554
6554
|
ngOnChanges() {
|
|
@@ -6561,6 +6561,7 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
|
6561
6561
|
initForm() {
|
|
6562
6562
|
this.codSelfFormStepTwo = this.fb.group({
|
|
6563
6563
|
schedule: ['', [Validators.required]],
|
|
6564
|
+
to_start: ['', [Validators.required]],
|
|
6564
6565
|
// academic_plan: ['', [Validators.required]],
|
|
6565
6566
|
// course_type:['', [Validators.required]],
|
|
6566
6567
|
// agreement_by_category: ['', [Validators.required],],
|
|
@@ -6588,11 +6589,13 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
|
6588
6589
|
}
|
|
6589
6590
|
searchAvalaibleCourse() {
|
|
6590
6591
|
const age = localStorage.getItem('COD SELF - step1(age)');
|
|
6591
|
-
console.log(age);
|
|
6592
|
+
// console.log(age);
|
|
6592
6593
|
const request = {
|
|
6593
6594
|
age: age,
|
|
6594
|
-
schedule: this.codSelfFormStepTwo.get('schedule')?.value
|
|
6595
|
+
schedule: this.codSelfFormStepTwo.get('schedule')?.value,
|
|
6596
|
+
possible_start: this.codSelfFormStepTwo.get('to_start')?.value
|
|
6595
6597
|
};
|
|
6598
|
+
console.log(request);
|
|
6596
6599
|
}
|
|
6597
6600
|
validateDate(dateRecib) {
|
|
6598
6601
|
const dateRecibTreanf = dateRecib + 'T00:00:00-05:00';
|
|
@@ -6613,10 +6616,10 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
|
6613
6616
|
}
|
|
6614
6617
|
}
|
|
6615
6618
|
CodSelfFormStepTwoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, deps: [{ token: i1$1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6616
|
-
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Planes</h2>\n <form [formGroup]=\"codSelfFormStepTwo\">\n <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n <div class=\"since flex justify-content-center flex-wrap\">\n <div class=\"flex\">\n <span>Selecciona un Horario deseado</span>\n </div>\n <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n <p-calendar\n
|
|
6619
|
+
CodSelfFormStepTwoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepTwoComponent, selector: "app-cod-self-form-step-two", outputs: { completed: "completed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Planes</h2>\n <form [formGroup]=\"codSelfFormStepTwo\">\n <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n <div class=\"since flex justify-content-center flex-wrap\">\n <div class=\"flex\">\n <span>Selecciona un Horario deseado</span>\n </div>\n <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n <p-calendar\n [timeOnly]=\"true\"\n placeholder=\"hh:mm\"\n [hourFormat]=\"'12'\"\n inputId=\"timeonly\"\n [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n ></p-calendar>\n </div>\n <div class=\"flex align-items-center justify-content-center w-2rem 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 class=\"flex align-items-center justify-content-center w-4rem h-4rem m-2\">\n <button\n pButton\n icon=\"pi pi-search\"\n type=\"submit\"\n [disabled]=\"!codSelfFormStepTwo.valid\"\n (click)=\"searchAvalaibleCourse()\"\n ></button>\n </div>\n </div>\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}\n"], dependencies: [{ 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: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i4.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: "pipe", type: i1.JsonPipe, name: "json" }] });
|
|
6617
6620
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
6618
6621
|
type: Component,
|
|
6619
|
-
args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Planes</h2>\n <form [formGroup]=\"codSelfFormStepTwo\">\n <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n <div class=\"since flex justify-content-center flex-wrap\">\n <div class=\"flex\">\n <span>Selecciona un Horario deseado</span>\n </div>\n <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n <p-calendar\n
|
|
6622
|
+
args: [{ selector: 'app-cod-self-form-step-two', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Planes</h2>\n <form [formGroup]=\"codSelfFormStepTwo\">\n <div class=\"flex justify-content-around flex-wrap gap-2 m-2\">\n <div class=\"since flex justify-content-center flex-wrap\">\n <div class=\"flex\">\n <span>Selecciona un Horario deseado</span>\n </div>\n <div class=\"flex align-items-center justify-content-center w-6rem h-4rem m-2\">\n <p-calendar\n [timeOnly]=\"true\"\n placeholder=\"hh:mm\"\n [hourFormat]=\"'12'\"\n inputId=\"timeonly\"\n [formControl]=\"$any(codSelfFormStepTwo.controls['schedule'])\"\n ></p-calendar>\n </div>\n <div class=\"flex align-items-center justify-content-center w-2rem 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 class=\"flex align-items-center justify-content-center w-4rem h-4rem m-2\">\n <button\n pButton\n icon=\"pi pi-search\"\n type=\"submit\"\n [disabled]=\"!codSelfFormStepTwo.valid\"\n (click)=\"searchAvalaibleCourse()\"\n ></button>\n </div>\n </div>\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}\n"] }]
|
|
6620
6623
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { completed: [{
|
|
6621
6624
|
type: Output
|
|
6622
6625
|
}] } });
|