ng-easycommerce 0.0.427 → 0.0.430
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 +10 -0
- package/assets/recaptcha/recaptcha-sites-prod.json +4 -1
- package/bundles/ng-easycommerce.umd.js +24 -8
- 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/checkout-ec/shipment-ec/shipment-ec.component.js +4 -3
- package/esm2015/lib/ec-component/widgets-ec/mercadopago-ec/mpcredit-ec/mpcredit-ec.component.js +9 -2
- package/esm2015/lib/services/cart.service.js +10 -6
- package/esm2015/lib/services/checkout/shipment.service.js +5 -1
- package/esm5/lib/ec-component/checkout-ec/shipment-ec/shipment-ec.component.js +4 -3
- package/esm5/lib/ec-component/widgets-ec/mercadopago-ec/mpcredit-ec/mpcredit-ec.component.js +9 -2
- package/esm5/lib/services/cart.service.js +10 -6
- package/esm5/lib/services/checkout/shipment.service.js +5 -1
- package/fesm2015/ng-easycommerce.js +24 -8
- package/fesm2015/ng-easycommerce.js.map +1 -1
- package/fesm5/ng-easycommerce.js +24 -8
- package/fesm5/ng-easycommerce.js.map +1 -1
- package/lib/ec-component/checkout-ec/shipment-ec/shipment-ec.component.d.ts +1 -0
- package/lib/ec-component/widgets-ec/mercadopago-ec/mpcredit-ec/mpcredit-ec.component.d.ts +1 -0
- package/lib/services/checkout/shipment.service.d.ts +4 -0
- package/ng-easycommerce.metadata.json +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
# varsion 0.0.430
|
|
2
|
+
- Se agrego opcion de visualización del detalle de cada uno de los metodos de envio disponibles para cada implementacion en el proceso de checkout. Por defecto el parametro "moreInfoInMethod" en el servicio "shipmentService" es "false".
|
|
3
|
+
|
|
4
|
+
# varsion 0.0.429
|
|
5
|
+
- Mejoras en componente mercado pago api control de fecha de vencimiento.
|
|
6
|
+
|
|
7
|
+
# varsion 0.0.428
|
|
8
|
+
- Se agrega el parametro "locale" en la ruta de los endpoints del cartService.
|
|
9
|
+
- Se actualizo el archivo recaptcha-sites-prod.json con nuevas urls en produccion.
|
|
10
|
+
|
|
1
11
|
# version 0.0.427
|
|
2
12
|
- Modifique la estructura de account, order list y order.
|
|
3
13
|
- Se crea funcion en ToastService para poder cambiar el tiempo que se muestra un mensaje.
|
|
@@ -32,5 +32,8 @@
|
|
|
32
32
|
"maxifarma.com.py": "tanda_2",
|
|
33
33
|
"andresgourmetseleccion.es": "tanda_2",
|
|
34
34
|
"www.estacioncentral.com.ar": "tanda_2",
|
|
35
|
-
"thecouples.com.ar": "tanda_2"
|
|
35
|
+
"thecouples.com.ar": "tanda_2",
|
|
36
|
+
"saiar.com.ar": "tanda_2",
|
|
37
|
+
"adctecnologia.com": "tanda_2",
|
|
38
|
+
"tekcenter.com.ar" : "tanda_2"
|
|
36
39
|
}
|
|
@@ -3906,11 +3906,11 @@
|
|
|
3906
3906
|
this.have_to_update = true;
|
|
3907
3907
|
this.channelConfig = {};
|
|
3908
3908
|
this.cart_baseUrl = 'shop-api/' + this.consts.getChannel() + '/carts';
|
|
3909
|
-
this.cartItemsApi = function () { return _this.cart_baseUrl; };
|
|
3910
|
-
this.addItemApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/items'; };
|
|
3911
|
-
this.addAllItemsApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/multiple-items'; };
|
|
3912
|
-
this.updateItemQuantityApi = function (item_id) { return _this.cart_baseUrl + '/' + _this.cart_token + '/items/' + item_id; };
|
|
3913
|
-
this.deleteItemApi = function (item_id) { return _this.cart_baseUrl + '/' + _this.cart_token + '/items/' + item_id; };
|
|
3909
|
+
this.cartItemsApi = function () { return _this.cart_baseUrl + '?locale=' + _this.consts.getLocale(); };
|
|
3910
|
+
this.addItemApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/items' + '?locale=' + _this.consts.getLocale(); };
|
|
3911
|
+
this.addAllItemsApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/multiple-items' + '?locale=' + _this.consts.getLocale(); };
|
|
3912
|
+
this.updateItemQuantityApi = function (item_id) { return _this.cart_baseUrl + '/' + _this.cart_token + '/items/' + item_id + '?locale=' + _this.consts.getLocale(); };
|
|
3913
|
+
this.deleteItemApi = function (item_id) { return _this.cart_baseUrl + '/' + _this.cart_token + '/items/' + item_id + '?locale=' + _this.consts.getLocale(); };
|
|
3914
3914
|
this.couponApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/coupon'; };
|
|
3915
3915
|
this.cartItems = this.cartItemsSubject.asObservable().pipe(operators.map(function (items) { return _this.switchPriceInCartItem(items); }));
|
|
3916
3916
|
this.coupon = this.couponSubject.asObservable();
|
|
@@ -3948,6 +3948,10 @@
|
|
|
3948
3948
|
_this.cart_token = response.tokenValue;
|
|
3949
3949
|
localStorage.setItem('cart_token', _this.cart_token);
|
|
3950
3950
|
_this.locale = response.locale;
|
|
3951
|
+
/* let localeFromStorage = localStorage.getItem('LOCALE')
|
|
3952
|
+
console.log(localeFromStorage)
|
|
3953
|
+
this.locale = localeFromStorage ? localeFromStorage : response.locale;
|
|
3954
|
+
response.locale = this.locale */
|
|
3951
3955
|
_this.updateCartObj(response, false);
|
|
3952
3956
|
_this.updateCartItems(_this.transformItems(response.items));
|
|
3953
3957
|
_this.requestInProcess.next(false);
|
|
@@ -4606,6 +4610,10 @@
|
|
|
4606
4610
|
_this.state = _this.stateSubject.asObservable();
|
|
4607
4611
|
_this.methods = _this.methodsSubject.asObservable();
|
|
4608
4612
|
_this.costs = _this.costsSubject.asObservable();
|
|
4613
|
+
/**
|
|
4614
|
+
* @param moreInfoInMethod por defecto su estado es false, si se desea que visualice información adicional de cada método de envió asignar true.
|
|
4615
|
+
*/
|
|
4616
|
+
_this.moreInfoInMethod = false;
|
|
4609
4617
|
_this.shipmentMethodsApi = function () { return _this.baseApi() + '/shipping'; };
|
|
4610
4618
|
_this.persistShipmentApi = function () { return 'shop-api/' + _this.consts.getChannel() + '/andreani/' + _this.cartService.getCartToken() + '/ship'; };
|
|
4611
4619
|
_this.putShipmentApi = function () { return _this.baseApi() + '/shipping/' + _this.stateSubject.getValue().data.method; };
|
|
@@ -7027,10 +7035,11 @@
|
|
|
7027
7035
|
_this.toTraducible = function (name) { return name.replace(/_/g, '-'); };
|
|
7028
7036
|
_this.deleteUPS = function (methods) { return methods.filter(function (method) { return method.name != 'UPS'; }); };
|
|
7029
7037
|
_this.setMethod = function (method) {
|
|
7038
|
+
_this.methodSelect = method;
|
|
7030
7039
|
_this.loading_internal = true;
|
|
7031
7040
|
_this.shipmentService.restartStep();
|
|
7032
7041
|
setTimeout(function () {
|
|
7033
|
-
_this.shipmentService.setMethod(method).then(function (res) { return _this.loading_internal = false; });
|
|
7042
|
+
_this.shipmentService.setMethod(method.code).then(function (res) { return _this.loading_internal = false; });
|
|
7034
7043
|
}, 1000);
|
|
7035
7044
|
};
|
|
7036
7045
|
_this.validName = function (name) { return isNaN(name); };
|
|
@@ -7089,7 +7098,7 @@
|
|
|
7089
7098
|
ShipmentEcComponent = __decorate$R([
|
|
7090
7099
|
core.Component({
|
|
7091
7100
|
selector: 'app-shipment-ec',
|
|
7092
|
-
template: "<!-- <div class=\"checkout-title\">\n <h3>{{'shipment-methods'|translate}}</h3>\n</div> -->\n\n<div class=\"container-fluid\">\n <div class=\"col-12\">\n <div class=\"card text-center\">\n <div class=\"card-header text-dark\">\n <h4>{{ 'select-method' | translate }}</h4>\n <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\"\n *ngIf=\"(shipmentService.methods | async) as methods; else noMethods\">\n <div class=\"btn-group group-shipping\" role=\"group\" aria-label=\"Grupo botones envio\">\n <div class=\"d-flex align-content-start flex-wrap btn-group btn-group-toggle\">\n <button type=\"button\" class=\"btn btn-outline-secondary\"\n *ngFor=\"let method of deleteUPS(methods); let x = index\"\n (click)=\"setMethod(method
|
|
7101
|
+
template: "<!-- <div class=\"checkout-title\">\n <h3>{{'shipment-methods'|translate}}</h3>\n</div> -->\n\n<div class=\"container-fluid\">\n <div class=\"col-12\">\n <div class=\"card text-center\">\n <div class=\"card-header text-dark\">\n <h4>{{ 'select-method' | translate }}</h4>\n <div class=\"btn-toolbar justify-content-center\" role=\"toolbar\" aria-label=\"Envios toolbar\"\n *ngIf=\"(shipmentService.methods | async) as methods; else noMethods\">\n <div class=\"btn-group group-shipping\" role=\"group\" aria-label=\"Grupo botones envio\">\n <div class=\"d-flex align-content-start flex-wrap btn-group btn-group-toggle\">\n <button type=\"button\" class=\"btn btn-outline-secondary\"\n *ngFor=\"let method of deleteUPS(methods); let x = index\"\n (click)=\"setMethod(method, post_code); setActive($event)\">\n {{ method.name | translate }}\n </button>\n </div>\n\n\n </div>\n </div>\n </div>\n <div class=\"card-body\">\n <div class=\"row justify-content-center mb-2\" *ngIf=\"this.shipmentService.moreInfoInMethod && methodSelect && methodSelect.description\">\n <span><b>{{ 'information' | translate }}:</b> {{methodSelect.description}} </span>\n </div>\n <div class=\"row justify-content-center\" *ngIf=\"this.costs\">\n <ng-container *ngIf=\"!loading_internal ; else loading\">\n <div class=\"col-auto text-dark\" *ngFor=\"let cost of costs\">\n <ng-container *ngIf=\"cost.contracts.length > 0\">\n <span><b>{{ toTraducible(cost.name) | translate }}</b></span>\n <hr />\n <div class=\"option\" *ngFor=\"let contract of cost.contracts; let i = index\">\n <div class=\"form-check\">\n <input class=\"form-check-input\" [checked]=\"contract.selected\" type=\"radio\" name=\"card\" [id]=\"cost.name + i\"\n value=\"dark\" (click)=\"verifyValidate(cost.name, contract)\">\n <label class=\"form-check-label\" [for]=\"cost.name + i\" aria-label=\"Dark grey\">\n <span\n [class]=\"(cost.name == 'home_delivery') ? 'shipment-contractname home_delivery' : 'shipment-contractname' \"\n *ngIf=\"validName(contract.name)\">{{ contract.name | translate }}</span>\n <span *ngIf=\"contract.computed\"><br class=\"shipment-contractname\">{{ contract.computed | translate }}<br\n class=\"shipment-contractname\"></span>\n <div *ngIf=\"contract.detail\">\n <div *ngFor=\"let line of contract.detail.split(' - '); let i = index\">\n <span *ngIf=\"i == 0\"><b>{{ line }}</b></span>\n <span class=\"inside-detail\" *ngIf=\"i > 0\">{{ line }}</span>\n </div>\n </div>\n <span *ngIf=\"contract.price > 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\">\n {{ ('price'|translate) + ': ' + (contract.price | ecCurrencySymbol) }}</span>\n <span *ngIf=\"contract.price == 0\" [class]=\"'inside-detail ' + ( costos?.amount == 0 ? ' free ' : '') \">\n <br class=\"shipment-contractname\" *ngIf=\"!contract.computed\"> {{ ('free'|translate) }}</span>\n <br>\n </label>\n </div>\n </div>\n </ng-container>\n </div>\n </ng-container>\n </div>\n </div>\n\n </div>\n </div>\n\n</div>\n\n<ng-template #noMethods>\n <div class=\"d-flex flex-row w-100 justify-content-center mt-2\">\n <h5 class=\"text-secondary\">{{'no-shipment-methods'|translate}}</h5>\n </div>\n</ng-template>\n\n<ng-template #loading>\n <app-loading-full-ec></app-loading-full-ec>\n</ng-template>",
|
|
7093
7102
|
providers: [ShipmentService],
|
|
7094
7103
|
styles: [".shipment-container{width:100%;max-height:500px!important}.points-container{margin-top:10px;max-height:300px;overflow:scroll}agm-map{height:300px}.ancho-100{width:200px}.ancho-50{width:100px}.group-shipping{margin:10px 0}.option-container>div{margin-bottom:15px}@media only screen and (min-width:600px){.option-container{display:flex;justify-content:space-between;margin-top:20px}}hr{margin-top:0!important}.option{display:flex;align-items:flex-start;margin-bottom:20px}.option label{margin:0 0 0 10px}.inside-detail{color:gray!important;font-weight:400}.inside-detail.free{text-decoration:line-through}.active{color:#fff!important}"]
|
|
7095
7104
|
})
|
|
@@ -9363,6 +9372,13 @@
|
|
|
9363
9372
|
_this.year = fechaSplit[1];
|
|
9364
9373
|
}
|
|
9365
9374
|
};
|
|
9375
|
+
_this.expiryOnKey = function (event) {
|
|
9376
|
+
var key = event.keyCode || event.charCode;
|
|
9377
|
+
var fecha = (event.target.value).replace(/ /g, "");
|
|
9378
|
+
if (key != 8 && fecha.length == 2) {
|
|
9379
|
+
event.target.value = fecha + '/';
|
|
9380
|
+
}
|
|
9381
|
+
};
|
|
9366
9382
|
_this.cardNumberChange = function (event) {
|
|
9367
9383
|
//console.log('TOMA EL ON CHANGE DE TARJETA');
|
|
9368
9384
|
_this.restartInstallments();
|
|
@@ -9682,7 +9698,7 @@
|
|
|
9682
9698
|
MPCreditEcComponent = __decorate$1a([
|
|
9683
9699
|
core.Component({
|
|
9684
9700
|
selector: '[app-mp-credit-ec]',
|
|
9685
|
-
template: "\n\n\n <h3 class=\"text-center\" >Detalles del pago</h3>\n <div *ngIf=\"!consts.mobile()\"><div class=\"card-wrapper m-3\"></div></div>\n <form (submit)=\"getCardToken($event)\" method=\"post\" card container=\".card-wrapper\" card-width=\"{{ consts.mobile() ? '100': '350' }}\">\n \n <div class=\"row\">\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"emailForm\">Correo electronico</label>\n <input class=\"form-control\" id=\"emailForm\" name=\"emailForm\" type=\"email\" [(ngModel)]=\"email\">\n </div>\n <div class=\"form-group col-12 col-md-2\">\n <label for=\"docTypeForm\">Tipo Doc.</label>\n <select class=\"form-control\" id=\"docTypeForm\" name=\"docTypeForm\" type=\"text\" [(ngModel)]=\"doc_type\">\n <option selected value=\"DNI\">DNI</option>\n <option value=\"CUIT\">CUIT</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"docNumberForm\">N\u00FAmero Doc.</label>\n <input class=\"form-control\" id=\"docNumberForm\" name=\"docNumberForm\" type=\"text\" [(ngModel)]=\"doc_number\" />\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12\">\n <label for=\"cardholderNameForm\">Titular (como figura en la tarjeta)</label>\n <input class=\"form-control\" id=\"cardholderNameForm\" data-checkout=\"cardholderName\" type=\"text\"\n [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" name=\"first-name\" autocomplete=\"off\"\n card-name>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-7\">\n <label for=\"cardNumberForm\">N\u00FAmero de la tarjeta</label>\n <input class=\"form-control\" type=\"text\" id=\"cardNumberForm\" (change)=\"cardNumberChange($event)\"\n [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\"\n onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n ondrop=\"return false\" autocomplete=\"off\" card-number>\n </div>\n <div class=\"form-group col-12 col-md-3\">\n <label for=\"securityCodeForm\">C\u00F3digo de seguridad</label>\n <input class=\"form-control\" id=\"securityCodeForm\" type=\"text\" name=\"cvc\" onselectstart=\"return false\"\n onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n ondrop=\"return false\" autocomplete=\"off\" card-cvc [(ngModel)]=\"code\" [ngModelOptions]=\"{standalone: true}\">\n </div>\n <div class=\"form-group col-12 col-md-2\">\n <label for=\"expiryForm\">Expiraci\u00F3n</label>\n <input type=\"text\" class=\"form-control\" id=\"expiryForm\" name=\"expiry\" placeholder=\"MM/YY\" (change)=\"expiryChange($event)\"\n onselectstart=\"return false\" onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\"\n ondrag=\"return false\" ondrop=\"return false\" autocomplete=\"off\" card-expiry />\n </div>\n </div>\n <div class=\"row justify-content-md-center\">\n <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n <label for=\"issuerForm\">Banco emisor</label>\n <select class=\"form-control\" id=\"issuerForm\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n (change)=\"selectIssuer($event.target.value)\">\n <option selected>Seleccione el banco</option>\n <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"installmentsForm\">Cuotas</label>\n <select class=\"form-control\" type=\"text\" id=\"installmentsForm\" name=\"installments\"\n (change)=\"selectInstallment($event.target.value)\">\n <option selected>Seleccione el n\u00FAmero de cuotas</option>\n <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ getDescripcionCuota(cost) }}\n </option>\n </select>\n </div>\n </div>\n <div hidden>\n <input class=\"form-control\" name=\"transactionAmountt\" id=\"transactionAmountt\" [value]=\"total_amount\" />\n <input class=\"form-control\" name=\"paymentMethodIdd\" id=\"paymentMethodIdd\" [value]=\"payment_method\" />\n <input class=\"form-control\" name=\"descriptionn\" id=\"descriptionn\" />\n </div>\n <div class=\"row justify-content-md-center\">\n <dir class=\"col-md-auto\">\n <div class=\"checkout-btn-unique\">\n <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n </div>\n </dir>\n </div>\n \n </form>\n \n \n \n \n <form (submit)=\"getCardToken($event)\" hidden method=\"post\" id=\"paymentForm\">\n \n <h3>Detalles del pago</h3>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"email\">Correo electronico</label>\n <input class=\"form-control\" id=\"email\" name=\"email\" type=\"email\" [(ngModel)]=\"email\">\n </div>\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"docType\">Tipo de documento</label>\n <select class=\"form-control\" id=\"docType\" name=\"docType\" data-checkout=\"docType\" type=\"text\"\n [(ngModel)]=\"doc_type\">\n <option selected value=\"DNI\">DNI</option>\n <option value=\"CUIT\">CUIT</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"docNumber\">N\u00FAmero de documento</label>\n <input class=\"form-control\" id=\"docNumber\" name=\"docNumber\" data-checkout=\"docNumber\" type=\"text\"\n [(ngModel)]=\"doc_number\" />\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"cardholderName\">Titular (como figura en la tarjeta)</label>\n <input class=\"form-control\" id=\"cardholderName\" data-checkout=\"cardholderName\" type=\"text\"\n [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" autocomplete=\"off\">\n </div>\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"date\">Fecha de vencimiento</label>\n <div id=\"date\">\n <div class=\"\">\n <input class=\"form-control col-xs-6 col-md-6 half-width\" type=\"text\" placeholder=\"MM\"\n [(ngModel)]=\"month\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationMonth\"\n data-checkout=\"cardExpirationMonth\" onselectstart=\"return false\" onpaste=\"return false\"\n oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n autocomplete=\"off\">\n <input class=\"form-control col-xs-6 col-md-6 half-width ml-1\" type=\"text\" placeholder=\"YY\"\n [(ngModel)]=\"year\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationYear\"\n data-checkout=\"cardExpirationYear\" onselectstart=\"return false\" onpaste=\"return false\"\n oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n autocomplete=\"off\">\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-9\">\n <label for=\"cardNumber\">N\u00FAmero de la tarjeta</label>\n <input class=\"form-control\" type=\"text\" id=\"cardNumber\" (change)=\"cardNumberChange($event)\"\n [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" data-checkout=\"cardNumber\"\n onselectstart=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n ondrop=\"return false\" autocomplete=\"off\">\n </div>\n <div class=\"form-group col-12 col-md-3\">\n <label for=\"securityCode\">C\u00F3digo de seguridad</label>\n <input class=\"form-control\" id=\"securityCode\" data-checkout=\"securityCode\" type=\"text\" [(ngModel)]=\"code\"\n [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\" onpaste=\"return false\"\n oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n autocomplete=\"off\">\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n <label for=\"issuer\">Banco emisor</label>\n <select class=\"form-control\" id=\"issuer\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n (change)=\"selectIssuer($event.target.value)\">\n <option selected>Seleccione el banco</option>\n <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"installments\">Cuotas</label>\n <select class=\"form-control\" type=\"text\" id=\"installments\" name=\"installments\"\n (change)=\"selectInstallment($event.target.value)\">\n <option selected>Seleccione el n\u00FAmero de cuotas</option>\n <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ cost.name }}\n </option>\n </select>\n </div>\n </div>\n <div hidden>\n <input class=\"form-control\" name=\"transactionAmount\" id=\"transactionAmount\" [value]=\"total_amount\" />\n <input class=\"form-control\" name=\"paymentMethodId\" id=\"paymentMethodId\" [value]=\"payment_method\" />\n <input class=\"form-control\" name=\"description\" id=\"description\" />\n </div>\n <div class=\"checkout-btn-unique\">\n <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n </div>\n </form>",
|
|
9701
|
+
template: "<h3 class=\"text-center\">Detalles del pago</h3>\n<div *ngIf=\"!consts.mobile()\">\n <div class=\"card-wrapper m-3\"></div>\n</div>\n<form (submit)=\"getCardToken($event)\" method=\"post\" card container=\".card-wrapper\"\n card-width=\"{{ consts.mobile() ? '100': '350' }}\">\n\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"emailForm\">Correo electronico</label>\n <input class=\"form-control\" id=\"emailForm\" name=\"emailForm\" type=\"email\" [(ngModel)]=\"email\">\n </div>\n <div class=\"form-group col-12 col-md-2\">\n <label for=\"docTypeForm\">Tipo Doc.</label>\n <select class=\"form-control\" id=\"docTypeForm\" name=\"docTypeForm\" type=\"text\" [(ngModel)]=\"doc_type\">\n <option selected value=\"DNI\">DNI</option>\n <option value=\"CUIT\">CUIT</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"docNumberForm\">N\u00FAmero Doc.</label>\n <input class=\"form-control\" id=\"docNumberForm\" name=\"docNumberForm\" type=\"text\" [(ngModel)]=\"doc_number\" />\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12\">\n <label for=\"cardholderNameForm\">Titular (como figura en la tarjeta)</label>\n <input class=\"form-control\" id=\"cardholderNameForm\" data-checkout=\"cardholderName\" type=\"text\"\n [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" name=\"first-name\" autocomplete=\"off\"\n card-name>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-7\">\n <label for=\"cardNumberForm\">N\u00FAmero de la tarjeta</label>\n <input class=\"form-control\" type=\"text\" id=\"cardNumberForm\" (change)=\"cardNumberChange($event)\"\n [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\"\n onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n ondrop=\"return false\" autocomplete=\"off\" card-number>\n </div>\n <div class=\"form-group col-12 col-md-3\">\n <label for=\"securityCodeForm\">C\u00F3digo de seguridad</label>\n <input class=\"form-control\" id=\"securityCodeForm\" type=\"text\" name=\"cvc\" onselectstart=\"return false\"\n onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n ondrop=\"return false\" autocomplete=\"off\" card-cvc [(ngModel)]=\"code\"\n [ngModelOptions]=\"{standalone: true}\">\n </div>\n <div class=\"form-group col-12 col-md-2\">\n <label for=\"expiryForm\">Expiraci\u00F3n</label>\n <input type=\"text\" class=\"form-control\" id=\"expiryForm\" name=\"expiry\" placeholder=\"MM/YY\" maxlength=\"5\"\n (keyup)=\"expiryOnKey($event)\" (change)=\"expiryChange($event)\" onselectstart=\"return false\"\n onpaste=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n ondrop=\"return false\" autocomplete=\"off\" card-expiry />\n </div>\n </div>\n <div class=\"row justify-content-md-center\">\n <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n <label for=\"issuerForm\">Banco emisor</label>\n <select class=\"form-control\" id=\"issuerForm\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n (change)=\"selectIssuer($event.target.value)\">\n <option selected>Seleccione el banco</option>\n <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"installmentsForm\">Cuotas</label>\n <select class=\"form-control\" type=\"text\" id=\"installmentsForm\" name=\"installments\"\n (change)=\"selectInstallment($event.target.value)\">\n <option selected>Seleccione el n\u00FAmero de cuotas</option>\n <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ getDescripcionCuota(cost) }}\n </option>\n </select>\n </div>\n </div>\n <div hidden>\n <input class=\"form-control\" name=\"transactionAmountt\" id=\"transactionAmountt\" [value]=\"total_amount\" />\n <input class=\"form-control\" name=\"paymentMethodIdd\" id=\"paymentMethodIdd\" [value]=\"payment_method\" />\n <input class=\"form-control\" name=\"descriptionn\" id=\"descriptionn\" />\n </div>\n <div class=\"row justify-content-md-center\">\n <div class=\"col-md-auto\">\n <div class=\"checkout-btn-unique\">\n <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n </div>\n </div>\n </div>\n\n</form>\n\n\n\n\n<form (submit)=\"getCardToken($event)\" hidden method=\"post\" id=\"paymentForm\">\n\n <h3>Detalles del pago</h3>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"email\">Correo electronico</label>\n <input class=\"form-control\" id=\"email\" name=\"email\" type=\"email\" [(ngModel)]=\"email\">\n </div>\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"docType\">Tipo de documento</label>\n <select class=\"form-control\" id=\"docType\" name=\"docType\" data-checkout=\"docType\" type=\"text\"\n [(ngModel)]=\"doc_type\">\n <option selected value=\"DNI\">DNI</option>\n <option value=\"CUIT\">CUIT</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-4\">\n <label for=\"docNumber\">N\u00FAmero de documento</label>\n <input class=\"form-control\" id=\"docNumber\" name=\"docNumber\" data-checkout=\"docNumber\" type=\"text\"\n [(ngModel)]=\"doc_number\" />\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"cardholderName\">Titular (como figura en la tarjeta)</label>\n <input class=\"form-control\" id=\"cardholderName\" data-checkout=\"cardholderName\" type=\"text\"\n [(ngModel)]=\"cardholder\" [ngModelOptions]=\"{standalone: true}\" autocomplete=\"off\">\n </div>\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"date\">Fecha de vencimiento</label>\n <div id=\"date\">\n <div class=\"\">\n <input class=\"form-control col-xs-6 col-md-6 half-width\" type=\"text\" placeholder=\"MM\"\n [(ngModel)]=\"month\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationMonth\"\n data-checkout=\"cardExpirationMonth\" onselectstart=\"return false\" onpaste=\"return false\"\n oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n autocomplete=\"off\">\n <input class=\"form-control col-xs-6 col-md-6 half-width ml-1\" type=\"text\" placeholder=\"YY\"\n [(ngModel)]=\"year\" [ngModelOptions]=\"{standalone: true}\" id=\"cardExpirationYear\"\n data-checkout=\"cardExpirationYear\" onselectstart=\"return false\" onpaste=\"return false\"\n oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n autocomplete=\"off\">\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-9\">\n <label for=\"cardNumber\">N\u00FAmero de la tarjeta</label>\n <input class=\"form-control\" type=\"text\" id=\"cardNumber\" (change)=\"cardNumberChange($event)\"\n [(ngModel)]=\"bin\" [ngModelOptions]=\"{standalone: true}\" data-checkout=\"cardNumber\"\n onselectstart=\"return false\" oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\"\n ondrop=\"return false\" autocomplete=\"off\">\n </div>\n <div class=\"form-group col-12 col-md-3\">\n <label for=\"securityCode\">C\u00F3digo de seguridad</label>\n <input class=\"form-control\" id=\"securityCode\" data-checkout=\"securityCode\" type=\"text\" [(ngModel)]=\"code\"\n [ngModelOptions]=\"{standalone: true}\" onselectstart=\"return false\" onpaste=\"return false\"\n oncopy=\"return false\" oncut=\"return false\" ondrag=\"return false\" ondrop=\"return false\"\n autocomplete=\"off\">\n </div>\n </div>\n <div class=\"row\">\n <div class=\"form-group col-12 col-md-6\" id=\"issuerInput\" *ngIf=\"require_issuer\">\n <label for=\"issuer\">Banco emisor</label>\n <select class=\"form-control\" id=\"issuer\" name=\"issuer\" autocomplete=\"off\" data-checkout=\"issuer\"\n (change)=\"selectIssuer($event.target.value)\">\n <option selected>Seleccione el banco</option>\n <option *ngFor=\"let issuer of issuers\" [value]=\"issuer.value\">{{ issuer.name }}</option>\n </select>\n </div>\n <div class=\"form-group col-12 col-md-6\">\n <label for=\"installments\">Cuotas</label>\n <select class=\"form-control\" type=\"text\" id=\"installments\" name=\"installments\"\n (change)=\"selectInstallment($event.target.value)\">\n <option selected>Seleccione el n\u00FAmero de cuotas</option>\n <option *ngFor=\"let cost of installments\" [value]=\"cost.value\">{{ cost.name }}\n </option>\n </select>\n </div>\n </div>\n <div hidden>\n <input class=\"form-control\" name=\"transactionAmount\" id=\"transactionAmount\" [value]=\"total_amount\" />\n <input class=\"form-control\" name=\"paymentMethodId\" id=\"paymentMethodId\" [value]=\"payment_method\" />\n <input class=\"form-control\" name=\"description\" id=\"description\" />\n </div>\n <div class=\"checkout-btn-unique\">\n <button type=\"submit\" *ngIf=\"!isInvalid()\" class=\"btn valid-btn\">Pagar</button>\n </div>\n</form>",
|
|
9686
9702
|
styles: [".half-width{width:49%!important}.ml-1{margin-left:1%}"]
|
|
9687
9703
|
})
|
|
9688
9704
|
], MPCreditEcComponent);
|