iptdevs-design-system 3.1.648 → 3.1.650
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-four/cod-self-form-step-four.component.mjs +14 -7
- package/fesm2015/iptdevs-design-system.mjs +15 -6
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +13 -6
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/cod-self-managed/steps/cod-form-step-four/cod-self-form-step-four.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -7489,6 +7489,9 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7489
7489
|
if (!this.isSelectionOptionPayments) {
|
|
7490
7490
|
this.isSelectionOptionPayments = true;
|
|
7491
7491
|
}
|
|
7492
|
+
else if (!this.isSelectionOptionPayments && this.selectedOptionPayments?.code == 1) {
|
|
7493
|
+
this.isEditBillingData = true;
|
|
7494
|
+
}
|
|
7492
7495
|
else {
|
|
7493
7496
|
this.completed.emit(2);
|
|
7494
7497
|
}
|
|
@@ -7501,8 +7504,9 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7501
7504
|
sendForm() {
|
|
7502
7505
|
// this.codSelfFormStepTwo.markAllAsTouched();
|
|
7503
7506
|
// if (this.codSelfFormStepTwo.invalid) return;
|
|
7507
|
+
console.log('Ejecuta endpoint');
|
|
7504
7508
|
// Movernos al paso 3
|
|
7505
|
-
this.completed.emit(4);
|
|
7509
|
+
// this.completed.emit(4);
|
|
7506
7510
|
}
|
|
7507
7511
|
onReject() {
|
|
7508
7512
|
this.messageService.clear('confirm');
|
|
@@ -7517,8 +7521,6 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7517
7521
|
selectOpcionsPayments(eve) {
|
|
7518
7522
|
this.selectedOptionPayments = eve;
|
|
7519
7523
|
this.isSelectionOptionPayments = false;
|
|
7520
|
-
console.log(this.selectedOptionPayments);
|
|
7521
|
-
console.log(this.selectedOptionPayments.code);
|
|
7522
7524
|
if (this.selectedOptionPayments !== null) {
|
|
7523
7525
|
this.codSelfFormStepFour.controls['optionsPayments'].setValue(this.selectedOptionPayments.code);
|
|
7524
7526
|
}
|
|
@@ -7527,10 +7529,12 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7527
7529
|
}
|
|
7528
7530
|
}
|
|
7529
7531
|
next() {
|
|
7530
|
-
console.log('isSelectionOptionPayments', this.isSelectionOptionPayments);
|
|
7531
7532
|
if (this.isSelectionOptionPayments) {
|
|
7532
7533
|
this.isSelectionOptionPayments = false;
|
|
7533
7534
|
}
|
|
7535
|
+
else if (this.isSelectionOptionPayments && this.selectedOptionPayments?.code == 1) {
|
|
7536
|
+
this.isEditBillingData = false;
|
|
7537
|
+
}
|
|
7534
7538
|
else {
|
|
7535
7539
|
// this.completed.emit(2);
|
|
7536
7540
|
console.log('se deberia mover');
|
|
@@ -7540,6 +7544,9 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7540
7544
|
editBillingData() {
|
|
7541
7545
|
this.isEditBillingData = false;
|
|
7542
7546
|
}
|
|
7547
|
+
updateDatosBillingData() {
|
|
7548
|
+
this.isEditBillingData = true;
|
|
7549
|
+
}
|
|
7543
7550
|
selectIdType(idType) {
|
|
7544
7551
|
if (idType !== 'Tipo de documento') {
|
|
7545
7552
|
this.codSelfFormStepFour.controls['invoicing_idType'].setValue(idType);
|
|
@@ -7550,10 +7557,10 @@ class CodSelfFormStepFourComponent extends CodSelfManagedSteps {
|
|
|
7550
7557
|
}
|
|
7551
7558
|
}
|
|
7552
7559
|
CodSelfFormStepFourComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, deps: [{ token: i1$1.FormBuilder }, { token: i2$1.MessageService }, { token: ParameterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7553
|
-
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</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 <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n <div class=\"container__body__select flex justify-content-center flex-wrap\">\n <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n <div class=\"flex flex-column gap-3\">\n <h3>\u00BFcomo quieres pagar?</h3>\n <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n <p-radioButton\n [inputId]=\"category.key\"\n name=\"category\"\n [value]=\"category\"\n [(ngModel)]=\"selectedOptionPayments\"\n [disabled]=\"disableweekdays[ind]\"\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"selectOpcionsPayments($event)\"\n ></p-radioButton>\n <label [for]=\"category.key\" class=\"ml-2\">\n {{ category.name }}\n </label>\n </div>\n\n </div>\n </div>\n\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n <button\n pButton\n type=\"button\"\n label=\"\"\n class=\"p-button-outlined p-button-rounded w-2\"\n icon=\"pi pi-receipt\"\n [disabled]=\"true\">\n </button>\n <strong>name</strong>\n <span>cc document</span>\n <button\n pButton\n label=\"Modificar Datos\"\n type=\"submit\"\n (click)=\"editBillingData()\"\n ></button>\n </div>\n <div *ngIf=\"!isEditBillingData\">\n <h3>Completa los nuevos datos para la emision de tu factura</h3>\n <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n </div>\n <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n </div>\n </div>\n <div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'
|
|
7560
|
+
CodSelfFormStepFourComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodSelfFormStepFourComponent, selector: "app-cod-self-form-step-four", outputs: { completed: "completed" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</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 <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n <div class=\"container__body__select flex justify-content-center flex-wrap\">\n <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n <div class=\"flex flex-column gap-3\">\n <h3>\u00BFcomo quieres pagar?</h3>\n <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n <p-radioButton\n [inputId]=\"category.key\"\n name=\"category\"\n [value]=\"category\"\n [(ngModel)]=\"selectedOptionPayments\"\n [disabled]=\"disableweekdays[ind]\"\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"selectOpcionsPayments($event)\"\n ></p-radioButton>\n <label [for]=\"category.key\" class=\"ml-2\">\n {{ category.name }}\n </label>\n </div>\n\n </div>\n </div>\n\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n <button\n pButton\n type=\"button\"\n label=\"\"\n class=\"p-button-outlined p-button-rounded w-2\"\n icon=\"pi pi-receipt\"\n [disabled]=\"true\">\n </button>\n <strong>name</strong>\n <span>cc document</span>\n <button\n pButton\n label=\"Modificar Datos\"\n type=\"submit\"\n (click)=\"editBillingData()\"\n ></button>\n </div>\n <div *ngIf=\"!isEditBillingData\">\n <h3>Completa los nuevos datos para la emision de tu factura</h3>\n <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n </div>\n <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n </div>\n </div>\n <div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellido'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n ></ipt-input>\n <ipt-select\n [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Tipo de documento'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Documento'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n ></ipt-input>\n\n </div>\n </div>\n\n </div>\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 2 && !isSelectionOptionPayments\">\n <span>llegue aqui 2</span>\n </div>\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 3 && !isSelectionOptionPayments\">\n <span>llegue aqui 3</span>\n </div>\n </div>\n </form>\n\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\n <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n <button\n pButton\n icon=\"pi pi-arrow-left\"\n type=\"submit\"\n (click)=\"back()\"\n ></button>\n\n\n <button *ngIf=\"!codSelfFormStepFour.valid && isEditBillingData\"\n pButton\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"next()\"\n ></button>\n <button *ngIf=\"!isEditBillingData\"\n pButton\n label=\"Continuar\"\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"next()\">\n </button>\n\n <button *ngIf=\"codSelfFormStepFour.valid\"\n pButton\n label=\"Guardar\"\n type=\"submit\"\n (click)=\"sendForm()\"\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>{{ codSelfFormStepFour.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n </div>\n</div>\n", styles: [".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}\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: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal", "disabledSel"], outputs: ["dateSelected"] }, { kind: "component", type: SelectComponent, selector: "ipt-select", inputs: ["isRequired", "data", "defaultText", "selectCode", "disabledSel", "initialValue", "control"], outputs: ["eventSelect"] }, { 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: i7$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { 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: i9.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i14.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.JsonPipe, name: "json" }] });
|
|
7554
7561
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodSelfFormStepFourComponent, decorators: [{
|
|
7555
7562
|
type: Component,
|
|
7556
|
-
args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</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 <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n <div class=\"container__body__select flex justify-content-center flex-wrap\">\n <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n <div class=\"flex flex-column gap-3\">\n <h3>\u00BFcomo quieres pagar?</h3>\n <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n <p-radioButton\n [inputId]=\"category.key\"\n name=\"category\"\n [value]=\"category\"\n [(ngModel)]=\"selectedOptionPayments\"\n [disabled]=\"disableweekdays[ind]\"\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"selectOpcionsPayments($event)\"\n ></p-radioButton>\n <label [for]=\"category.key\" class=\"ml-2\">\n {{ category.name }}\n </label>\n </div>\n\n </div>\n </div>\n\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n <button\n pButton\n type=\"button\"\n label=\"\"\n class=\"p-button-outlined p-button-rounded w-2\"\n icon=\"pi pi-receipt\"\n [disabled]=\"true\">\n </button>\n <strong>name</strong>\n <span>cc document</span>\n <button\n pButton\n label=\"Modificar Datos\"\n type=\"submit\"\n (click)=\"editBillingData()\"\n ></button>\n </div>\n <div *ngIf=\"!isEditBillingData\">\n <h3>Completa los nuevos datos para la emision de tu factura</h3>\n <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n </div>\n <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n </div>\n </div>\n <div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'
|
|
7563
|
+
args: [{ selector: 'app-cod-self-form-step-four', template: "<div class=\"container-main\">\n <div class=\"container-form\">\n <h2>Datos de Facturacion</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 <i class=\"pi pi-exclamation-circle cursor-pointer w-auto mb-4\" (click)=\"showConfirm()\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n <form autocomplete=\"off\" [formGroup]=\"codSelfFormStepFour\" class=\"grid mt-2 flex flex-column align-items-center\">\n <div class=\"container__body__select flex justify-content-center flex-wrap\">\n <div class=\"container__type__payments\" *ngIf=\"isSelectionOptionPayments\">\n <div class=\"flex flex-column gap-3\">\n <h3>\u00BFcomo quieres pagar?</h3>\n <div *ngFor=\"let category of OptionPayments; index as ind\" class=\"field-checkbox\">\n <p-radioButton\n [inputId]=\"category.key\"\n name=\"category\"\n [value]=\"category\"\n [(ngModel)]=\"selectedOptionPayments\"\n [disabled]=\"disableweekdays[ind]\"\n [ngModelOptions]=\"{ standalone: true }\"\n (ngModelChange)=\"selectOpcionsPayments($event)\"\n ></p-radioButton>\n <label [for]=\"category.key\" class=\"ml-2\">\n {{ category.name }}\n </label>\n </div>\n\n </div>\n </div>\n\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 1 && !isSelectionOptionPayments\">\n <div class=\"container__info flex flex-column align-items-center justify-content-center\" *ngIf=\"isEditBillingData\">\n <button\n pButton\n type=\"button\"\n label=\"\"\n class=\"p-button-outlined p-button-rounded w-2\"\n icon=\"pi pi-receipt\"\n [disabled]=\"true\">\n </button>\n <strong>name</strong>\n <span>cc document</span>\n <button\n pButton\n label=\"Modificar Datos\"\n type=\"submit\"\n (click)=\"editBillingData()\"\n ></button>\n </div>\n <div *ngIf=\"!isEditBillingData\">\n <h3>Completa los nuevos datos para la emision de tu factura</h3>\n <div class=\"flex gap-1 md:gap-4 xl:gap-8 m-1 p-2 border-round bg-blue-500 text-white\">\n <div class=\"container_icon flex mr-4 justify-content-center align-items-start mt-1\">\n <i class=\"pi pi-info-circle cursor-pointer w-auto mb-4\" pTooltip=\"Mas info.\" tooltipPosition=\"bottom\"></i>\n </div>\n <div class=\"flex flex-column container_info_span flex align-items-center justify-content-center\">\n <span>Si proporcionas datos de un tercero, confirmas que los datos son correctos y que tienes su consentimiento para el uso de la informacion. Estos datos se trataran de acuerdo a nuestra <a href=\"\">Declaracion de Privacidad</a></span>\n </div>\n </div>\n <div>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Nombres'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_name']\"\n ></ipt-input>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Apellido'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_Apellido']\"\n ></ipt-input>\n <ipt-select\n [initialValue]=\"codSelfFormStepFour.controls['invoicing_idType'].value\"\n [control]=\"codSelfFormStepFour.controls['invoicing_idType']\"\n [selectCode]=\"codSelfFormStepFour.controls['invoicing_idType'].value === null ? 'Tipo de documento' : codSelfFormStepFour.controls['invoicing_idType'].value\"\n [isRequired]=\"true\"\n [data]=\"idTypes\"\n (eventSelect)=\"selectIdType($event)\"\n [defaultText]=\"'Tipo de documento'\"\n ></ipt-select>\n <ipt-input\n [inputType]=\"'text'\"\n [placeHolder]=\"'Documento'\"\n [control]=\"codSelfFormStepFour.controls['invoicing_document']\"\n ></ipt-input>\n\n </div>\n </div>\n\n </div>\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 2 && !isSelectionOptionPayments\">\n <span>llegue aqui 2</span>\n </div>\n <div class=\"container__opstion__instalations\" *ngIf=\"selectedOptionPayments?.code === 3 && !isSelectionOptionPayments\">\n <span>llegue aqui 3</span>\n </div>\n </div>\n </form>\n\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\n <div class=\"flex justify-content-between mt-3 align-items-center gap-3\">\n <button\n pButton\n icon=\"pi pi-arrow-left\"\n type=\"submit\"\n (click)=\"back()\"\n ></button>\n\n\n <button *ngIf=\"!codSelfFormStepFour.valid && isEditBillingData\"\n pButton\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"next()\"\n ></button>\n <button *ngIf=\"!isEditBillingData\"\n pButton\n label=\"Continuar\"\n icon=\"pi pi-arrow-right\"\n type=\"submit\"\n (click)=\"next()\">\n </button>\n\n <button *ngIf=\"codSelfFormStepFour.valid\"\n pButton\n label=\"Guardar\"\n type=\"submit\"\n (click)=\"sendForm()\"\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>{{ codSelfFormStepFour.value | json }}</pre>\n <div>\n <pre>{{ codSelfFormStepFour.valid | json }}</pre>\n </div>\n</div>\n", styles: [".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}\n"] }]
|
|
7557
7564
|
}], ctorParameters: function () { return [{ type: i1$1.FormBuilder }, { type: i2$1.MessageService }, { type: ParameterService }]; }, propDecorators: { completed: [{
|
|
7558
7565
|
type: Output
|
|
7559
7566
|
}] } });
|