ng-easycommerce 0.0.473 → 0.0.475
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/README.md +5 -0
- package/bundles/ng-easycommerce.umd.js +102 -11
- package/bundles/ng-easycommerce.umd.js.map +1 -1
- package/bundles/ng-easycommerce.umd.min.js +1 -1
- package/bundles/ng-easycommerce.umd.min.js.map +1 -1
- package/esm2015/lib/ec-component/account-ec/order-ec/order-ec.component.js +2 -2
- package/esm2015/lib/ec-component/account-ec/orders-list-ec/orders-list-ec.component.js +7 -3
- package/esm2015/lib/ec-component/widgets-ec/bancard-catastro-ec/bancard-catastro-ec.component.js +98 -10
- package/esm5/lib/ec-component/account-ec/order-ec/order-ec.component.js +2 -2
- package/esm5/lib/ec-component/account-ec/orders-list-ec/orders-list-ec.component.js +7 -3
- package/esm5/lib/ec-component/widgets-ec/bancard-catastro-ec/bancard-catastro-ec.component.js +98 -10
- package/fesm2015/ng-easycommerce.js +102 -11
- package/fesm2015/ng-easycommerce.js.map +1 -1
- package/fesm5/ng-easycommerce.js +102 -11
- package/fesm5/ng-easycommerce.js.map +1 -1
- package/lib/ec-component/account-ec/orders-list-ec/orders-list-ec.component.d.ts +1 -0
- package/lib/ec-component/widgets-ec/bancard-catastro-ec/bancard-catastro-ec.component.d.ts +57 -3
- package/ng-easycommerce.metadata.json +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
# version 0.0.475
|
|
2
|
+
- Se corrige un problema con las imagenes en el componente `order-ec`, ahora muestra las imagenes correspondiente al item de la orden.
|
|
3
|
+
- Se agrega un parámetro en `order-list-ec` para poder indicar si mostrar o no las imagenes. El parámetro se llama `showImage`.
|
|
4
|
+
# version 0.0.474
|
|
5
|
+
- Se actualiza el método de pago Bancard, para completar la compra, procesar errores, actualizaciones visuales.
|
|
1
6
|
# version 0.0.473
|
|
2
7
|
- Se agrega la funcionalidad para trabajar con cookies. [ver más...](./src/lib/assets/docs/COOKIES.md)
|
|
3
8
|
# version 0.0.472
|
|
@@ -11119,6 +11119,7 @@
|
|
|
11119
11119
|
_this.router = router;
|
|
11120
11120
|
_this.consts = consts;
|
|
11121
11121
|
_this.loading = true;
|
|
11122
|
+
_this.showImage = true;
|
|
11122
11123
|
/**
|
|
11123
11124
|
* @description name -> nombre de clave de valuesToSort; asc -> true: ascendente, false: descendente
|
|
11124
11125
|
*/
|
|
@@ -11263,10 +11264,13 @@
|
|
|
11263
11264
|
{ type: router.Router },
|
|
11264
11265
|
{ type: Constants }
|
|
11265
11266
|
]; };
|
|
11267
|
+
__decorate$1i([
|
|
11268
|
+
core.Input()
|
|
11269
|
+
], OrdersEcComponent.prototype, "showImage", void 0);
|
|
11266
11270
|
OrdersEcComponent = __decorate$1i([
|
|
11267
11271
|
core.Component({
|
|
11268
11272
|
selector: 'app-orders-ec',
|
|
11269
|
-
template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n <div *ngIf=\"orders && orders.length; else noOrders\">\n <div class=\"row mb-1 border-bottom\">\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12 \">\n <p\n [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('methodState')\">\n {{ 'shipment-state' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n </div>\n </div>\n <div class=\"row item border-bottom\" *ngFor=\"let order of orders\">\n <div class=\"col-lg-2 col-12\">\n <h5 class=\"fw-bold\">\n {{ order.number }}\n </h5>\n <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n
|
|
11273
|
+
template: "<div class=\"container-fluid\" id=\"ordersEcComponent\">\n <section id=\"orders\" class=\"w-100\" *ngIf=\"!loading; else loadingView\">\n <div *ngIf=\"orders && orders.length; else noOrders\">\n <div class=\"row mb-1 border-bottom\">\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'number' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('number')\">{{ 'order' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'paymentState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('paymentState')\">{{ 'payment-state' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'method' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('method')\">{{ 'shipment-method' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12 \">\n <p\n [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'methodState' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('methodState')\">\n {{ 'shipment-state' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'date' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('date')\">{{ 'date' | translate }}:</p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p [class]=\"'st dropdown-toggle cursor-pointer my-2 '+ (currentSort.name == 'total' ? 'applied ' + (!currentSort.asc ? 'asc' : 'desc') : '')\"\n (click)=\"sortOrders('total')\">{{ 'total' | translate }}:</p>\n </div>\n </div>\n <div class=\"row item border-bottom py-2\" *ngFor=\"let order of orders\">\n <div class=\"col-lg-2 col-12\">\n <h5 class=\"fw-bold\">\n {{ order.number }}\n </h5>\n <ng-container *ngIf=\"showImage\">\n <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n <img class=\"smc maxwidth\" [src]=\"mediaUrl + order.items[0].product.variants[0].images[0]\" alt=\"\">\n </ng-container>\n <ng-template #defaultpicture>\n <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth\"\n [src]=\"mediaUrl + order.items[0].product.picturesdefault[0]\" alt=\"\">\n </ng-template>\n </ng-container>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p class=\"price\">\n {{ order.payments[0].state | translate | titlecase }}\n </p>\n </div>\n <div class=\"col-lg-2 col-12\">\n \n <p class=\"price\">\n {{ order.shipments[0].method.name }}\n </p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p class=\"price\">\n {{ order.shipments[0].state | translate | titlecase }}\n </p>\n <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n <!-- <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</button> -->\n <a *ngIf=\"order.tracking\" [href]=\"order.tracking\" class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p class=\"price\">\n {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }}\n </p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <h5 class=\"fw-bold text-nowrap\">\n {{ (order.totals.total) | ecCurrencySymbol }}\n </h5>\n <button class=\"btn px-0 w-100 btdetalle\" (click)=\"goToOrder(order)\">{{\n 'see-order' | translate }}</button>\n </div>\n </div>\n </div>\n </section>\n</div>\n\n<ng-template #noOrders>\n <div class=\"w-100 h-50\">\n <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n <h5>{{ 'no-orders' | translate }}</h5>\n </div>\n </div>\n</ng-template>\n\n<ng-template #errorView>\n <div class=\"w-100 h-50\">\n <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n <h4>{{ 'orders-error' | translate }}</h4>\n </div>\n </div>\n</ng-template>\n\n<ng-template #loadingView>\n <div class=\"w-100 h-50 py-5\">\n <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n <app-loading-full-ec></app-loading-full-ec>\n </div>\n </div>\n</ng-template>",
|
|
11270
11274
|
styles: ["#ordersEcComponent .btn.btdetalle{background-color:#000;color:#fff;border-color:#000;border-width:1px;border-radius:10px;padding:10px 0}#ordersEcComponent .btn.btdetalle:hover{background-color:#fff;color:#000;border-color:#000}.asc.dropdown-toggle::after{transform:rotate(180deg)}.applied.dropdown-toggle::after{color:#198754}"]
|
|
11271
11275
|
})
|
|
11272
11276
|
], OrdersEcComponent);
|
|
@@ -11396,7 +11400,7 @@
|
|
|
11396
11400
|
OrderEcComponent = __decorate$1j([
|
|
11397
11401
|
core.Component({
|
|
11398
11402
|
selector: 'app-order-ec',
|
|
11399
|
-
template: "<main class=\"py-5\" id=\"orderEcComponent\">\n <div class=\"container\">\n <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n <div *ngIf=\"order; else noOrder\">\n \n <div class=\"row justify-content-between\">\n <div class=\"col-sm-auto col-12 font-brandon\">\n <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n </div>\n <ng-container *ngIf=\"order?.invoice\">\n <div class=\"col-sm col-12 font-brandon\">\n <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\n class=\"btn btn-link btn-invoice\">\n <i class=\"fas fa-file-download me-1\"></i>\n {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n </a>\n </div>\n </ng-container>\n <a (click)=\"volver()\" class=\"col-auto text-end\">\n <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\n </a>\n </div>\n \n <section id=\"orders\">\n <div class=\"row\">\n <div class=\"col-md-2 col-12\">\n <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n <p class=\"\">\n {{ order.payments[0].state | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n <p class=\"\">\n {{ order.shipments[0].state | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n <p class=\"\">\n {{ order.payments[0]?.method?.name | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n <p class=\"\">\n {{ order.shipments[0].method.name }}\n </p>\n <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n <a *ngIf=\"order.tracking\" [href]=\"order.tracking\" class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'date' | translate }}:</p>\n <p class=\"\">\n {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }} \n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'total' | translate }}:</p>\n <h5 class=\"fw-bold\">\n {{ (order.totals.total) | ecCurrencySymbol}}\n\n </h5>\n </div>\n </div>\n </section>\n \n <div class=\"container py-3 border-top border-bottom\">\n <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\n <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n {{ 'product' | translate | uppercase }}\n </div>\n <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n {{ 'description' | translate | uppercase }}\n </div>\n <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n {{ 'unit-price' | translate | uppercase }}\n </div>\n <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n {{ 'quantity' | translate | uppercase }}\n </div>\n <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n {{ 'total' | translate | uppercase }}\n </div>\n </div>\n <ng-container *ngFor=\"let item of order.items\">\n <div class=\"row cart-items\">\n <div class=\"col-5 col-md-2 py-2\">\n <ng-container *ngIf=\"order.items[0].product.variants[0]?.images?.length ; else defaultpicture\">\n <img class=\"smc maxwidth img-fluid rounded-custom \" [src]=\"consts.mediaUrl() + item.product.variants[0].images[0]\" alt=\"\">\n </ng-container>\n <ng-template #defaultpicture>\n <img *ngIf=\"order.items[0].product.picturesdefault\" class=\"smc maxwidth img-fluid rounded-custom\"\n [src]=\"consts.mediaUrl() + order.items[0].product.picturesdefault[0]\" alt=\"\">\n </ng-template>\n </div>\n <div\n class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n <p class=\"font-brandon d-flex w-100 mb-0\">\n {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n </p>\n <div class=\"container d-md-none\">\n <div class=\"row\">\n <div class=\"col-4\">\n <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n </div>\n <div class=\"col-4 font-xl\">\n <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) | ecCurrencySymbol}}</p>\n </div>\n <div class=\"col-4 font-xl\">\n <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-2 d-none d-md-flex align-items-center\">\n <p class=\"text-center w-100 m-0\">\n {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) | ecCurrencySymbol}}\n </p>\n </div>\n <div class=\"col-2 d-none d-md-flex align-items-center\">\n <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n </div>\n <div class=\"col-2 d-none d-md-flex align-items-center\">\n <p class=\"text-end w-100 m-0\">\n {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n </div>\n </div>\n </ng-container>\n </div>\n \n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-12 col-md-6\"></div>\n <div class=\"col-12 col-md-6\">\n <div class=\"row py-4\">\n <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' | translate }}</div>\n <div class=\"col-6 font-brandon font-md text-gray border-bottom text-end\">\n {{ (order.totals.items) | ecCurrencySymbol }}\n </div>\n \n <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' | translate }}</div>\n <div class=\"col-6 font-brandon font-md text-gray border-bottom text-end\">\n {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n </div>\n \n <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' | translate }}</div>\n <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n class=\"col-6 font-brandon font-md text-gray border-bottom text-end text-end\">\n {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n \n <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0 \" class=\"col-6 font-brandon font-md text-gray border-bottom \">\n {{ 'taxes' | translate }}</div>\n <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0\" class=\"col-6 font-brandon font-md text-gray border-bottom text-end\">\n {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n \n <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n <div class=\"col-6 font-brandon font-md text-end\">\n {{ (order.totals.total) | ecCurrencySymbol }}\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n</main>\n\n<ng-template #noOrder>\n <div class=\"w-100 h-50\">\n <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n <h5>{{ 'no-orders' | translate }}</h5>\n </div>\n </div>\n</ng-template>\n\n<ng-template #loadingView>\n <div class=\"w-100 h-50 py-5\">\n <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n <app-loading-full-ec></app-loading-full-ec>\n </div>\n </div>\n</ng-template>",
|
|
11403
|
+
template: "<main class=\"py-5\" id=\"orderEcComponent\">\n <div class=\"container\">\n <div class=\"wrap\" *ngIf=\"!loading; else loadingView\">\n <div *ngIf=\"order; else noOrder\">\n \n <div class=\"row justify-content-between \">\n <div class=\"col-sm-auto col-12 font-brandon\">\n <h4 class=\"tit1 fw-bold\">{{ ('order' | translate) + ': ' + order.number }}</h4>\n </div>\n <ng-container *ngIf=\"order?.invoice\">\n <div class=\"col-sm col-12 font-brandon\">\n <a target=\"_blank\" [href]=\"consts.getUrlBase().slice(0, -1) + order.invoice\"\n class=\"btn btn-link btn-invoice\">\n <i class=\"fas fa-file-download me-1\"></i>\n {{ 'download' | translate }} {{ 'invoices' | translate | titlecase }}\n </a>\n </div>\n </ng-container>\n <a (click)=\"volver()\" class=\"col-auto text-end\">\n <button class=\"btn btvolver bg-gray text-white\">{{ 'back-to-orders' | translate }}</button>\n </a>\n </div>\n \n <section id=\"orders\">\n <div class=\"row pt-2\">\n <div class=\"col-md-2 col-12\">\n <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n <p class=\"\">\n {{ order.payments[0].state | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'shipment-state' | translate }}:</p>\n <p class=\"\">\n {{ order.shipments[0].state | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'payment-method' | translate }}:</p>\n <p class=\"\">\n {{ order.payments[0]?.method?.name | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\n <p class=\"\">\n {{ order.shipments[0].method.name }}\n </p>\n <!-- ACA DEBERIA IR EL LINK DE SEGUIMIENTO -->\n <a *ngIf=\"order.tracking\" [href]=\"order.tracking\" class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto btn-sm\">Ver seguimiento</a>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'date' | translate }}:</p>\n <p class=\"\">\n {{ toDate(order.checkoutCompletedAt, 'DD/MM/YYYY') | translate }}<br>\n {{ toDate(order.checkoutCompletedAt, 'h:mm:ss a') | translate }} \n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <p class=\"st\">{{ 'total' | translate }}:</p>\n <h5 class=\"fw-bold\">\n {{ (order.totals.total) | ecCurrencySymbol}}\n\n </h5>\n </div>\n </div>\n </section>\n \n <div class=\"container py-3 border-top border-bottom\">\n <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\n <div class=\"col-2 font-sm font-brandon d-none d-md-block\">\n {{ 'product' | translate | uppercase }}\n </div>\n <div class=\"col-4 font-sm font-brandon d-none d-md-block\">\n {{ 'description' | translate | uppercase }}\n </div>\n <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n {{ 'unit-price' | translate | uppercase }}\n </div>\n <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n {{ 'quantity' | translate | uppercase }}\n </div>\n <div class=\"col-2 text-end font-sm font-brandon d-none d-md-block\">\n {{ 'total' | translate | uppercase }}\n </div>\n </div>\n <ng-container *ngFor=\"let item of order.items\">\n <div class=\"row cart-items\">\n <div class=\"col-5 col-md-2 py-2\">\n <ng-container *ngIf=\"item.product.variants[0]?.images?.length ; else defaultpicture\">\n <img class=\"smc maxwidth img-fluid rounded-custom \" [src]=\"consts.mediaUrl() + item.product.variants[0].images[0]\" alt=\"\">\n </ng-container>\n <ng-template #defaultpicture>\n <img *ngIf=\"item.product.picturesdefault\" class=\"smc maxwidth img-fluid rounded-custom\"\n [src]=\"consts.mediaUrl() + item.product.picturesdefault[0]\" alt=\"\">\n </ng-template>\n </div>\n <div\n class=\"col-md-4 col-7 flex-column flex-md-row justify-content-start d-flex align-items-center\">\n <p class=\"font-brandon d-flex w-100 mb-0\">\n {{ item.product.name }} (Cod:{{ item.product.variants[0].code }})\n </p>\n <div class=\"container d-md-none\">\n <div class=\"row\">\n <div class=\"col-4\">\n <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n </div>\n <div class=\"col-4 font-xl\">\n <p class=\"text-center w-100 m-0\"> {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) | ecCurrencySymbol}}</p>\n </div>\n <div class=\"col-4 font-xl\">\n <p class=\"text-center w-100 m-0\"> {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-2 d-none d-md-flex align-items-center\">\n <p class=\"text-center w-100 m-0\">\n {{ (item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) | ecCurrencySymbol}}\n </p>\n </div>\n <div class=\"col-2 d-none d-md-flex align-items-center\">\n <p class=\"text-center w-100 m-0\"> {{ item.quantity }}</p>\n </div>\n <div class=\"col-2 d-none d-md-flex align-items-center\">\n <p class=\"text-end w-100 m-0\">\n {{ ((item.product.variants[0].saleprice ? item.product.variants[0].saleprice : item.product.variants[0].price) * item.quantity) | ecCurrencySymbol}}</p>\n </div>\n </div>\n </ng-container>\n </div>\n \n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-12 col-md-6\"></div>\n <div class=\"col-12 col-md-6\">\n <div class=\"row py-4\">\n <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'total-products' | translate }}</div>\n <div class=\"col-6 font-brandon font-md text-gray border-bottom text-end\">\n {{ (order.totals.items) | ecCurrencySymbol }}\n </div>\n \n <div class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'shipment' | translate }}</div>\n <div class=\"col-6 font-brandon font-md text-gray border-bottom text-end\">\n {{ (order.totals.shipping || '0') | ecCurrencySymbol }}\n </div>\n \n <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n class=\"col-6 font-brandon font-md text-gray border-bottom \">{{ 'discount' | translate }}</div>\n <div *ngIf=\"order.totals.promotion && order.totals.promotion != 0\"\n class=\"col-6 font-brandon font-md text-gray border-bottom text-end text-end\">\n {{ (order.totals.promotion) | ecCurrencySymbol }}</div>\n \n <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0 \" class=\"col-6 font-brandon font-md text-gray border-bottom \">\n {{ 'taxes' | translate }}</div>\n <div *ngIf=\"order.totals.taxes && order.totals.taxes != 0\" class=\"col-6 font-brandon font-md text-gray border-bottom text-end\">\n {{ (order.totals.taxes) | ecCurrencySymbol }}</div>\n \n <div class=\"col-6 font-brandon font-md\">{{ 'total' | translate | uppercase }}</div>\n <div class=\"col-6 font-brandon font-md text-end\">\n {{ (order.totals.total) | ecCurrencySymbol }}\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n</main>\n\n<ng-template #noOrder>\n <div class=\"w-100 h-50\">\n <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n <h5>{{ 'no-orders' | translate }}</h5>\n </div>\n </div>\n</ng-template>\n\n<ng-template #loadingView>\n <div class=\"w-100 h-50 py-5\">\n <div class=\"d-flex flex-row justify-content-center align-items-center text-center\">\n <app-loading-full-ec></app-loading-full-ec>\n </div>\n </div>\n</ng-template>",
|
|
11400
11404
|
styles: [".maxwidth{max-width:100px}"]
|
|
11401
11405
|
})
|
|
11402
11406
|
], OrderEcComponent);
|
|
@@ -15697,17 +15701,19 @@
|
|
|
15697
15701
|
};
|
|
15698
15702
|
var BancardCatastroEcComponent = /** @class */ (function (_super) {
|
|
15699
15703
|
__extends$1b(BancardCatastroEcComponent, _super);
|
|
15700
|
-
function BancardCatastroEcComponent(consts, connection, cartService, sanitizer) {
|
|
15704
|
+
function BancardCatastroEcComponent(consts, connection, cartService, sanitizer, toastr) {
|
|
15701
15705
|
var _this = _super.call(this) || this;
|
|
15702
15706
|
_this.consts = consts;
|
|
15703
15707
|
_this.connection = connection;
|
|
15704
15708
|
_this.cartService = cartService;
|
|
15705
15709
|
_this.sanitizer = sanitizer;
|
|
15710
|
+
_this.toastr = toastr;
|
|
15706
15711
|
_this.method = null;
|
|
15707
15712
|
_this.total_amount = 0;
|
|
15708
15713
|
_this.user_data = null;
|
|
15709
15714
|
_this.ready = new core.EventEmitter();
|
|
15710
15715
|
_this.loading = false;
|
|
15716
|
+
_this.checkingPayment = false;
|
|
15711
15717
|
_this.registered_cards = [];
|
|
15712
15718
|
_this.infoPreview = true;
|
|
15713
15719
|
_this.cardNames = ['visa', 'mastercard', 'bancard'];
|
|
@@ -15716,12 +15722,13 @@
|
|
|
15716
15722
|
alias_token: '',
|
|
15717
15723
|
number_of_payments: 0
|
|
15718
15724
|
};
|
|
15719
|
-
/**shop-api/{channelCode}/bancard/{orderToken}/catastro-user-cards-recovery */
|
|
15720
|
-
/**[POST] /bancard/{orderToken}/catastro-token-payment */
|
|
15721
15725
|
_this.userCardsRecoveryApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/bancard/' + _this.cartService.cart_token + '/catastro-user-cards-recovery'; };
|
|
15722
15726
|
_this.newUserCardApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/bancard/' + _this.cartService.cart_token + '/catastro-new-user-card'; };
|
|
15723
15727
|
_this.toPayApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/bancard/' + _this.cartService.cart_token + '/catastro-token-payment'; };
|
|
15724
15728
|
_this.deleteCardApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/bancard/' + _this.cartService.cart_token + '/catastro-delete-card'; };
|
|
15729
|
+
/**
|
|
15730
|
+
* @description obtiene las tarjetas almacenadas para el usuario.
|
|
15731
|
+
*/
|
|
15725
15732
|
_this.loadCards = function () {
|
|
15726
15733
|
_this.loading = true;
|
|
15727
15734
|
_this.connection.get(_this.userCardsRecoveryApi()).toPromise().then(function (res) {
|
|
@@ -15730,10 +15737,13 @@
|
|
|
15730
15737
|
_this.loading = false;
|
|
15731
15738
|
}, function (err) { console.log(err); _this.loading = false; });
|
|
15732
15739
|
};
|
|
15740
|
+
/**
|
|
15741
|
+
* @description obtengo el process ID
|
|
15742
|
+
*/
|
|
15733
15743
|
_this.getProcessId = function () {
|
|
15734
15744
|
_this.connection.get(_this.newUserCardApi()).toPromise().then(function (res) {
|
|
15735
15745
|
_this.process_id = res.process_id;
|
|
15736
|
-
console.log(
|
|
15746
|
+
//console.log(this.process_id)
|
|
15737
15747
|
localStorage.setItem('catastro_data', JSON.stringify(res));
|
|
15738
15748
|
setTimeout(function () {
|
|
15739
15749
|
_this.infoPreview = false;
|
|
@@ -15743,18 +15753,33 @@
|
|
|
15743
15753
|
console.log(err);
|
|
15744
15754
|
});
|
|
15745
15755
|
};
|
|
15756
|
+
/**
|
|
15757
|
+
* @description Obtengo el IFrame donde se mostrara el formulario para registrar una nueva tarjeta
|
|
15758
|
+
*/
|
|
15746
15759
|
_this.getIFrameNewCard = function () {
|
|
15747
15760
|
_this.loading = true;
|
|
15748
15761
|
//this.dataDecidir = this.method;
|
|
15749
15762
|
_this.url = _this.sanitizer.bypassSecurityTrustResourceUrl('assets/bancardCatastro.html');
|
|
15750
15763
|
_this.loading = false;
|
|
15751
15764
|
};
|
|
15765
|
+
/**
|
|
15766
|
+
* @description limpia los datos al cerra el modal
|
|
15767
|
+
*/
|
|
15752
15768
|
_this.closeModal = function () {
|
|
15753
15769
|
localStorage.removeItem('catastro_data');
|
|
15754
15770
|
_this.url = '';
|
|
15755
15771
|
_this.infoPreview = true;
|
|
15756
15772
|
};
|
|
15773
|
+
/**
|
|
15774
|
+
* @description para saltear el mensaje previo.
|
|
15775
|
+
* @returns
|
|
15776
|
+
*/
|
|
15757
15777
|
_this.skipInfoPreview = function () { return _this.infoPreview = false; };
|
|
15778
|
+
/**
|
|
15779
|
+
* @description para obtener la imagen de la tarjeta desde los assets
|
|
15780
|
+
* @param name nombre de la tarjeta
|
|
15781
|
+
* @returns
|
|
15782
|
+
*/
|
|
15758
15783
|
_this.getCardImg = function (name) {
|
|
15759
15784
|
var urlImg = 'assets/images/';
|
|
15760
15785
|
_this.cardNames.forEach(function (elem) {
|
|
@@ -15764,36 +15789,101 @@
|
|
|
15764
15789
|
//console.log(urlImg)
|
|
15765
15790
|
return urlImg;
|
|
15766
15791
|
};
|
|
15792
|
+
/**
|
|
15793
|
+
* @description para guardar el número de pagos
|
|
15794
|
+
* @param value
|
|
15795
|
+
*/
|
|
15767
15796
|
_this.setNumberOfPayments = function (value) {
|
|
15768
15797
|
//console.log(value)
|
|
15769
15798
|
_this.sendToPay.number_of_payments = parseInt(value);
|
|
15770
15799
|
};
|
|
15800
|
+
/**
|
|
15801
|
+
* @description Guarda el ID de la tarjeta seleccionada para pagar.
|
|
15802
|
+
* @param value
|
|
15803
|
+
* @returns
|
|
15804
|
+
*/
|
|
15771
15805
|
_this.setCurrentCardID = function (value) {
|
|
15772
15806
|
_this.currentCardID = value;
|
|
15773
15807
|
return true;
|
|
15774
15808
|
};
|
|
15809
|
+
/**
|
|
15810
|
+
* @description chequea si el valor del número de pagos el mayor a 0
|
|
15811
|
+
* @returns
|
|
15812
|
+
*/
|
|
15775
15813
|
_this.canPay = function () { return _this.sendToPay.number_of_payments > 0; };
|
|
15814
|
+
/**
|
|
15815
|
+
* @description funcion para pagar.
|
|
15816
|
+
* @param id el ID de la tarjeta.
|
|
15817
|
+
*/
|
|
15776
15818
|
_this.toPay = function (id) {
|
|
15777
15819
|
//console.log('current',this.currentCardID)
|
|
15820
|
+
_this.checkingPayment = true;
|
|
15778
15821
|
var card = _this.registered_cards.find(function (card) { return card.card_id == id; });
|
|
15779
15822
|
if (card) {
|
|
15780
15823
|
_this.sendToPay.alias_token = card.alias_token;
|
|
15781
15824
|
card.card_type != 'credit' ? _this.sendToPay.number_of_payments = 1 : null;
|
|
15782
15825
|
if (_this.sendToPay.number_of_payments > 0) {
|
|
15783
|
-
_this.connection.post(_this.toPayApi(), _this.sendToPay).toPromise().then(function (res) {
|
|
15826
|
+
_this.connection.post(_this.toPayApi(), _this.sendToPay).toPromise().then(function (res) {
|
|
15827
|
+
_this.processResponse(res);
|
|
15828
|
+
_this.checkingPayment = false;
|
|
15829
|
+
}).catch(function (err) {
|
|
15830
|
+
_this.processError(err);
|
|
15831
|
+
_this.checkingPayment = false;
|
|
15832
|
+
});
|
|
15784
15833
|
}
|
|
15785
15834
|
else {
|
|
15786
|
-
|
|
15835
|
+
_this.toastr.show('No se ha elegido el número de cuotas');
|
|
15836
|
+
console.error('No se ha elegido el número de cuotas');
|
|
15837
|
+
_this.checkingPayment = false;
|
|
15787
15838
|
}
|
|
15788
15839
|
}
|
|
15789
15840
|
else {
|
|
15841
|
+
_this.checkingPayment = false;
|
|
15842
|
+
_this.toastr.show('No se encontro la tarjeta');
|
|
15790
15843
|
console.error('No se encontro la tarjeta');
|
|
15791
15844
|
}
|
|
15792
15845
|
};
|
|
15846
|
+
/**
|
|
15847
|
+
* @description elimina una tarjeta.
|
|
15848
|
+
* @param id id de la tarjeta a eliminar.
|
|
15849
|
+
*/
|
|
15793
15850
|
_this.deleteCard = function (id) {
|
|
15794
15851
|
var card = _this.registered_cards.find(function (card) { return card.card_id == id; });
|
|
15795
15852
|
if (card) {
|
|
15796
|
-
_this.connection.post(_this.deleteCardApi(), { alias_token: card.alias_token }).toPromise().then(function (res) {
|
|
15853
|
+
_this.connection.post(_this.deleteCardApi(), { alias_token: card.alias_token }).toPromise().then(function (res) {
|
|
15854
|
+
_this.toastr.show('La tarjeta se ha eliminado con éxito');
|
|
15855
|
+
console.log('se elimino', res);
|
|
15856
|
+
}).catch(function (err) {
|
|
15857
|
+
_this.toastr.show('Se produjo un error al eliminar la tarjeta. Por favor intente más tarde.');
|
|
15858
|
+
console.log('Error al eliminar', err);
|
|
15859
|
+
});
|
|
15860
|
+
}
|
|
15861
|
+
};
|
|
15862
|
+
/**
|
|
15863
|
+
* @description Procesa las respuesta de un pago
|
|
15864
|
+
* @param response
|
|
15865
|
+
* @returns
|
|
15866
|
+
*/
|
|
15867
|
+
_this.processResponse = function (response) {
|
|
15868
|
+
if (response.status !== 'rejected') {
|
|
15869
|
+
//console.log('SE PUDO EFECTUAR LA COMPRA');
|
|
15870
|
+
_this.ready.emit('true');
|
|
15871
|
+
return;
|
|
15872
|
+
}
|
|
15873
|
+
_this.processError(response);
|
|
15874
|
+
};
|
|
15875
|
+
/**
|
|
15876
|
+
* @description procesa el error tras un intento de pago
|
|
15877
|
+
* @param response
|
|
15878
|
+
*/
|
|
15879
|
+
_this.processError = function (response) {
|
|
15880
|
+
console.error('ERROR: ', response);
|
|
15881
|
+
switch (response.status) {
|
|
15882
|
+
case 500:
|
|
15883
|
+
_this.toastr.show('Se produjo un error interno. Vuelva a intentarlo más tarde.');
|
|
15884
|
+
break;
|
|
15885
|
+
default:
|
|
15886
|
+
break;
|
|
15797
15887
|
}
|
|
15798
15888
|
};
|
|
15799
15889
|
_this.loadCards();
|
|
@@ -15805,7 +15895,8 @@
|
|
|
15805
15895
|
{ type: Constants },
|
|
15806
15896
|
{ type: ConnectionService },
|
|
15807
15897
|
{ type: CartService },
|
|
15808
|
-
{ type: platformBrowser.DomSanitizer }
|
|
15898
|
+
{ type: platformBrowser.DomSanitizer },
|
|
15899
|
+
{ type: ToastService }
|
|
15809
15900
|
]; };
|
|
15810
15901
|
__decorate$1R([
|
|
15811
15902
|
core.Input()
|
|
@@ -15828,7 +15919,7 @@
|
|
|
15828
15919
|
BancardCatastroEcComponent = __decorate$1R([
|
|
15829
15920
|
core.Component({
|
|
15830
15921
|
selector: 'app-bancard-catastro-ec',
|
|
15831
|
-
template: "<div *ngIf=\"!loading; else loadingView\">\n <div class=\"row my-3\">\n <ng-container *ngIf=\"registered_cards && registered_cards.length > 0; else notCards\">\n <ng-container *ngFor=\"let card of registered_cards; let x=index\">\n <div class=\"col-12 col-md-6\">\n <div class=\"card my-2\">\n <div class=\"card-body\">\n <div class=\"row\">\n <div class=\"col-12 col-md-9\">\n <h5 class=\"card-title\">Terminada en {{card.card_masked_number.slice(-4)}}</h5>\n <!-- <h6 class=\"card-subtitle mb-2 text-muted\">Card subtitle</h6> -->\n <!-- <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>\n -->\n <p class=\"card-text text-muted\">{{card.card_brand}}</p>\n <p class=\"card-text text-muted\">Vencimiento: {{card.expiration_date}}</p>\n </div>\n <div class=\"col-3 d-none d-md-flex\">\n <div class=\"d-flex flex-column justify-content-between align-items-center w-100\">\n <div class=\"d-flex justify-content-end w-100\">\n <a class=\"cursor-pointer text-primary\" (click)=\"deleteCard(card.card_id)\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-trash3\"\n viewBox=\"0 0 16 16\">\n <path\n d=\"M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z\" />\n </svg>\n </a>\n </div>\n <img [src]=\"getCardImg(card.card_brand)\" class=\"img-card\" />\n \n </div>\n </div>\n </div>\n </div>\n <div class=\"card-footer d-flex flex-row justify-content-end\">\n <button *ngIf=\"card.card_type == 'credit'; else debito\" class=\"btn comprar text-white\"
|
|
15922
|
+
template: "<div *ngIf=\"!loading; else loadingView\">\n <div class=\"row my-3\">\n <ng-container *ngIf=\"registered_cards && registered_cards.length > 0; else notCards\">\n <ng-container *ngFor=\"let card of registered_cards; let x=index\">\n <div class=\"col-12 col-md-6\">\n <div class=\"card my-2\">\n <div class=\"card-body\">\n <div class=\"row\">\n <div class=\"col-12 col-md-9\">\n <h5 class=\"card-title\">Terminada en {{card.card_masked_number.slice(-4)}}</h5>\n <!-- <h6 class=\"card-subtitle mb-2 text-muted\">Card subtitle</h6> -->\n <!-- <p class=\"card-text\">Some quick example text to build on the card title and make up the bulk of the card's content.</p>\n -->\n <p class=\"card-text text-muted\">{{card.card_brand}}</p>\n <p class=\"card-text text-muted\">Vencimiento: {{card.expiration_date}}</p>\n </div>\n <div class=\"col-3 d-none d-md-flex\">\n <div class=\"d-flex flex-column justify-content-between align-items-center w-100\">\n <div class=\"d-flex justify-content-end w-100\">\n <a class=\"cursor-pointer text-primary\" (click)=\"deleteCard(card.card_id)\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-trash3\"\n viewBox=\"0 0 16 16\">\n <path\n d=\"M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z\" />\n </svg>\n </a>\n </div>\n <img [src]=\"getCardImg(card.card_brand)\" class=\"img-card\" />\n \n </div>\n </div>\n </div>\n </div>\n <div class=\"card-footer d-flex flex-row justify-content-end\">\n <ng-container *ngIf=\"!checkingPayment; else buttonLoading\">\n <button *ngIf=\"card.card_type == 'credit'; else debito\" class=\"btn comprar text-white\" data-bs-toggle=\"modal\"\n data-bs-target=\"#modalCuotas\" (click)=\"setCurrentCardID(card.card_id)\">Pagar</button>\n <ng-template #debito>\n <button class=\"btn comprar text-white\" (click)=\"toPay(card.card_id)\">Pagar</button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n </ng-container>\n </ng-container>\n <ng-template #notCards>\n <div class=\"col-12 d-flex justify-content-center\">\n <h6>Usted no posee tarjetas registrada. Para continuar con este m\u00E9todo de pago por favor registre una\n tarjeta presionando el bot\u00F3n de <span class=\"text-decoration-underline fs-6\"> Nueva tarjeta</span>\n </h6>\n </div>\n </ng-template>\n </div>\n <div class=\"d-flex flex-row w-full justify-content-center\">\n <button class=\"btn comprar text-white\" data-bs-toggle=\"modal\" data-bs-target=\"#catastro\"\n (click)=\"getProcessId()\">Nueva Tarjeta</button>\n </div>\n</div>\n\n<div class=\"modal\" tabindex=\"-1\" id=\"catastro\">\n <div class=\"modal-dialog\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <!-- <h5 class=\"modal-title\">Modal title</h5> -->\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"\n (click)=\"closeModal()\"></button>\n </div>\n <div class=\"modal-body d-flex flex-column justify-content-center align-items-center\">\n <ng-container *ngIf=\"infoPreview; else iframe\">\n <div class=\"alert alert-warning \" role=\"alert\">\n <p class=\"mb-0\">Estimado usuario,</p>\n <p> A continuaci\u00F3n usted pasar\u00E1 por \u00FAnica vez por un proceso de\n validaci\u00F3n con preguntas de seguridad. Para iniciar favor tener en\n cuenta las siguientes recomendaciones:</p>\n <ol class=\"list-group list-group-numbered\">\n <li class=\"list-group-item list-group-item-warning\">Verifique su n\u00FAmero de c\u00E9dula de\n identidad</li>\n <li class=\"list-group-item list-group-item-warning\">Tenga a mano sus tarjetas de cr\u00E9dito y\n d\u00E9bito activas</li>\n <li class=\"list-group-item list-group-item-warning\">Verifique el monto y lugar de sus\n \u00FAltimas compras en\n comercios o extracciones en cajeros</li>\n </ol>\n </div>\n <div class=\"d-flex flex-row w-full justify-content-center\">\n <a class=\"cursor-pointer text-dark fs-xs\" (click)=\"skipInfoPreview()\">Saltar</a>\n </div>\n </ng-container>\n <ng-template #iframe>\n <iframe *ngIf=\"url; else loadingView\" [src]=\"url\" frameborder=\"0\" class=\"iframeStyle\"></iframe>\n </ng-template>\n </div>\n </div>\n </div>\n</div>\n\n\n<!-- Modal -->\n<div class=\"modal fade\" id=\"modalCuotas\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n <div class=\"modal-dialog modal-dialog-centered modal-sm\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h5 class=\"modal-title\" id=\"exampleModalLabel\">Elija el n\u00FAmero de cuotas</h5>\n <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n </div>\n <div class=\"modal-body\">\n <select class=\"form-select\" aria-label=\"Default select example\"\n (change)=\"setNumberOfPayments($event.target.value)\">\n <option selected disabled>Selecciones la cantidad de cuotas</option>\n <option value=\"1\">1 cuota</option>\n <option value=\"3\">3 cuotas</option>\n <option value=\"6\">6 cuotas</option>\n <option value=\"12\">12 cuotas</option>\n </select>\n </div>\n <div class=\"modal-footer\" *ngIf=\"canPay()\">\n <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"\n (click)=\"toPay(currentCardID)\">Pagar</button>\n </div>\n </div>\n </div>\n</div>\n\n<ng-template #loadingView>\n <div>\n <app-loading-inline-ec></app-loading-inline-ec>\n </div>\n</ng-template>\n\n<ng-template #buttonLoading>\n <button type=\"button\" class=\"btn comprar text-white\" data-bs-dismiss=\"modal\"> \n <app-loading-inline-ec></app-loading-inline-ec>\n </button>\n</ng-template>",
|
|
15832
15923
|
styles: [".iframeStyle{min-height:520px!important;width:80%}.img-card{width:90px;height:90px}"]
|
|
15833
15924
|
})
|
|
15834
15925
|
], BancardCatastroEcComponent);
|