iptdevs-design-system 3.1.501 → 3.1.502
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-one/cod-self-form-step-one.component.mjs +5 -5
- package/esm2020/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.mjs +18 -11
- package/fesm2015/iptdevs-design-system.mjs +16 -10
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +16 -10
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod-self-managed/steps/cod-form-step-two/cod-self-form-step-two.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -38,7 +38,7 @@ import * as i3$2 from 'primeng/steps';
|
|
|
38
38
|
import { StepsModule } from 'primeng/steps';
|
|
39
39
|
import * as i8$2 from 'primeng/toast';
|
|
40
40
|
import { ToastModule } from 'primeng/toast';
|
|
41
|
-
import * as
|
|
41
|
+
import * as i7$2 from 'primeng/calendar';
|
|
42
42
|
import { CalendarModule } from 'primeng/calendar';
|
|
43
43
|
|
|
44
44
|
class AsideButtonComponent {
|
|
@@ -6393,7 +6393,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
|
|
|
6393
6393
|
this.codSelfFormStepOne.controls['grade'].valueChanges.subscribe((grade) => {
|
|
6394
6394
|
if (grade == 15 || grade == 16) {
|
|
6395
6395
|
this.showAgreementSelect = true;
|
|
6396
|
-
console.log("grade-15 or 16",
|
|
6396
|
+
// console.log("grade-15 or 16",this.showAgreementSelect);
|
|
6397
6397
|
this.codSelfFormStepOne.controls['agreement_by_category'].setValidators([Validators.required]);
|
|
6398
6398
|
}
|
|
6399
6399
|
else {
|
|
@@ -6403,7 +6403,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
|
|
|
6403
6403
|
this.codSelfFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
6404
6404
|
}
|
|
6405
6405
|
this.codSelfFormStepOne.controls['agreement_by_category'].updateValueAndValidity();
|
|
6406
|
-
console.log("suscribeChangesGrade", this.showAgreementSelect);
|
|
6406
|
+
// console.log("suscribeChangesGrade", this.showAgreementSelect);
|
|
6407
6407
|
});
|
|
6408
6408
|
// Calcular edad y setear valor
|
|
6409
6409
|
this.codSelfFormStepOne.controls['birthdate'].valueChanges.subscribe({
|
|
@@ -6547,7 +6547,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
|
|
|
6547
6547
|
if (grade !== 'Grado Educativo') {
|
|
6548
6548
|
this.codSelfFormStepOne.controls['grade'].setValue(grade);
|
|
6549
6549
|
// Verificar si el grado seleccionado es 15 o 16
|
|
6550
|
-
console.log("selectGrade",
|
|
6550
|
+
// console.log("selectGrade",grade);
|
|
6551
6551
|
if (grade == 15 || grade == 16) {
|
|
6552
6552
|
// Si es 15 o 16, mostrar el otro ipt-select
|
|
6553
6553
|
this.showAgreementSelect = true;
|
|
@@ -6564,7 +6564,7 @@ class CodSelfFormStepOneComponent extends CodSelfManagedSteps {
|
|
|
6564
6564
|
this.codSelfFormStepOne.controls['agreement_by_category'].setValue(null);
|
|
6565
6565
|
this.showAgreementSelect = false;
|
|
6566
6566
|
}
|
|
6567
|
-
console.log("selectGrade", this.showAgreementSelect);
|
|
6567
|
+
// console.log("selectGrade", this.showAgreementSelect);
|
|
6568
6568
|
}
|
|
6569
6569
|
selectAgreement(grade) {
|
|
6570
6570
|
if (grade !== 'Convenio') {
|
|
@@ -6620,17 +6620,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
|
|
|
6620
6620
|
}] } });
|
|
6621
6621
|
|
|
6622
6622
|
class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
6623
|
-
constructor(fb, cdRef, messageService) {
|
|
6623
|
+
constructor(fb, cdRef, messageService, baseService) {
|
|
6624
6624
|
super();
|
|
6625
6625
|
this.fb = fb;
|
|
6626
6626
|
this.cdRef = cdRef;
|
|
6627
6627
|
this.messageService = messageService;
|
|
6628
|
+
this.baseService = baseService;
|
|
6628
6629
|
this.completed = new EventEmitter();
|
|
6629
6630
|
this.controls = new CodSelfManagedControls().controls[1];
|
|
6630
6631
|
this.visible = false;
|
|
6631
6632
|
this.messageInfo = 'Busca un plan deacuerdo a tu disponibilidad';
|
|
6632
6633
|
this.initForm();
|
|
6633
6634
|
this.minDate = new Date();
|
|
6635
|
+
this.codSelfFormStepTwo.controls['schedule'].setValue("");
|
|
6634
6636
|
}
|
|
6635
6637
|
ngOnInit() {
|
|
6636
6638
|
this.startLocalStorageWork();
|
|
@@ -6674,9 +6676,13 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
|
6674
6676
|
searchAvalaibleCourse() {
|
|
6675
6677
|
const age = localStorage.getItem('COD SELF - step1(age)');
|
|
6676
6678
|
const grade = localStorage.getItem('COD SELF - step1(grade)');
|
|
6679
|
+
const agreement = localStorage.getItem('COD SELF - step1(agreement_by_category)');
|
|
6680
|
+
const userCode = this.baseService.getUserCode();
|
|
6677
6681
|
const request = {
|
|
6682
|
+
code_user: userCode,
|
|
6678
6683
|
age: age,
|
|
6679
6684
|
grade: grade,
|
|
6685
|
+
agreement: agreement,
|
|
6680
6686
|
schedule: this.codSelfFormStepTwo.get('schedule')?.value,
|
|
6681
6687
|
possible_start: this.codSelfFormStepTwo.get('to_start')?.value
|
|
6682
6688
|
};
|
|
@@ -6710,12 +6716,12 @@ class CodSelfFormStepTwoComponent extends CodSelfManagedSteps {
|
|
|
6710
6716
|
}
|
|
6711
6717
|
}
|
|
6712
6718
|
}
|
|
6713
|
-
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 }], target: i0.ɵɵFactoryTarget.Component });
|
|
6714
|
-
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 <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\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\">\n <span>Horario deseado?</span>\n </div>\n <p-calendar\n [timeOnly]=\"true\"\n placeholder=\"hh:mm\"\n [hourFormat]=\"'12'\"\n inputId=\"timeonly\"\n [
|
|
6719
|
+
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 });
|
|
6720
|
+
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 <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\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\">\n <span>Horario deseado?</span>\n </div>\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-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>\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 </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}\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: 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.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" }] });
|
|
6715
6721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepTwoComponent, decorators: [{
|
|
6716
6722
|
type: Component,
|
|
6717
|
-
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\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\">\n <span>Horario deseado?</span>\n </div>\n <p-calendar\n [timeOnly]=\"true\"\n placeholder=\"hh:mm\"\n [hourFormat]=\"'12'\"\n inputId=\"timeonly\"\n [
|
|
6718
|
-
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i3$1.MessageService }]; }, propDecorators: { completed: [{
|
|
6723
|
+
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\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\">\n <span>Horario deseado?</span>\n </div>\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-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>\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 </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}\n"] }]
|
|
6724
|
+
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: i3$1.MessageService }, { type: BaseService }]; }, propDecorators: { completed: [{
|
|
6719
6725
|
type: Output
|
|
6720
6726
|
}] } });
|
|
6721
6727
|
|