ng-easycommerce 0.0.426 → 0.0.429
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 +12 -0
- package/assets/recaptcha/recaptcha-sites-prod.json +4 -1
- package/bundles/ng-easycommerce.umd.js +51 -14
- 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/account-ec.component.js +2 -2
- package/esm2015/lib/ec-component/account-ec/order-ec/order-ec.component.js +4 -4
- package/esm2015/lib/ec-component/account-ec/orders-list-ec/orders-list-ec.component.js +4 -4
- 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/products/product-detail.service.js +17 -1
- package/esm2015/lib/utils/toast.service.js +12 -2
- package/esm5/lib/ec-component/account-ec/account-ec.component.js +2 -2
- package/esm5/lib/ec-component/account-ec/order-ec/order-ec.component.js +4 -4
- package/esm5/lib/ec-component/account-ec/orders-list-ec/orders-list-ec.component.js +4 -4
- 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/products/product-detail.service.js +17 -1
- package/esm5/lib/utils/toast.service.js +12 -2
- package/fesm2015/ng-easycommerce.js +51 -14
- package/fesm2015/ng-easycommerce.js.map +1 -1
- package/fesm5/ng-easycommerce.js +51 -14
- package/fesm5/ng-easycommerce.js.map +1 -1
- package/lib/ec-component/account-ec/order-ec/order-ec.component.d.ts +1 -1
- package/lib/ec-component/account-ec/orders-list-ec/orders-list-ec.component.d.ts +1 -1
- package/lib/ec-component/widgets-ec/mercadopago-ec/mpcredit-ec/mpcredit-ec.component.d.ts +1 -0
- package/lib/services/products/product-detail.service.d.ts +7 -0
- package/lib/utils/toast.service.d.ts +6 -0
- package/ng-easycommerce.metadata.json +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# varsion 0.0.429
|
|
2
|
+
- Mejoras en componente mercado pago api control de fecha de vencimiento.
|
|
3
|
+
|
|
4
|
+
# varsion 0.0.428
|
|
5
|
+
- Se agrega el parametro "locale" en la ruta de los endpoints del cartService.
|
|
6
|
+
- Se actualizo el archivo recaptcha-sites-prod.json con nuevas urls en produccion.
|
|
7
|
+
|
|
8
|
+
# version 0.0.427
|
|
9
|
+
- Modifique la estructura de account, order list y order.
|
|
10
|
+
- Se crea funcion en ToastService para poder cambiar el tiempo que se muestra un mensaje.
|
|
11
|
+
- Se actualiza el ProductDetailService para cargar en las variantes las propiedades que tiene cada una.
|
|
12
|
+
|
|
1
13
|
# version 0.0.426
|
|
2
14
|
- Se agrego logica para que el tipo de moneda se tome en base al usuario logueado.
|
|
3
15
|
|
|
@@ -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
|
}
|
|
@@ -2763,12 +2763,22 @@
|
|
|
2763
2763
|
var _this = this;
|
|
2764
2764
|
this.translation = translation;
|
|
2765
2765
|
this.toastrService = toastrService;
|
|
2766
|
+
/**
|
|
2767
|
+
* @description Cambia el tiempo que se muestra el mensaje.
|
|
2768
|
+
* @param time
|
|
2769
|
+
*/
|
|
2770
|
+
this.setTimeMessage = function (time) {
|
|
2771
|
+
_this.configToast = {
|
|
2772
|
+
timeOut: time
|
|
2773
|
+
};
|
|
2774
|
+
};
|
|
2766
2775
|
this.show = function (message, interpolateParams, title, configToastr) {
|
|
2767
2776
|
if (interpolateParams === void 0) { interpolateParams = {}; }
|
|
2768
2777
|
if (title === void 0) { title = ''; }
|
|
2769
|
-
if (configToastr === void 0) { configToastr =
|
|
2778
|
+
if (configToastr === void 0) { configToastr = _this.configToast; }
|
|
2770
2779
|
_this.translation.get(message, interpolateParams).pipe(operators.take(1)).subscribe(function (res) { return _this.toastrService.show((res ? res : message), title, configToastr); });
|
|
2771
2780
|
};
|
|
2781
|
+
this.configToast = {};
|
|
2772
2782
|
}
|
|
2773
2783
|
ToastService.ctorParameters = function () { return [
|
|
2774
2784
|
{ type: core$1.TranslateService },
|
|
@@ -3896,11 +3906,11 @@
|
|
|
3896
3906
|
this.have_to_update = true;
|
|
3897
3907
|
this.channelConfig = {};
|
|
3898
3908
|
this.cart_baseUrl = 'shop-api/' + this.consts.getChannel() + '/carts';
|
|
3899
|
-
this.cartItemsApi = function () { return _this.cart_baseUrl; };
|
|
3900
|
-
this.addItemApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/items'; };
|
|
3901
|
-
this.addAllItemsApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/multiple-items'; };
|
|
3902
|
-
this.updateItemQuantityApi = function (item_id) { return _this.cart_baseUrl + '/' + _this.cart_token + '/items/' + item_id; };
|
|
3903
|
-
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(); };
|
|
3904
3914
|
this.couponApi = function () { return _this.cart_baseUrl + '/' + _this.cart_token + '/coupon'; };
|
|
3905
3915
|
this.cartItems = this.cartItemsSubject.asObservable().pipe(operators.map(function (items) { return _this.switchPriceInCartItem(items); }));
|
|
3906
3916
|
this.coupon = this.couponSubject.asObservable();
|
|
@@ -3938,6 +3948,10 @@
|
|
|
3938
3948
|
_this.cart_token = response.tokenValue;
|
|
3939
3949
|
localStorage.setItem('cart_token', _this.cart_token);
|
|
3940
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 */
|
|
3941
3955
|
_this.updateCartObj(response, false);
|
|
3942
3956
|
_this.updateCartItems(_this.transformItems(response.items));
|
|
3943
3957
|
_this.requestInProcess.next(false);
|
|
@@ -5478,7 +5492,7 @@
|
|
|
5478
5492
|
AccountEcComponent = __decorate$E([
|
|
5479
5493
|
core.Component({
|
|
5480
5494
|
selector: 'app-account-ec',
|
|
5481
|
-
template: "<section class=\"perfil\">\n <div class=\"container row w-100 mx-auto py-md-3\">\n <div class=\"col-12 py-3\">\n <div class=\"row w-100 mx-auto border-bottom
|
|
5495
|
+
template: "<section class=\"perfil mt-5\" id=\"accountEcComponent\">\n <div class=\"container row w-100 mx-auto py-md-3\">\n <div class=\"col-12 py-3\">\n <div class=\"row w-100 mx-auto border-bottom justify-content-between align-items-center py-3\">\n <h3 class=\"text-black w-auto\">MIS PEDIDOS</h3>\n <button class=\"btn btn-outline-dark btnLogout px-3 py-1 font-size-10 w-auto\" (click)=\"logout()\">CERRAR SESI\u00D3N</button>\n </div>\n <app-orders-ec></app-orders-ec>\n </div>\n </div>\n</section>",
|
|
5482
5496
|
styles: [".font-size-10{font-size:10px!important}"]
|
|
5483
5497
|
})
|
|
5484
5498
|
], AccountEcComponent);
|
|
@@ -8287,6 +8301,7 @@
|
|
|
8287
8301
|
asociated.price = _this.variants[0].price.toString();
|
|
8288
8302
|
asociated.saleprice = _this.variants[0].saleprice && _this.variants[0].saleprice.toString() || undefined;
|
|
8289
8303
|
asociated.discount = ((_a = _this.variants[0]) === null || _a === void 0 ? void 0 : _a.discount) || undefined;
|
|
8304
|
+
asociated.properties = _this.variants[0].properties ? _this.beautifyProperties(_this.variants[0].properties) : undefined;
|
|
8290
8305
|
// asociated.price = this.variants[0].saleprice && this.variants[0].saleprice.toString() || undefined;
|
|
8291
8306
|
// asociated.saleprice = this.variants[0].price.toString()
|
|
8292
8307
|
}
|
|
@@ -8313,6 +8328,21 @@
|
|
|
8313
8328
|
};
|
|
8314
8329
|
_this.asociatedDataSubject.next(asociated);
|
|
8315
8330
|
};
|
|
8331
|
+
/**
|
|
8332
|
+
* @description Recibe las propiedades de una variante y por cada item arma un objeto con
|
|
8333
|
+
* el name=clave y value=valor de ese item.
|
|
8334
|
+
* @param properties
|
|
8335
|
+
* @returns Un arreglo con las propiedades de la forma { name = ... , value = ...}
|
|
8336
|
+
*/
|
|
8337
|
+
this.beautifyProperties = function (properties) {
|
|
8338
|
+
var beautifyData = [];
|
|
8339
|
+
properties.forEach(function (prop) {
|
|
8340
|
+
for (var key in prop) {
|
|
8341
|
+
beautifyData.push({ name: key, value: prop[key] });
|
|
8342
|
+
}
|
|
8343
|
+
});
|
|
8344
|
+
return beautifyData;
|
|
8345
|
+
};
|
|
8316
8346
|
this.crateDiscount = function () {
|
|
8317
8347
|
try {
|
|
8318
8348
|
var all_discount_1 = '';
|
|
@@ -9337,6 +9367,13 @@
|
|
|
9337
9367
|
_this.year = fechaSplit[1];
|
|
9338
9368
|
}
|
|
9339
9369
|
};
|
|
9370
|
+
_this.expiryOnKey = function (event) {
|
|
9371
|
+
var key = event.keyCode || event.charCode;
|
|
9372
|
+
var fecha = (event.target.value).replace(/ /g, "");
|
|
9373
|
+
if (key != 8 && fecha.length == 2) {
|
|
9374
|
+
event.target.value = fecha + '/';
|
|
9375
|
+
}
|
|
9376
|
+
};
|
|
9340
9377
|
_this.cardNumberChange = function (event) {
|
|
9341
9378
|
//console.log('TOMA EL ON CHANGE DE TARJETA');
|
|
9342
9379
|
_this.restartInstallments();
|
|
@@ -9656,7 +9693,7 @@
|
|
|
9656
9693
|
MPCreditEcComponent = __decorate$1a([
|
|
9657
9694
|
core.Component({
|
|
9658
9695
|
selector: '[app-mp-credit-ec]',
|
|
9659
|
-
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>",
|
|
9696
|
+
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>",
|
|
9660
9697
|
styles: [".half-width{width:49%!important}.ml-1{margin-left:1%}"]
|
|
9661
9698
|
})
|
|
9662
9699
|
], MPCreditEcComponent);
|
|
@@ -10294,7 +10331,7 @@
|
|
|
10294
10331
|
_this.ordersService.setSelectedOrder(order);
|
|
10295
10332
|
_this.router.navigateByUrl(("account/orders/" + order.number));
|
|
10296
10333
|
};
|
|
10297
|
-
_this.toDate = function (date) { return moment(date).format('DD/MM/YYYY, h:mm:ss a'); };
|
|
10334
|
+
_this.toDate = function (date, format) { return moment(date).format(!format && 'DD/MM/YYYY, h:mm:ss a' || format); };
|
|
10298
10335
|
_this.optionsBox = {
|
|
10299
10336
|
loop: true,
|
|
10300
10337
|
autoplay: true,
|
|
@@ -10340,8 +10377,8 @@
|
|
|
10340
10377
|
OrdersEcComponent = __decorate$1g([
|
|
10341
10378
|
core.Component({
|
|
10342
10379
|
selector: 'app-orders-ec',
|
|
10343
|
-
template: "<div class=\"container\" id=\"ordersEcComponent\">\n
|
|
10344
|
-
styles: [""]
|
|
10380
|
+
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 item border-bottom\" *ngFor=\"let order of orders\">\n <div class=\"col-lg-2 col-12\">\n <p class=\"st\">{{ 'order' | translate }}:</p>\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 <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 </div>\n <div class=\"col-lg-2 col-12\">\n <p class=\"st\">{{ 'payment-state' | translate }}:</p>\n <p class=\"price\">\n {{ order.payments[0].state | translate | titlecase }}\n </p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p class=\"st\">{{ 'shipment-method' | translate }}:</p>\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=\"st\">{{ 'shipment-state' | translate }}:</p>\n <p class=\"price\">\n {{ order.shipments[0].state | translate | titlecase }}\n </p>\n </div>\n <div class=\"col-lg-2 col-12\">\n <p class=\"st\">{{ 'date' | translate }}:</p>\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 <p class=\"st\">{{ 'total' | translate }}:</p>\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>",
|
|
10381
|
+
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}"]
|
|
10345
10382
|
})
|
|
10346
10383
|
], OrdersEcComponent);
|
|
10347
10384
|
return OrdersEcComponent;
|
|
@@ -10415,7 +10452,7 @@
|
|
|
10415
10452
|
_this.order = null;
|
|
10416
10453
|
_this.loading = true;
|
|
10417
10454
|
_this.numberOrder = null;
|
|
10418
|
-
_this.toDate = function (date) { return moment(date).format('DD/MM/YYYY, h:mm:ss a'); };
|
|
10455
|
+
_this.toDate = function (date, format) { return moment(date).format(!format && 'DD/MM/YYYY, h:mm:ss a' || format); };
|
|
10419
10456
|
_this.callError = function () {
|
|
10420
10457
|
_this.error = '?';
|
|
10421
10458
|
_this.router.navigateByUrl('account/orders');
|
|
@@ -10470,8 +10507,8 @@
|
|
|
10470
10507
|
OrderEcComponent = __decorate$1h([
|
|
10471
10508
|
core.Component({
|
|
10472
10509
|
selector: 'app-order-ec',
|
|
10473
|
-
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 col-12 font-brandon\">\n <h4 class=\"tit1 \">{{ ('order' | translate) + ': ' + order.number }}</h4>\n </div>\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>\n <div class=\"row\">\n <div class=\"col-md-12 col-12 font-brandon\">\n <div class=\"row item\">\n <div class=\"col-md-12 col-12 font-brandon\">\n <div class=\"row\">\n <div class=\"col-md-2 col-12\">\n <span class=\"st\">{{ 'payment-state' | translate }}:</span>\n <p class=\"\">\n {{ order.payments[0].state | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <span class=\"st\">{{ 'shipment-state' | translate }}:</span>\n <p class=\"\">\n {{ order.shipments[0].state | translate }}\n </p>\n </div>\n <div class=\"col-md-2 col-12 font-brandon\">\n <span class=\"st\">{{ 'payment-method' | translate }}:</span>\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 <span class=\"st\">{{ 'shipment-method' | translate }}:</span>\n <p class=\"\">\n {{ order.shipments[0].method.name }}\n </p>\n </div>\n <div class=\"col-md-1 col-12 font-brandon\">\n <span class=\"st\">{{ 'date' | translate }}:</span>\n <p class=\"\">\n {{ toDate(order.checkoutCompletedAt) | translate }}\n </p>\n </div>\n <div class=\"col-md-1 col-12 font-brandon\">\n <span class=\"st\">{{ 'total' | translate }}:</span>\n <p class=\"\">\n {{ (order.totals.total) | ecCurrencySymbol}}\n \n </p>\n </div>\n <ng-container *ngIf=\"order?.invoice\">\n <div class=\"col-md-2 col-12 font-brandon\">\n <span class=\"st\">{{ 'invoices' | translate | titlecase }}:</span>\n <p class=\"\">\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\"></i>\n {{ 'download' | translate }}\n </a>\n </p>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </section>\n \n <div class=\"container py-md-5 py-3\">\n <div *ngIf=\"order.items.length; else noProducts\" class=\"row\">\n <div class=\"col-2 text-center font-sm font-brandon d-none d-md-block\">\n {{ 'product' | translate | uppercase }}\n </div>\n <div class=\"col-4 text-center 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-center font-sm font-brandon d-none d-md-block\">\n {{ 'total' | translate | uppercase }}\n </div>\n <div class=\"col-12 border-bottom-solid d-none d-md-block\"></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-1 p-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() + 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 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 px-md-5 text-left flex-column flex-md-row justify-content-start d-flex align-items-center\">\n <p class=\"font-brandon d-flex w-100\">\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-3 d-none d-md-flex text-center px-5 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 text-center 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) * item.quantity) | ecCurrencySymbol}}</p>\n </div>\n </div>\n </ng-container>\n </div>\n \n <div class=\"container\">\n <div class=\"row border-top-solid\">\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\">\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>",
|
|
10474
|
-
styles: [""]
|
|
10510
|
+
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 </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() + 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 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>",
|
|
10511
|
+
styles: [".maxwidth{max-width:100px}"]
|
|
10475
10512
|
})
|
|
10476
10513
|
], OrderEcComponent);
|
|
10477
10514
|
return OrderEcComponent;
|