ng-easycommerce 0.0.496 → 0.0.497

package/assets/docs/Parametros-Frontend.md

@@ -0,0 +1,56 @@
+# Parámetros básicos que se usan en el frontend.
+
+## Contenido
+- [Introducción](#introducción)
+- [Parámetros](#parámetros)
+    - [HEADER](#header)
+    - [FOOTER](#footer)
+    - [Redes Sociales](#redes-sociales)
+    - [Recaptcha](#recaptcha)
+    - [Cookies](#cookies)
+- [Con varios canales](#con-varios-canales)
+
+## Introducción
+En este documento se va describir los parámetros basicos que se usan por lo general en frontend. 
+
+>**Aclaración:** Puede que aun estando cargados los parámetros en el backoffice estos sigan sin ser visibles en el frontend y esto se puede dar debido a que no se han configurado en el `html` o quisas la clave sea distinta a la propuesta. Nunca fue algo estable y la idea de este documento es terminar con ese problema. Es por eso que se van a describir las claves mas usadas. 
+
+## Parámetros
+Paso a detallar los parámetros mas usados en el frontend.
+
+### HEADER
+
+| Nombre | Donde se utiliza |
+| ------ | ---------------- |
+| `top_block` | Usado para mostrar la barra de anuncios |
+| `logo_header` | Usado para cargar la imagen del logo de la página |
+
+### FOOTER
+
+| Nombre | Donde se utiliza |
+| ------ | ---------------- |
+| `logo_footer` | Usado para cargar la imagen del logo que va en el pie de la página |
+| `copyright` | Usado para mostrar el copyright y su contenido |
+| `fiscal` | Usado para mostrar, por lo general, la imagen del QR de la **Data Fiscal** |
+
+### Redes Sociales
+| Nombre | Donde se utiliza |
+| ------ | ---------------- |
+| `whatsapp` ó `wsp` | Usado para lo que tenga que ver con whatsapp y numero al que se pueden comunicar |
+| `facebook` | Usado para lo que tenga que ver con facebook |
+| `twitter` | Usado para lo que tenga que ver con twitter |
+| `instagram` | Usado para lo que tenga que ver instagram |
+| `linkedin` | Usado para lo que tenga que ver con LinkedIn |
+| `pinterest` | Usado para lo que tenga que ver pinterest |
+>Varias de estas clave son usadas en el componente `shared-block-ec` usado para compartir articulos en redes sociales, agregando al principio la clave `share_`. Ej. **`share_facebook`**. 
+
+### Recaptcha
+| Nombre | Donde se utiliza |
+| ------ | ---------------- |
+| `recaptcha_key` | En su valor debe contener la clave provista por [Google reCAPTCHA](https://www.google.com/recaptcha/about/) para que muestre en los formularios el reCAPTCHA |
+
+### Cookies
+En este [documento](COOKIES.md) se explica en detalle como usar los parámetros para las cookies.
+
+## Con varios canales
+Cuando el backoffice contiene varios canales lo ideal seria cargar el parámetro pero agregando el nombre del canal a donde apunta el parámetro. Por ejemplo, tenemos el parámetro `whatsapp` en una implementación donde tiene 2 canales cuyos nombres son `minorista` y `mayorista`, en este caso el parámetro deberia ser asi `whatsapp_minorista` o `whatsapp_mayorista`. 

package/bundles/ng-easycommerce.umd.js

@@ -1820,8 +1820,8 @@
                 _this.pagination.getNext();
                 // SI SE ACTUALIZARAN LOS FILTROS DINAMICOS EN EL FUTURO
                 // let filtersObj = this.filtersSubject.value;
-                // filtersObj.some(filter => filter.type() == 'dynamics') 
-                //      ? this.pagination.getNext(this.updateDynamicFilters) 
+                // filtersObj.some(filter => filter.type() == 'dynamics')
+                //      ? this.pagination.getNext(this.updateDynamicFilters)
                 //      : this.pagination.getNext();
             };
             /**
@@ -1913,7 +1913,7 @@
                 });
                 if (search_value)
                     extra_params += ('&criteria[search][type]=contains&criteria[search][value]=' + search_value);
-                if (extra_params != '') {
+                if (extra_params != '' && !extra_params.includes('attributeCodes')) {
                     _this.options.getAttributes2(extra_params);
                 }
                 return _this.productsFilterApi(extra_params);
@@ -4513,7 +4513,7 @@
                 // this.googleAnalytics.removeFromCart(product);
                 _this.analyticsService.callEvent('remove_from_cart', __assign$9(__assign$9({}, product), { currency: _this.consts.currency.code }));
             };
-            this.addIfAllreadyExists = function (product, variant_id, quantityAdd) {
+            this.addIfAllreadyExists = function (product, variant_id, quantityAdd, order_item_id, lot_quantity, unit_price, unit_total, ajustement_total, total_lot, lot_status, date_deliver, notes, shipping_address_id) {
                 if (quantityAdd === void 0) { quantityAdd = 1; }
                 return _this.items.find(function (item, index) {
                     if (item.product.id == product.id && item.variant_id == variant_id) {
@@ -4551,14 +4551,23 @@
              *  @public
              *  CART CRUD
              */
-            this.addToCart = function (product, quantity, variant_id) {
+            this.addToCart = function (product, quantity, variant_id, order_item_id, lot_quantity, unit_price, unit_total, ajustement_total, total_lot, lot_status, date_deliver, notes, shipping_address_id) {
                 if (!_this.authService.isAbleToBuy()) {
                     _this.toastrService.show('must-select-customer');
                     return;
                 }
                 _this.requestInProcess.next(true);
                 var added = _this.addIfAllreadyExists(product, variant_id, quantity);
-                !added && _this.connection.post(_this.addItemApi(), { productCode: product.id, quantity: quantity, variantCode: variant_id })
+                !added && _this.connection.post(_this.addItemApi(), { productCode: product.id, quantity: quantity, variantCode: variant_id, order_item_id: order_item_id || '', lot_quantity: lot_quantity || '', unit_price: unit_price || '', unit_total: unit_total || '', ajustement_total: ajustement_total || '', total_lot: total_lot || '', lot_status: lot_status || '', date_deliver: date_deliver || '', notes: notes || '', shipping_address_id: shipping_address_id || '' })
+                    .subscribe(function (res) { return _this.appendToCart(res); }, function (err) { return _this.handleError(err); });
+            };
+            this.addToLot = function (product, quantity, variant_id, order_item_id, lot_quantity, unit_price, unit_total, ajustement_total, total_lot, lot_status, date_deliver, notes, shipping_address_id) {
+                if (!_this.authService.isAbleToBuy()) {
+                    _this.toastrService.show('must-select-customer');
+                    return;
+                }
+                var added = '';
+                !added && _this.connection.post(_this.addItemApi(), { productCode: product.id, quantity: quantity, variantCode: variant_id, order_item_id: order_item_id || '', lot_quantity: lot_quantity || '', unit_price: unit_price || '', unit_total: unit_total || '', ajustement_total: ajustement_total || '', total_lot: total_lot || '', lot_status: lot_status || '', date_deliver: date_deliver || '', notes: notes || '', shipping_address_id: shipping_address_id || '' })
                     .subscribe(function (res) { return _this.appendToCart(res); }, function (err) { return _this.handleError(err); });
             };
             this.addToCartPromise = function (product, quantity, variant_id) { return __awaiter$5(_this, void 0, void 0, function () {
@@ -4758,6 +4767,7 @@
                 item = {
                     product: item.product,
                     variant_id: item.product.variants[0].code,
+                    lot: item.orderItemLot,
                     quantity: item.quantity,
                     item_id: item.id,
                     total: item.total
@@ -6006,7 +6016,7 @@
         AccountEcComponent = __decorate$F([
             core.Component({
                 selector: 'app-account-ec',
-                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>",
+                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>\n",
                 styles: [".font-size-10{font-size:10px!important}"]
             })
         ], AccountEcComponent);
@@ -6973,6 +6983,75 @@
             path += variant.options.length ? "?variant=true" : "";
             this.router.navigateByUrl(path);
         };
+        CartEcComponent.prototype.cargaModal = function (item) {
+            console.log(item);
+            var id = 1;
+            document.getElementById('encabezadoModal').innerHTML = '<a href="product/' + item.variant_id + '"  class="title text-dark text-decoration-none h5 d-block m-0 p-0 m-0 p-0"><p class="nombre mb-0" id="productName">' + item['product']['name'] + '</p><small class="text-secondary ps-2 ms-1" id="productRef">Ref:' + item['variant_id'] + '</small></a>';
+            var cantidadTotal = item['quantity'];
+            if (item.lot) {
+                // alert(item.lot);
+                var myTable = document.getElementById("lot_table");
+                var bodyTable = document.getElementById("lot_body_table");
+                bodyTable.innerHTML = '';
+                item.lot.forEach(function (lot) {
+                    if (item.item_id == lot.order_item_id) {
+                        var row = bodyTable.insertRow(bodyTable.rows.length);
+                        var cell1 = row.insertCell(0);
+                        var cell2 = row.insertCell(1);
+                        var cell3 = row.insertCell(2);
+                        var cell4 = row.insertCell(3);
+                        var cell5 = row.insertCell(4);
+                        cell1.innerHTML = id.toString();
+                        cell2.innerHTML = '<input type="number" id="quantity' + id + '" value= "' + lot.quantity + '"class="form-control w-50" max="' + lot.quantity + '">';
+                        cell3.innerHTML = '<input type="date" value="' + lot.date_deliver + '" id="deliveryDate' + id + '" class="form-control w-75">';
+                        cell4.innerHTML = '<input type="text" id="shippingAddress' + id + '" value= "sede"class="form-control w-75">';
+                        cell5.innerHTML = '<div class="col-1 flex-grow-0 text-right btnBorrar d-none d-md-block d-none d-md-block"><button class="btn" id="botonBorrar"><img src="./assets/maquetado/img/ic-borrar.svg" alt=""> </butt></div>';
+                        id = id + 1;
+                    }
+                });
+            }
+            document.getElementById('botonAgregar').onclick = function () {
+                var cantidadTotal2 = 0;
+                // // Se calcula la cantidad y el contador para que no exceda la cantidad de la linea al crear un nuevo lote.
+                if (id > 1) {
+                    for (var index = 1; index < id; index++) {
+                        cantidadTotal2 = cantidadTotal2 + parseInt(document.getElementById("quantity" + index).value);
+                    }
+                }
+                // Se añade la linea siempre y cuando la cantidad restante no sea cero.
+                if (cantidadTotal2 < cantidadTotal) {
+                    var row = bodyTable.insertRow(bodyTable.rows.length);
+                    var cell1 = row.insertCell(0);
+                    var cell2 = row.insertCell(1);
+                    var cell3 = row.insertCell(2);
+                    var cell4 = row.insertCell(3);
+                    var cell5 = row.insertCell(4);
+                    cell1.innerHTML = id.toString();
+                    cell2.innerHTML = '<input type="number" id="quantity' + id + '" value= "' + (cantidadTotal - cantidadTotal2) + '"class="form-control w-50" max="' + (cantidadTotal - cantidadTotal2) + '">';
+                    cell3.innerHTML = '<input type="date" id="deliveryDate' + id + '" class="form-control w-75">';
+                    cell4.innerHTML = '<input type="text" id="shippingAddress' + id + '" value= "sede"class="form-control w-75">';
+                    cell5.innerHTML = '<div class="col-1 flex-grow-0 text-right btnBorrar d-none d-md-block d-none d-md-block"><button class="btn" id="botonBorrar"><img src="./assets/maquetado/img/ic-borrar.svg" alt=""> </butt></div>';
+                    // console.log(item);
+                    id = id + 1;
+                }
+                else {
+                    alert('Ya ha sumado la cantidad máxima');
+                }
+            };
+            var this_ = this;
+            // Cuando se pulsa el boton para guardar el lote recorre la funcion y el for , recorre linea a linea y lanza el endpoint con una pausa para que no se pierda ninguno y no se quede pillado.
+            $("#guardarLote").click(function () {
+                var contador = 0;
+                for (var index = 1; item.quantity > contador; index++) {
+                    var quantity = parseInt(document.getElementById("quantity" + index).value);
+                    var deliveryDate = document.getElementById("deliveryDate" + index).value;
+                    var shippingAddress = document.getElementById("shippingAddress" + index).value;
+                    contador = contador + quantity;
+                    this_.cartService.addToLot(item.product, 0, item.variant_id, item.item_id, quantity, item.product.price, item.quantity, 0, item.product.price * quantity, 'new', deliveryDate, 'nota prueba', 1);
+                    setTimeout(function () { }, 3000);
+                }
+            });
+        };
         CartEcComponent.ctorParameters = function () { return [
             { type: CartService },
             { type: AuthService },