\r\n :\r\n \r\n );\r\n } else {\r\n return React.createElement(component, { className }, children || null);\r\n }\r\n }\r\n}\r\n\r\n\r\nLoading.propTypes = {\r\n className: PropTypes.string,\r\n isLoading: PropTypes.bool,\r\n style: PropTypes.object,\r\n width: PropTypes.string,\r\n height: PropTypes.string,\r\n margin: PropTypes.string,\r\n component: PropTypes.any,\r\n isFullscreen: PropTypes.bool\r\n};\r\n\r\n\r\nLoading.defaultProps = {\r\n className: '',\r\n isLoading: true,\r\n style: {},\r\n width: '40px',\r\n height: '40px',\r\n margin: '0 auto',\r\n component: 'div',\r\n strokeWidth: '7',\r\n isFullscreen: false\r\n};\r\n\r\n\r\nexport default Loading;\r\n\r\n\r\n// Polyfills\r\nif (typeof Object.assign !== 'function') {\r\n Object.assign = function(target, varArgs) { // .length of function is 2\r\n if (target === null) { // TypeError if undefined or null\r\n throw new TypeError('Cannot convert undefined or null to object');\r\n }\r\n\r\n var to = Object(target);\r\n\r\n for (var index = 1; index < arguments.length; index++) {\r\n var nextSource = arguments[index];\r\n\r\n if (nextSource != null) { // Skip over if undefined or null\r\n for (var nextKey in nextSource) {\r\n // Avoid bugs when hasOwnProperty is shadowed\r\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\r\n to[nextKey] = nextSource[nextKey];\r\n }\r\n }\r\n }\r\n }\r\n return to;\r\n };\r\n}","var hasAuth = (request) => {\r\n if(localStorage.getItem(\"token\") && localStorage.getItem(\"tokenExpiration\") > Date.now()/1000){\r\n return request();\r\n }else{\r\n localStorage.clear();\r\n window.location.reload();\r\n }\r\n};\r\n\r\nexport default {hasAuth};","import React from 'react';\r\nimport PropTypes from 'prop-types'\r\n\r\n/**\r\n * Componente de utilería encargado de mostrar un Modal en el cual es\r\n * posible insertar cualquier otro elemento como componentes hijos del mismo.\r\n */\r\n\r\nexport default class Modal extends React.Component{\r\n\r\n // Función que se efectuará cuando el usuario presione alguna tecla\r\n escFunction = (event) => {\r\n if(event.keyCode === 27) {\r\n this.props.cancel();\r\n }\r\n }\r\n\r\n // Se registra un escuchador en caso de que el usuario presione alguna tecla\r\n componentDidMount(){\r\n document.addEventListener(\"keydown\", this.escFunction, false);\r\n }\r\n // Se elimina el escuchador.\r\n componentWillUnmount(){\r\n document.removeEventListener(\"keydown\", this.escFunction, false);\r\n }\r\n\r\n render(){\r\n let width = this.props.width;\r\n return(\r\n
\r\n
this.props.cancel()}/>\r\n
\r\n \r\n
{this.props.modalTitle}
\r\n \r\n \r\n \r\n {/*\r\n En esta parte se dibujan todos los elementos o componentes que se\r\n hayan puesto como hijos del Modal que vienen en la prop children\r\n */}\r\n {this.props.children}\r\n \r\n {\r\n this.props.footer && \r\n \r\n }\r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\nModal.propTypes = {\r\n footer: PropTypes.bool,\r\n customClass: PropTypes.string\r\n}\r\n\r\nModal.defaultProps = {\r\n footer: false,\r\n customClass: \"\"\r\n}","module.exports = \"data:image/png;base64,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\"","import React, { Component } from 'react';\r\nimport SearchForm from \"../../util/searchform/SearchForm\";\r\nimport TableTemplate from \"../../util/tabletemplate/TableTemplate\";\r\nimport NoItems from \"../../util/noitems/NoItems\";\r\nimport Pagination from '../../util/pagination/Pagination';\r\nimport RecipesAPI from '../../../services/Recipe';\r\nimport { toast } from 'react-toastify';\r\nimport Loading from '../../util/loading/Loading';\r\nimport RecipeTypesAPI from '../../../services/RecipeType';\r\nimport PresentationsAPI from '../../../services/Presentations';\r\nimport MilksAPI from '../../../services/Milk';\r\nimport GrainsAPI from '../../../services/Grain';\r\nimport FlavorsAPI from '../../../services/Flavor';\r\nimport ClasificacionesAPI from '../../../services/Classification';\r\n\r\nimport lodash from 'lodash';\r\n\r\nimport ModoGuiado from \"../../modoGuiado/ModoGuiado\"\r\nimport BtnModoGuiado from '../../util/BtnModoGuiado/BtnModoGuiado'\r\n\r\nimport ErrorMessages from '../../../util/validation-error-messages';\r\nimport RecipeFilters from '../../util/recipeFilters/recipeFilters';\r\n\r\nclass RecipeExtractos extends Component {\r\n recipes = [];\r\n origRecipeTypesList = []; //Donde se va a guardar la lista original de tipos de receta\r\n origFlavorsList = []; //Donde se va a guardar la lista original de sabores\r\n origGrainsList = []; //Donde se va a guardar la lista original de granos\r\n origMilksList = []; //Donde se va a guardar la lista original de leches\r\n origPresentationList = []; //Donde se va a guardar la lista original de presentaciones\r\n\r\n // Variables donde se almacenaran los valores seleccionados en el select multi\r\n tempRecipeTypesList;\r\n tempPresentationList;\r\n tempMilkList;\r\n tempGrainList;\r\n tempFlavorsList;\r\n tempClassificationList;\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n recipes: [],\r\n filterText: \"\",\r\n recipe: null,\r\n pageRecipes: [],\r\n showModal: false,\r\n editing: false,\r\n isLoading: false,\r\n syncModal: false,\r\n selectedRecipes: [...this.props.selectedRecipes],\r\n checkAll: false,\r\n syncMultiModal: false,\r\n // Variables sonde se almacenaran los criterios de busqueda definitivos\r\n recipeTypeList: [],\r\n selectedRecipeTypesList: [],\r\n presentationsList: [],\r\n selectedPresentationsList: [],\r\n milksList: [],\r\n selectedMilksList: [],\r\n grainsList: [],\r\n selectedGrainsList: [],\r\n flavorsList: [],\r\n selectedFlavorsList: [],\r\n classificationList: [],\r\n selectedClassificationList: [],\r\n manageToppingModal: false,\r\n addToppingModal: false,\r\n toppings: [],\r\n toppingError: false,\r\n menuRecetaModal: false,\r\n menuRecetaModalTitle: \"\",\r\n menuRecetaModalBody: \"\",\r\n menuRecetaCurrent: null,\r\n //Agregar artículos\r\n manageInventoryItemsModal:false,\r\n addInventoryItems:false,\r\n inventoryItems: [], \r\n inventoryItemsTemp: [], \r\n recipesToAddItems:[],\r\n inventoryItemsError:false,\r\n showInventoryItemsInfo:false\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n this.setState({isLoading: true})\r\n let state = {...this.state};\r\n RecipesAPI.getAll().then(response => {\r\n\r\n state.recipes = response.data\r\n let auxCount = 0;\r\n state.recipes.findIndex(obj => {\r\n let isSelected = this.state.selectedRecipes.findIndex(selectedRecipe => selectedRecipe.RecipeId === obj.RecipeId)\r\n if (isSelected != -1) {\r\n obj.statusCheck = true;\r\n auxCount++;\r\n }\r\n return auxCount == this.state.selectedRecipes.length;\r\n })\r\n this.recipes = lodash.cloneDeep(response.data);\r\n \r\n // Obtener todos los tipos de recetas\r\n return RecipeTypesAPI.getAll()\r\n }).then(response => {\r\n let temp = [];\r\n \r\n response.data.map(obj => {\r\n if(obj.RecipeName) {\r\n obj.value= obj.RecipeTypeId;\r\n obj.label= obj.RecipeName;\r\n \r\n }else{\r\n obj.value= obj.RecipeTypeId;\r\n obj.label= obj.Description;\r\n \r\n }\r\n \r\n temp.push(obj)\r\n return obj;\r\n })\r\n temp.sort(this.compare); // Ordenar los labels para elegir\r\n state.recipeTypeList = temp;\r\n this.origRecipeTypesList = lodash.cloneDeep(temp)\r\n \r\n // Obtener todas las presentaciones\r\n return PresentationsAPI.getAll()\r\n }).then(response => {\r\n let tempPresentationList = [];\r\n response.data.map(obj => {\r\n if(obj.Active){\r\n obj.value= obj.PresentationId;\r\n obj.label= obj.Name;\r\n tempPresentationList.push(obj)\r\n return obj\r\n //\r\n } \r\n })\r\n tempPresentationList.sort(this.compare); // Ordenar los labels\r\n state.presentationsList = tempPresentationList\r\n this.origPresentationList = lodash.cloneDeep(tempPresentationList)\r\n\r\n // Obtener los tipos de leche\r\n return MilksAPI.getAll()\r\n }).then(response => {\r\n let tempMilkList = [];\r\n response.data.map(obj => {\r\n obj.value= obj.MilkTypeId;\r\n obj.label= obj.Description;\r\n tempMilkList.push(obj)\r\n return obj;\r\n })\r\n tempMilkList.sort(this.compare); // Ordenar los labels\r\n state.milksList = tempMilkList\r\n this.origMilksList = tempMilkList\r\n \r\n // Obtener los tipos de grano\r\n return GrainsAPI.getAll()\r\n }).then(response => {\r\n let tempGrainList = [];\r\n response.data.map(obj => {\r\n obj.value= obj.GrainTypeId;\r\n obj.label= obj.Description;\r\n tempGrainList.push(obj)\r\n return obj;\r\n \r\n })\r\n tempGrainList.sort(this.compare); // Ordenar los labels\r\n state.grainsList = tempGrainList\r\n this.origGrainsList = lodash.cloneDeep(tempGrainList)\r\n \r\n // Obtener los sabores\r\n return FlavorsAPI.getAll()\r\n }).then(response => {\r\n let tempFlavorsList = [];\r\n response.data.map(obj => {\r\n obj.value= obj.FlavorTypeId;\r\n obj.label= obj.Name;\r\n tempFlavorsList.push(obj)\r\n return obj;\r\n \r\n })\r\n tempFlavorsList.sort(this.compare); // Ordenar los labels \r\n state.flavorsList = tempFlavorsList\r\n this.origFlavorsList = tempFlavorsList\r\n \r\n // Obtener las clasificaciones\r\n return ClasificacionesAPI.getAll()\r\n }).then(response => {\r\n let tempClassificationList = [];\r\n response.data.map(obj => {\r\n obj.value= obj.ClassificationId;\r\n obj.label= obj.Name;\r\n tempClassificationList.push(obj)\r\n return obj;\r\n })\r\n tempClassificationList.sort(this.compare); // Ordenar los labels\r\n state.classificationList = tempClassificationList\r\n \r\n console.log(\"El state recipes extractos >> \", state);\r\n // Guardar el estado\r\n this.setState(state);\r\n }).catch(err => {\r\n this.setState({isLoading: false})\r\n if(err.response)\r\n toast.error(err.response.data.Message)\r\n else\r\n toast.error(ErrorMessages.SinConexion)\r\n })\r\n }\r\n\r\n /**\r\n * Funcion para ordenar lexicograficamente\r\n * @param objA. primer operando\r\n * @param objB. segundo operando\r\n */\r\n compare = (objA, objB) => {\r\n // Use toUpperCase() to ignore character casing\r\n const labelA = objA.label.toUpperCase();\r\n const labelB = objB.label.toUpperCase();\r\n\r\n let comparison = 0;\r\n if (labelA > labelB) {\r\n comparison = 1;\r\n } else if (labelA < labelB) {\r\n comparison = -1;\r\n }\r\n return comparison;\r\n }\r\n\r\n // Método encargado de recibir el texto en el input de búsqueda y filtrar los elementos en\r\n // la tabla \r\n handleSearchInput = (text) => {\r\n let state = this.state;\r\n state.filterText = text;\r\n this.setState(state, this.handleSearchMultipleFieldInput);\r\n }\r\n\r\n /**\r\n *Realizar el filtrado sobre las recetas para desplegar solo los elementos\r\n *que cumplen con las caracteristicas que el usuario ingreso.\r\n * \r\n *@param: nada\r\n *@return: nada\r\n */\r\n handleSearchMultipleFieldInput = () => {\r\n let recipes = this.recipes.filter(\r\n recipe => ( \r\n (this.state.selectedRecipeTypesList.length > 0 ? \r\n this.state.selectedRecipeTypesList.includes(recipe.RecipeTypeId) : \r\n true) &&\r\n (this.state.selectedFlavorsList.length > 0 ? \r\n this.state.selectedFlavorsList.includes(recipe.FlavorTypeId) : \r\n true) &&\r\n (this.state.selectedPresentationsList.length > 0 ? \r\n this.state.selectedPresentationsList.includes(recipe.PresentationId) : \r\n true) &&\r\n (this.state.selectedMilksList.length > 0 ? \r\n this.state.selectedMilksList.includes(recipe.MilkTypeId) : \r\n true) &&\r\n (this.state.selectedGrainsList.length > 0 ? \r\n this.state.selectedGrainsList.includes(recipe.GrainTypeId) : \r\n true) &&\r\n (this.state.selectedClassificationList.length > 0 ? \r\n this.state.selectedClassificationList.includes(recipe.ClassificationId) : \r\n true) &&\r\n (this.state.filterText.trim() !== '' ?\r\n ( (recipe.KiwiId \r\n ? recipe.KiwiId.toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").includes(this.state.filterText.trim().toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")) \r\n : false) \r\n || recipe.Description.toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").includes(this.state.filterText.trim().toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")))\r\n : true)\r\n )\r\n );\r\n \r\n let state = {...this.state};\r\n state.recipes = lodash.cloneDeep(recipes);\r\n let auxCount = 0;\r\n state.recipes.findIndex(obj => {\r\n let isSelected = this.state.selectedRecipes.findIndex(selectedRecipe => selectedRecipe.RecipeId === obj.RecipeId)\r\n if (isSelected != -1) {\r\n obj.statusCheck = true;\r\n auxCount++;\r\n }\r\n return auxCount == this.state.selectedRecipes.length;\r\n })\r\n state.checkAll = false;\r\n this.setState(state);\r\n }\r\n\r\n\r\n handleSelectChange = (objFilters) => {\r\n this.setState(objFilters, () => {this.handleSearchMultipleFieldInput();})\r\n }\r\n\r\n /**\r\n * Funcion que se ejecuta al darle click al checkbox del header\r\n */\r\n selectAllCheck = () => {\r\n let _checkAll = !this.state.checkAll\r\n let _selectedRecipes = [...this.state.selectedRecipes]\r\n let _pageRecipes = this.state.pageRecipes\r\n _pageRecipes.forEach(recipe => {\r\n let indexRecipe = _selectedRecipes.findIndex(item => item.RecipeId === recipe.RecipeId)\r\n recipe.statusCheck = _checkAll\r\n if(_checkAll){\r\n if(indexRecipe === -1) _selectedRecipes.push(recipe)\r\n }else{\r\n if(indexRecipe !== -1) _selectedRecipes.splice(indexRecipe, 1)\r\n }\r\n\r\n })\r\n\r\n this.setState({checkAll: _checkAll, selectedRecipes: _selectedRecipes})\r\n }\r\n\r\n /**\r\n * Funcion que se ejecuta al cambiar la pagina del tablero\r\n */\r\n changeRecipePage = (recipes) => {\r\n let recipesChecked = 0\r\n let checkAll = false\r\n recipes.forEach(item => {\r\n if(this.state.selectedRecipes.findIndex(id => id.RecipeId === item.RecipeId) !== -1){\r\n recipesChecked++\r\n item.statusCheck = true;\r\n }\r\n else{\r\n item.statusCheck = false;\r\n }\r\n \r\n })\r\n if(recipesChecked === recipes.length) checkAll = true \r\n\r\n this.setState({ pageRecipes: recipes, checkAll: checkAll })\r\n }\r\n\r\n /*\r\n * Funcion que selecciona o des selecciona todas las \r\n * recetas de todas las paginas.\r\n */\r\n selectAllCheckBox = () => {\r\n let state = {...this.state};\r\n let elementsPage = state.recipes\r\n let selectedRecipes = []\r\n // Le asignamos el valor inverso de checkAll a todas las recetas actuales\r\n elementsPage.map(element=>{\r\n if(state.checkAll){\r\n element.statusCheck = false \r\n }else{\r\n element.statusCheck = true\r\n selectedRecipes.push(element)\r\n }\r\n\r\n return element\r\n })\r\n state.checkAll = !state.checkAll;\r\n state.recipes = elementsPage;\r\n state.selectedRecipes = selectedRecipes\r\n this.setState(state);\r\n }\r\n\r\n\r\n render() {\r\n return (\r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n this.handleSearchInput(t)}\r\n itemName={'Receta'}\r\n placeholderText={\"Ingrese SKU o descripción de receta\"}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default RecipeExtractos;\r\n","import React, { Component } from 'react';\r\nimport SearchForm from \"../../util/searchform/SearchForm\";\r\nimport TableTemplate from \"../../util/tabletemplate/TableTemplate\";\r\nimport NoItems from \"../../util/noitems/NoItems\";\r\nimport Modal from '../../util/modal/Modal';\r\nimport AcceptModal from '../../util/acceptModal/AcceptModal';\r\nimport Pagination from '../../util/pagination/Pagination';\r\nimport Loading from '../../util/loading/Loading';\r\nimport InventoryItemsAPI from '../../../services/InventoryItem';\r\nimport { toast } from 'react-toastify';\r\nimport ModoGuiado from \"../../modoGuiado/ModoGuiado\"\r\nimport BtnModoGuiado from '../../util/BtnModoGuiado/BtnModoGuiado'\r\nimport Select from 'react-select';\r\nimport CaffenioAPI from '../../../services/Warehouse';//Obtenemos los Drives\r\nimport Field from '../../util/field/Field';\r\nimport ErrorMessages from '../../../util/validation-error-messages';\r\nimport TextField from '../../util/textfield/TextField';\r\nimport lodash from 'lodash';\r\n\r\n\r\nclass ToppingsExtractos extends Component {\r\n inventoryItems = [];\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n inventoryItems: [],\r\n pageInventoryItems: [],\r\n filterText: \"\",\r\n inventoryItem: null,\r\n showModal: false,\r\n editing: false,\r\n removeModal: false,\r\n isLoading: false,\r\n Caffenios: [],\r\n selectedOption: [],\r\n selectedOptionC: [],\r\n selectedOptionD: [],\r\n OptionSelect: [],\r\n OptionSelectCity: [],\r\n OptionSelectDrive: [],\r\n drivesArr: [],\r\n checkAll: false,\r\n updateMasive: false,\r\n confirmModalUpdatePrice: false,\r\n priceMassive: null,\r\n buttonSelectAll: false,\r\n selectedToppingsObjList: [...this.props.selectedToppings],\r\n //modal para actualizar precio individualmente \r\n modalUpdatePrice:false\r\n }\r\n }\r\n\r\n componentWillMount(){\r\n\r\n this.setState({isLoading: true});\r\n /**\r\n * Obtenemos todos los toppings\r\n */\r\n\r\n let state = {...this.state};\r\n InventoryItemsAPI.getToppings().then(response => {\r\n \r\n state.inventoryItems = response.data;\r\n state.inventoryItems.map(item => {\r\n item.statusCheck = false;\r\n })\r\n\r\n let auxCount = 0;\r\n state.inventoryItems.findIndex(obj => {\r\n let isSelected = this.state.selectedToppingsObjList.findIndex(selectedTopping => selectedTopping.InventoryItemId === obj.InventoryItemId)\r\n if (isSelected != -1) {\r\n obj.statusCheck = true;\r\n auxCount++;\r\n }\r\n // else {\r\n // obj.statusCheck = false;\r\n // }\r\n return auxCount == this.state.selectedToppingsObjList.length;\r\n })\r\n this.inventoryItems = lodash.cloneDeep(response.data);\r\n\r\n console.log(\"El state despues de la carga >>\", JSON.parse(JSON.stringify(state)));\r\n this.setState(state);\r\n\r\n\r\n\r\n }).catch(err => {\r\n this.setState({isLoading: false})\r\n if(err.response)\r\n toast.error(err.response.data.Message)\r\n else\r\n toast.error(ErrorMessages.SinConexion)\r\n });\r\n }\r\n /**\r\n * Método encargado de recibir el texto en el input de búsqueda\r\n * y filtrar los elementos en la tabla\r\n */\r\n handleSearchInput = (text) => {\r\n let state = {...this.state};\r\n state.filterText = text;\r\n this.setState(state, () => this.FilterProcess());\r\n }\r\n\r\n /**\r\n * Funcion para filtrar los articulos inventarios mediante\r\n * Estados, Ciudad y Drive\r\n */\r\n FilterProcess = () => {\r\n let state = {...this.state}\r\n\r\n let inventoryItemsArray = this.inventoryItems.filter(\r\n item => ( \r\n (this.state.filterText.trim() !== '' ?\r\n ( (item.Name \r\n ? item.Name.toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").includes(this.state.filterText.trim().toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")) \r\n : false) \r\n || item.InventoryCode.toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").includes(this.state.filterText.trim().toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")))\r\n : true)\r\n )\r\n );\r\n\r\n state.inventoryItems = lodash.cloneDeep(inventoryItemsArray);\r\n\r\n let auxCount = 0;\r\n state.inventoryItems.findIndex(obj => {\r\n let isSelected = this.state.selectedToppingsObjList.findIndex(selectedTopping => selectedTopping.InventoryItemId === obj.InventoryItemId)\r\n if (isSelected != -1) {\r\n obj.statusCheck = true;\r\n auxCount++;\r\n }\r\n return auxCount == this.state.selectedToppingsObjList.length;\r\n })\r\n //state.selectedRecipes = [];\r\n state.buttonSelectAll = false;\r\n this.setState(state);\r\n }\r\n\r\n /**\r\n * Funcion que se ejecuta al darle click al checkbox del header\r\n */\r\n selectAllCheck = () => {\r\n let _checkAll = !this.state.checkAll\r\n let _selectedRecipes = [...this.state.selectedRecipes]\r\n let _pageRecipes = this.state.pageRecipes\r\n _pageRecipes.forEach(recipe => {\r\n let indexRecipe = _selectedRecipes.findIndex(item => item.RecipeId === recipe.RecipeId)\r\n recipe.statusCheck = _checkAll\r\n if(_checkAll){\r\n if(indexRecipe === -1) _selectedRecipes.push(recipe)\r\n }else{\r\n if(indexRecipe !== -1) _selectedRecipes.splice(indexRecipe, 1)\r\n }\r\n\r\n })\r\n\r\n this.setState({checkAll: _checkAll, selectedRecipes: _selectedRecipes})\r\n }\r\n\r\n /*\r\n * Funcion seleccionar o des seleccionar todos las recetas\r\n * de la pagina actual.\r\n */\r\n selectAllCheckBoxPage = () => {\r\n let _checkAll = !this.state.checkAll\r\n let _selectedToppingsObjList = [...this.state.selectedToppingsObjList]\r\n let _pageToppings = this.state.pageInventoryItems\r\n\r\n _pageToppings.forEach(topping => {\r\n\r\n let indexTopping = _selectedToppingsObjList.findIndex(item => item.InventoryItemId === topping.InventoryItemId);\r\n topping.statusCheck = _checkAll;\r\n if (_checkAll) {\r\n if (indexTopping === -1) _selectedToppingsObjList.push(topping)\r\n }else {\r\n if (indexTopping !== -1) _selectedToppingsObjList.splice(indexTopping , 1)\r\n }\r\n })\r\n\r\n this.setState({\r\n selectedToppingsObjList: _selectedToppingsObjList, \r\n updateMasive: _selectedToppingsObjList.length > 0,\r\n checkAll: _checkAll,\r\n buttonSelectAll: _selectedToppingsObjList.length === this.state.inventoryItems.length\r\n })\r\n }\r\n /*\r\n * Funcion para saber si hay que mostrar\r\n * un switch y boton para aplicar cambios a las\r\n * recetas que hemos marcado.\r\n */\r\n showView = (index) => {\r\n // Utilizar indice compuesto InventoryItemId + \"-\" + idListaPrecio\r\n let _selectedToppingsObjList = [...this.state.selectedToppingsObjList];\r\n // let indexTopping = this.state.selectedToppingsObjList.findIndex(id => id === String(this.state.pageInventoryItems[index].InventoryItemId) + \"-\" + String(this.state.pageInventoryItems[index].idListaPrecio))\r\n let indexTopping = this.state.selectedToppingsObjList.findIndex(id => id.InventoryItemId === this.state.pageInventoryItems[index].InventoryItemId);\r\n\r\n if (indexTopping === -1) {\r\n //_selectedToppingsObjList.push(String(this.state.pageInventoryItems[index].InventoryItemId) + \"-\" + String(this.state.pageInventoryItems[index].idListaPrecio))\r\n _selectedToppingsObjList.push(this.state.pageInventoryItems[index]);\r\n } else {\r\n _selectedToppingsObjList.splice(indexTopping, 1)\r\n }\r\n\r\n let counter = 0; // variable para comparar los elementos seleccionados en la pagina con la cantidad de elementos por pagina\r\n this.state.pageInventoryItems.map(obj => {\r\n if (obj.statusCheck) counter++\r\n })\r\n\r\n this.setState({\r\n selectedToppingsObjList: _selectedToppingsObjList, \r\n updateMasive: _selectedToppingsObjList.length > 0,\r\n buttonSelectAll: _selectedToppingsObjList.length === this.state.inventoryItems.length,\r\n checkAll: counter === this.state.pageInventoryItems.length\r\n })\r\n }\r\n /*\r\n * Funcion que selecciona o des selecciona todas las\r\n * recetas de todas las paginas.\r\n */\r\n selectAllCheckBox = () => {\r\n let _selectedToppingsObjList = [...this.state.selectedToppingsObjList]\r\n let _toppings = this.state.inventoryItems\r\n let _buttonSelectAll = !this.state.buttonSelectAll;\r\n\r\n _toppings.forEach(topping => {\r\n // Ver si el elemento ya esta en la lista de seleccioandos\r\n let indexTopping = _selectedToppingsObjList.findIndex(item => item.InventoryItemId === topping.InventoryItemId)\r\n // Meter el elemento a la lista si no estaba previamente\r\n if (_buttonSelectAll && indexTopping === -1) {\r\n _selectedToppingsObjList.push(topping)\r\n // Sacar al elemento de la lista si ya estaba\r\n } else if (!_buttonSelectAll && indexTopping !== -1) {\r\n _selectedToppingsObjList.splice(indexTopping, 1)\r\n }\r\n\r\n topping.statusCheck = _buttonSelectAll;\r\n })\r\n\r\n let _checkAll = _buttonSelectAll;\r\n\r\n this.setState({\r\n selectedToppingsObjList: _selectedToppingsObjList, \r\n updateMasive: _selectedToppingsObjList.length > 0,\r\n checkAll: _checkAll,\r\n buttonSelectAll: _buttonSelectAll\r\n })\r\n }\r\n\r\n\r\n /**\r\n * Checa si es decimal un numero\r\n * @param {strin} val - precio a actualizar\r\n * @param {int} decimalPlaces - numero de decimales\r\n */\r\n isNumericDecimal = (val, decimalPlaces) => {\r\n // If the last digit is a . then add a 0 before testing so if they type 25. it will be accepted\r\n var lastChar = val.substring(val.length - 1);\r\n if (lastChar == \".\") val = val + \"0\";\r\n\r\n var objRegExp = new RegExp(\"^\\\\s*-?(\\\\d+(\\\\.\\\\d{1,\" + decimalPlaces + \"})?|\\\\.\\\\d{1,\" + decimalPlaces + \"})\\\\s*$\", \"g\");\r\n if (decimalPlaces == -1)\r\n objRegExp = new RegExp(\"^\\\\s*-?(\\\\d+(\\\\.\\\\d{1,25})?|\\\\.\\\\d{1,25})\\\\s*$\", \"g\");\r\n\r\n return objRegExp.test(val);\r\n };\r\n\r\n /**\r\n * Actualiza el objeto donde tenemos todos los drives seleccionados\r\n * @param {Object} obj - Contiene toda la informacion del select drive\r\n */\r\n updateTable = (precioVenta)=>{\r\n let state = {...this.state};\r\n this.state.inventoryItems.map(item=>{\r\n if(item.statusCheck){\r\n item.statusCheck = false;\r\n item.PrecioVenta = precioVenta;\r\n }\r\n });\r\n this.setState(state);\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n this.handleSearchInput(t)}\r\n itemName={'por Nombre'}\r\n placeholderText={\"Ingrese código artículo o nombre de topping\"}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ToppingsExtractos;\r\n","import * as React from 'react';\r\nimport PropTypes from 'prop-types'\r\n\r\n/**\r\n * Componente de utilería con el único fin de mostrar un mensaje indicando que\r\n * alguna lista de elementos está vacía.\r\n */\r\n\r\nclass NoItems extends React.Component {\r\n\r\n render(){\r\n return (\r\n
\r\n
{`No se encontraron ${this.props.itemName}`}
\r\n
\r\n )\r\n }\r\n}\r\n\r\n// Definición de los tipos y su dependencia de las distintas props que recibe el componente.\r\nNoItems.propTypes = {\r\n itemName: PropTypes.string.isRequired\r\n};\r\n\r\nexport default NoItems;","//Constantes a utilizar en la aplicación\r\n\r\n//PRUEBAS\r\n//export const url = \"http://auth.vasopinguino.com\";\r\n//export const apiUrl = \"http://sag.vasopinguino.com/api/v1\";\r\n//export const apiUrl = `http://localhost:58387/api/v1`;\r\n//http://sagnotificaciones.vasopinguino.com/\r\n//export const apiUrl = `http://198.168.20.13:7516/api/v1`;\r\n//export const apiUrl = `http://sagnotificaciones.vasopinguino.com/api/v1`;\r\n//export const caffenioAuthId = \"4AA1B304-E37F-4D53-BFA5-68791FF7F6D9\";\r\n\r\n//export const url = \"http://198.168.20.13:29001\";\r\n//export const apiUrl = \"http://198.168.20.13:9000/api/v1\";\r\n//export const caffenioAuthId = \"4AA1B304-E37F-4D53-BFA5-68791FF7F6D9\";\r\n\r\n// PREPRODUCTIVO\r\n//export const url = \"https://auth.caffenio.com\";\r\n// export const apiUrl = `http://localhost:58387/api/v1`;\r\n//export const caffenioAuthId = \"4AA1B304-E37F-4D53-BFA5-68791FF7F6D9\";\r\n\r\n//PRODUCTIVO\r\nexport const url = \"https://auth.caffenio.com\"\r\nexport const apiUrl = \"https://sag.caffenio.com/api/v1\";\r\nexport const caffenioAuthId = \"4AA1B304-E37F-4D53-BFA5-68791FF7F6D9\";","import {apiUrl} from '../constants';\r\nimport axios from 'axios';\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {'Authorization':'Bearer ' +localStorage.getItem('token'),'Content-Type':'application/json'}\r\n})\r\n\r\nexport default class ExtraccionesCafeAPI {\r\n\r\n static GetFormulaData(){\r\n return request.get('FormulaExtracto/GetFormulaExtracto')\r\n }\r\n\r\n static CreateFormulaData(formulaData){\r\n return request.post('/FormulaExtracto/NewFormulaExtracto', formulaData);\r\n }\r\n\r\n static UpdateFormulaData(formulaData){\r\n return request.put('/FormulaExtracto/UpdateFormulaExtracto', formulaData);\r\n }\r\n}\r\n","import {apiUrl} from '../constants';\r\nimport axios from 'axios';\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {'Authorization':'Bearer ' +localStorage.getItem('token'),'Content-Type':'application/json'}\r\n})\r\n\r\nexport default class ProyeccionFormulaAPI {\r\n\r\n // static GetFormulaData(){\r\n // return request.get('FormulaExtracto/GetFormulaExtracto')\r\n // }\r\n\r\n static CreateFormulaData(formulaData){\r\n return request.post('/FormulaProyeccion/NewFormulaProyeccion', formulaData);\r\n }\r\n\r\n static UpdateFormulaData(formulaData){\r\n return request.put('/FormulaProyeccion/UpdateFormulaProyeccion', formulaData);\r\n }\r\n}\r\n","import React from 'react';\r\n\r\n//Componente para manejo de paginación de elementos de una lista/tabla\r\nclass Pagination extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { pager: {}};\r\n }\r\n \r\n componentWillMount() {\r\n if (this.props.items && this.props.items.length) {\r\n this.setPage(this.props.initialPage);\r\n }\r\n }\r\n \r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.items !== prevProps.items) {\r\n this.setPage(this.props.initialPage);\r\n }\r\n }\r\n \r\n // Se selecciona la página y se actualizan los elementos de la lista/tabla en el\r\n // componente padre por medio del método onChangePage que se recibió en props.\r\n setPage(page) {\r\n var { items, pageSize } = this.props;\r\n var pager = this.state.pager;\r\n \r\n if (page < 1 || page > pager.totalPages) {\r\n return;\r\n }\r\n \r\n pager = this.getPager(items.length, page, pageSize);\r\n \r\n var pageOfItems = items.slice(pager.startIndex, pager.endIndex + 1);\r\n \r\n this.setState({ pager: pager });\r\n \r\n this.props.onChangePage(pageOfItems);\r\n }\r\n \r\n // Se obtiene el paginador, es decir, cuantas páginas habrán\r\n // Se asigna la primera página como la actual\r\n // Se obtienen los elementos que serán mostrados en la primera página\r\n getPager(totalItems, currentPage, pageSize) {\r\n currentPage = currentPage || 1;\r\n \r\n pageSize = pageSize || 10;\r\n \r\n var totalPages = Math.ceil(totalItems / pageSize);\r\n \r\n var startPage, endPage;\r\n if (totalPages <= 10) {\r\n startPage = 1;\r\n endPage = totalPages;\r\n } else {\r\n if (currentPage <= 6) {\r\n startPage = 1;\r\n endPage = 10;\r\n } else if (currentPage + 4 >= totalPages) {\r\n startPage = totalPages - 9;\r\n endPage = totalPages;\r\n } else {\r\n startPage = currentPage - 5;\r\n endPage = currentPage + 4;\r\n }\r\n }\r\n \r\n var startIndex = (currentPage - 1) * pageSize;\r\n var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);\r\n \r\n var pages = [...Array((endPage + 1) - startPage).keys()].map(i => startPage + i);\r\n \r\n return {\r\n totalItems: totalItems,\r\n currentPage: currentPage,\r\n pageSize: pageSize,\r\n totalPages: totalPages,\r\n startPage: startPage,\r\n endPage: endPage,\r\n startIndex: startIndex,\r\n endIndex: endIndex,\r\n pages: pages\r\n };\r\n }\r\n \r\n render() {\r\n var pager = this.state.pager;\r\n \r\n // Si no hay más de 10 elementos no se muestran los controles de páginas.\r\n if (!pager.pages || pager.pages.length <= 1) {\r\n return null;\r\n }\r\n \r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Pagination;","import * as React from 'react'\r\n\r\n/**\r\n * Componente de utilería encargado de desplegar un modal con la única funcionalidad de\r\n * confirmar si desea o no realizar alguna acción especificada por el título del mismo.\r\n */\r\n\r\nclass AcceptModal extends React.Component {\r\n constructor(props){\r\n super(props);\r\n this.state={\r\n showAccept:true,\r\n showCancel:true\r\n }\r\n console.log(this.props.hideAccept)\r\n }\r\n\r\n render(){\r\n return (\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default AcceptModal","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './TableTemplate.css';\r\n\r\n/**\r\n * Componente de utilería de una tabla para su reutilización que recibe qué datos y qué columnas\r\n * mostrará, así como las acciones que puede realizar (editar, eliminar, detalles, más).\r\n */\r\nclass TableTemplate extends React.Component {\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n {/* Se revisa si el componente padre asignó el nombre de las columnas\r\n en caso de que no, se utiliza el nombre de la llave del objeto\r\n */}\r\n { \r\n this.props.checkbox && \r\n
\r\n }\r\n\r\n {this.props.columns.map((column, j) => {\r\n //Si el objeto llega a tener un atributo de activo, se muestra un\r\n //switch para el cambio rápido de estatus mediante la prop changeStatus().\r\n if (column.toLowerCase() === \"active\" || column.toLowerCase() === \"isactive\" || column.toLowerCase() === \"enablecancelnotification\" || column.toLowerCase() === \"enableorderrelease\") {\r\n return (
\r\n { }}\r\n />\r\n
\r\n
\r\n
\r\n )\r\n }\r\n\r\n ontrClick = (row) => {\r\n if (this.props.rowClickable) {\r\n this.props.details(row)\r\n }\r\n }\r\n}\r\n\r\n// Definición de los tipos y su dependencia de las distintas props que recibe el componente.\r\nTableTemplate.defaultProps = {\r\n columns: [],\r\n data: [],\r\n canEdit: false,\r\n canDelete: false,\r\n rowClickable: false,\r\n noActions: false,\r\n disableCheck: false,\r\n checkbox:false,\r\n canDownload:false,\r\n extraButtons: ()=>{}\r\n}\r\n\r\n// Definición de los valores por default de las props en caso de no ser recibidas por el padre.\r\nTableTemplate.propTypes = {\r\n columns: PropTypes.arrayOf(PropTypes.string).isRequired,\r\n data: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n columnsNames: PropTypes.arrayOf(PropTypes.string),\r\n canEdit: PropTypes.bool,\r\n canDelete: PropTypes.bool,\r\n canSync: PropTypes.bool,\r\n edit: PropTypes.func,\r\n remove: PropTypes.func,\r\n sync: PropTypes.func,\r\n rowClickable: PropTypes.bool,\r\n disableCheck: PropTypes.bool,\r\n details: PropTypes.func,\r\n changeStatus: PropTypes.func,\r\n changeOrderRelease: PropTypes.func,\r\n checkbox:PropTypes.bool,\r\n canDownload:PropTypes.bool,\r\n download: PropTypes.func,\r\n}\r\n\r\nexport default TableTemplate;","import React, { Component } from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport lodash from 'lodash';\r\n\r\nclass HasAccess extends React.Component {\r\n render() {\r\n let roles = localStorage.getItem('role').split(',');\r\n let permissions = localStorage.getItem('permissions').split(',');\r\n let hasAccess = lodash.intersection(this.props.roles, roles).length > 0 || lodash.intersection(this.props.permissions, permissions).length > 0\r\n return (\r\n hasAccess ? this.props.children : null\r\n );\r\n }\r\n}\r\n\r\nHasAccess.propTypes = {\r\n roles: PropTypes.arrayOf(PropTypes.any),\r\n permissions: PropTypes.arrayOf(PropTypes.any)\r\n}\r\n\r\nexport default HasAccess;\r\n","import React from \"react\";\r\nimport \"./BtnModoGuiado.css\"\r\nimport {Link} from 'react-router-dom'\r\n\r\nclass BtnModoGuiado extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n display: null,\r\n ultimaRuta: null\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n display: localStorage.getItem(\"modoGuiado\"),\r\n ultimaRuta: localStorage.getItem(\"ultimaRuta\")\r\n })\r\n }\r\n\r\n handleClickExit() {\r\n localStorage.removeItem(\"modoGuiado\");\r\n localStorage.removeItem(\"tipoModoGuiado\");\r\n\r\n // Esconder los componentes del modo guiado al presionar la x\r\n //\r\n let divContenedor = document.getElementsByClassName(\"componenteModoGuiado\");\r\n for(var i = 0 ; i < divContenedor.length ; i++) {\r\n divContenedor[i].style.display = \"none\";\r\n }\r\n }\r\n\r\n render() {\r\n if(this.state.display === 'true') {\r\n return (\r\n
\r\n )\r\n }else {\r\n return(null)\r\n }\r\n }\r\n}\r\n\r\nexport default BtnModoGuiado;","import { apiUrl } from \"../../constants\";\r\nimport axios from \"axios\";\r\nimport middleware from \"../../middleware/auth\";\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {\r\n Authorization: \"Bearer \" + localStorage.getItem(\"token\"),\r\n \"Content-Type\": \"application/json\",\r\n },\r\n});\r\n\r\nexport default class EmpresasAPI {\r\n // Get all business with pagination.\r\n static getAllBusiness(search = \"\", page = 1, segmento = 0, activo = true) {\r\n return middleware.hasAuth(() =>\r\n request.get(\r\n `/CaffenioEmpresas/GetAllBusiness?search=${search}&page=${page}&segment=${segmento}&active=${activo}`\r\n )\r\n );\r\n }\r\n\r\n // Get All segments actives.\r\n static getAllSegments() {\r\n return middleware.hasAuth(() => request.get(`/GetAllSegments`));\r\n }\r\n\r\n static getAllFilterSegments() {\r\n return middleware.hasAuth(() => request.get(`/GetAllFilterSegments`));\r\n }\r\n\r\n // Get business by ID.\r\n static getBusiness(idBusiness) {\r\n return middleware.hasAuth(() => request.get(`Empresa/${idBusiness}`));\r\n }\r\n\r\n // Change status of business.\r\n static changeBusinessStatus(id, value) {\r\n return middleware.hasAuth(() =>\r\n request.put(`/CaffenioEmpresas/ActiveOrDeactivateBusiness`, {\r\n idEmpresa: id,\r\n Activo: value,\r\n })\r\n );\r\n }\r\n\r\n // Update information of the business.\r\n static updateInfoToBusiness(infoUpdated) {\r\n return middleware.hasAuth(() =>\r\n request.patch(\"/CaffenioEmpresas/UpdateBusiness\", infoUpdated)\r\n );\r\n }\r\n\r\n static createNewBusiness(businessCreated) {\r\n return middleware.hasAuth(() =>\r\n request.post(\"/CaffenioEmpresas/CreateBusiness\", businessCreated)\r\n );\r\n }\r\n\r\n // Delete business.\r\n static deleteBusiness(businessDeleted) {\r\n return middleware.hasAuth(() =>\r\n request.delete(\"CaffenioEmpresas/DeleteBusiness\", {\r\n data: businessDeleted,\r\n })\r\n );\r\n }\r\n}\r\n","import * as React from 'react';\r\n/**\r\n * Componente de utilería para un que su único fin sea la búsqueda de algún elemento en una lista\r\n */\r\nexport default class SearchForm extends React.Component{\r\n\r\n render(){\r\n return (\r\n \r\n )\r\n }\r\n}","import React from \"react\"\r\nimport { toast } from 'react-toastify';\r\nimport { ExtraccionesCafeComponent } from \"./ExtraccionesCafeComponent\";\r\nimport ErrorMessages from '../../util/validation-error-messages';\r\nimport update from 'immutability-helper';\r\nimport ExtraccionesCafeAPI from '../../services/ExtraccionesCafe';\r\nimport lodash from 'lodash';\r\n\r\nclass ExtraccionesCafeContainer extends React.Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n isEditing: false,\r\n isLoading: false, \r\n isSubmitting: false,\r\n hasInvalidFields: false,\r\n showModalEditFormula: false,\r\n showModalEditRecipes: false,\r\n showModalEditToppings: false,\r\n\r\n showModalRemoveRecipe: false,\r\n recipeToRemove: {},\r\n\r\n showModalRemoveElementFormula: false,\r\n indexToRemoveFormula: 0,\r\n\r\n showModalRemoveTopping: false,\r\n toppingToRemove: {},\r\n\r\n showModalInfo: false,\r\n\r\n showModal: false,\r\n formulaWasModified: false, \r\n formulaIsValid: false,\r\n\r\n tiempoVidaIsEmpty: false,\r\n tiempoVidaIsZero: false,\r\n tiempoVidaIsMax: false,\r\n\r\n frecuenciaIsEmpty: false,\r\n frecuenciaIsZero: false,\r\n frecuenciaIsMax: false,\r\n\r\n invalidFieldTiempoVida: false,\r\n invalidFieldFrecuencia: false,\r\n\r\n addElementFormulaIsDisabled: false,\r\n removeElementFormulaIsDisabled: false,\r\n\r\n formulaData: {...this.props.formulaData},\r\n formula: [...this.props.formula],\r\n\r\n pageRecipes: [],\r\n pageToppings: [],\r\n\r\n isFinishLoading : false\r\n\r\n // formula: [\r\n // {id: \"1\", isDraggableDisabled: false, text: \"TiempoVida\" },\r\n // {id: \"2\", isDraggableDisabled: true, text: \"/\" },\r\n // {id: \"3\", isDraggableDisabled: true, text: \"(\" },\r\n // {id: \"4\", isDraggableDisabled: false, text: \"Frecuencia\"},\r\n // {id: \"5\", isDraggableDisabled: true, text: \"/\" },\r\n // {id: \"6\", isDraggableDisabled: false, text: \"VentaHistorica\" },\r\n // {id: \"7\", isDraggableDisabled: true, text: \")\" },\r\n // ],\r\n \r\n // formulaData : {\r\n // IdFormulaExtractos: 1,\r\n // FormulaText: \"\",\r\n // Frecuencia: 1,\r\n // TiempoVida: 1,\r\n // Recetas: [],\r\n // Toppings: []\r\n // // }\r\n\r\n }\r\n this.initialFormula = []\r\n this.onDragEnd = this.onDragEnd.bind(this);\r\n this.baseState = this.state;\r\n this.grid = 6;\r\n \r\n }\r\n \r\n componentDidMount(){\r\n this.changeLoading();\r\n this.getFormulaData();\r\n }\r\n\r\n /**\r\n * Función que se encarga de guardar los cambios que se hacen el modal para editar la formula\r\n */\r\n\r\n\r\n saveFormula = () => {\r\n this.initialFormula = lodash.cloneDeep(this.state.formula);\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditFormula: {$set: false},\r\n formulaWasModified: {$set: false},\r\n formulaIsValid: {$set: false},\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Se editó la fórmula con éxito`);\r\n });\r\n }\r\n\r\n /**\r\n * Funcion para agregar elemento a la formula cuando el usuario da click en botón \"Agregar elemento\"\r\n */\r\n\r\n addElementFormula = () => {\r\n\r\n if (this.state.formula.length > 10){\r\n toast.error(\"La formúla no puede tener más de 11 elementos\")\r\n let newState = update(this.state, {\r\n addElementFormulaIsDisabled: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n else {\r\n let _formula = this.state.formula;\r\n\r\n _formula.map((f,index) => {\r\n f.id = (index+1).toString();\r\n })\r\n\r\n _formula.push(\r\n {\r\n id: (this.state.formula.length+1).toString(),\r\n isDraggableDisabled: false,\r\n text: \"\"\r\n }\r\n )\r\n let newState = update(this.state, {\r\n formula: {$set: _formula},\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false},\r\n removeElementFormulaIsDisabled: {$set: false} \r\n })\r\n this.setState(newState);\r\n }\r\n }\r\n\r\n /**\r\n * Funcion para agregar eliminar un elemento de la fórmula\r\n */\r\n\r\n removeElementFormula = () => {\r\n\r\n if(this.state.formula[this.state.indexToRemoveFormula].isDraggableDisabled == true){\r\n toast.error(\"No se pueden eliminar las variables predeterminadas\")\r\n }\r\n else {\r\n let _formula = this.state.formula;\r\n\r\n _formula.splice(this.state.indexToRemoveFormula,1);\r\n\r\n _formula.map((f,index) => {\r\n f.id = (index+1).toString();\r\n })\r\n\r\n let newState = update(this.state, {\r\n formula: {$set: _formula},\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false},\r\n addElementFormulaIsDisabled: {$set: false},\r\n showModalRemoveElementFormula: {$set: false}\r\n })\r\n this.setState(newState, () => {\r\n toast.success(`Elemento de la fórmula eliminado con éxito.`);\r\n });\r\n }\r\n\r\n }\r\n\r\n /**\r\n * Funcion para mostrar el modal de confirmación para eliminar un elemento de la fórmula\r\n * @param index índice del elemento en el arreglo\r\n */\r\n\r\n toggleModalRemoveElementFormula = (index) => {\r\n let newState = update(this.state, {\r\n showModalRemoveElementFormula: {$set: true},\r\n indexToRemoveFormula: {$set: index}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion para cerrar el modal de confirmación para eliminar un elemento de la fórmula\r\n */\r\n\r\n cancelModalRemoveElementFormula = () => {\r\n let newState = update(this.state, {\r\n showModalRemoveElementFormula: {$set: false},\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n\r\n checkDraggableStatus = (e, index) => {\r\n e.stopPropagation();\r\n }\r\n\r\n /**\r\n * Funcion para obtener la información del módulo mediante un servicio\r\n */\r\n\r\n getFormulaData = async() => {\r\n try{\r\n let formulaData = await ExtraccionesCafeAPI.GetFormulaData();\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n formulaData: {$set: formulaData.data},\r\n });\r\n this.setState(newState, () => {\r\n\r\n let auxFormulaString = this.state.formulaData.FormulaText.split(' ');\r\n let auxFormulaObject = []\r\n\r\n auxFormulaString.forEach((element, index) => {\r\n auxFormulaObject[index] = {...this.state.formula[index], text: element}\r\n })\r\n\r\n auxFormulaString.forEach((element, index) => {\r\n auxFormulaObject[index].id = (index + 1).toString();\r\n if(auxFormulaObject[index].text.length == 1 || isNaN(auxFormulaObject[index].text) == false ){\r\n auxFormulaObject[index].isDraggableDisabled = false;\r\n }\r\n else{\r\n auxFormulaObject[index].isDraggableDisabled = true;\r\n }\r\n\r\n })\r\n\r\n let newState = update(this.state, {\r\n formula: {$set: auxFormulaObject},\r\n isFinishLoading: {$set: true}\r\n });\r\n\r\n this.setState(newState, () => {\r\n this.initialFormula = lodash.cloneDeep(this.state.formula);\r\n }); \r\n });\r\n\r\n } catch (err) {\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n });\r\n this.setState(newState, async() => {\r\n try{\r\n //En caso que no exista registro de formula, lo crea\r\n //let newFormulaData = await ExtraccionesCafeAPI.CreateFormulaData(this.state.formulaData);\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n });\r\n this.setState(newState);\r\n }catch (err){\r\n if(err.response)\r\n toast.error(err.response.data.Message)\r\n else\r\n toast.error(ErrorMessages.SinConexion)\r\n }\r\n \r\n let newState2 = update(this.state, {\r\n isLoading: {$set: false}\r\n });\r\n this.setState(newState2); \r\n \r\n });\r\n \r\n } \r\n\r\n let newState = update(this.state, {\r\n isLoading: {$set: false}\r\n });\r\n this.setState(newState); \r\n \r\n }\r\n\r\n\r\n /**\r\n * Funcion que se ejecuta para guardar toda la información del módulo en base de datos\r\n */\r\n\r\n saveModule = () => {\r\n\r\n if((!this.state.invalidFieldTiempoVida) && (!this.state.invalidFieldFrecuencia)){\r\n let auxFormula = this.state.formula.map(e => e.text).join(' ');\r\n let newState = update(this.state, {\r\n isLoading: {$set: true}, \r\n formulaData: {\r\n FormulaText: {$set: auxFormula}\r\n }\r\n });\r\n this.setState(newState, async() => {\r\n\r\n try{\r\n let newFormulaData = await ExtraccionesCafeAPI.UpdateFormulaData(this.state.formulaData);\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Se guardó la información correctamente`);\r\n });\r\n }catch (err){\r\n if(err.response)\r\n toast.error(err.response.data.Message)\r\n else\r\n toast.error(ErrorMessages.SinConexion)\r\n }\r\n\r\n let newState2 = update(this.state, {\r\n isLoading: {$set: false}\r\n });\r\n this.setState(newState2); \r\n \r\n });\r\n }\r\n else{\r\n toast.error(\"Verifica que todos los campos sean válidos antes de guardar\")\r\n }\r\n\r\n }\r\n\r\n\r\n /**\r\n * Funcion que actualiza los elementos que se muestran en la paginación de las recetas a excluir\r\n * @param recipes arreglo con recetas de la página actual\r\n */\r\n\r\n changeRecipePage = (recipes) => {\r\n // let newState = update(this.state, {\r\n // pageRecipes: {$set: recipes}\r\n // })\r\n \r\n // this.setState(newState);\r\n\r\n this.setState({pageRecipes: [...recipes]})\r\n }\r\n\r\n /**\r\n * Funcion que actualiza los elementos que se muestran en la paginación de los toppings a excluir\r\n * @param recipes arreglo con toppings de la página actual\r\n */\r\n\r\n changeToppingPage = (toppings) => {\r\n // let newState = update(this.state, {\r\n // pageToppings: {$set: toppings}\r\n // })\r\n // this.setState(newState);\r\n this.setState({pageToppings: [...toppings]})\r\n }\r\n\r\n /**\r\n * Funcion que elimina un elemento de la lista de recetas a excluir\r\n */\r\n\r\n removeRecipeFromList = () => {\r\n let _recipes = this.state.formulaData.Recetas.filter( r => {\r\n return r.RecipeId !== this.state.recipeToRemove.RecipeId\r\n });\r\n\r\n let newState = update(this.state, {\r\n formulaData: {\r\n Recetas: {$set: _recipes},\r\n },\r\n showModalRemoveRecipe: {$set: false}\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Receta eliminada con éxito.`);\r\n });\r\n\r\n }\r\n\r\n /**\r\n * Funcion que muestra el modal de confirmación para remover una receta de la lista de recetas a excluir\r\n * @param recipe receta que se quiere eliminar de la lista\r\n */\r\n\r\n toggleModalRemoveRecipe = (recipe) => {\r\n let newState = update(this.state, {\r\n showModalRemoveRecipe: {$set: true},\r\n recipeToRemove: {$set: recipe}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que cierra el modal de confirmación para eliminar una receta de la lista\r\n */\r\n\r\n closeModalRemoveRecipe = () => {\r\n let newState = update(this.state, {\r\n showModalRemoveRecipe: {$set: false},\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que elimina un elemento de la lista de toppings a excluir\r\n */\r\n\r\n removeToppingFromList = () => {\r\n let _toppings = this.state.formulaData.Toppings.filter( t => {\r\n return t.InventoryItemId !== this.state.toppingToRemove.InventoryItemId\r\n });\r\n let newState = update(this.state, {\r\n formulaData: {\r\n Toppings: {$set: _toppings}\r\n },\r\n showModalRemoveTopping: {$set: false}\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Topping eliminado con éxito.`)\r\n });\r\n\r\n }\r\n\r\n /**\r\n * Funcion que muestra el modal de confirmación para remover un topping de la lista de toppings a excluir\r\n * @param topping topping que se quiere eliminar de la lista\r\n */\r\n\r\n toggleModalRemoveTopping = (topping) => {\r\n let newState = update(this.state, {\r\n showModalRemoveTopping: {$set: true},\r\n toppingToRemove: {$set: topping}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que cierra el modal de confirmación para eliminar una receta de la lista\r\n */\r\n\r\n closeModalRemoveTopping = () => {\r\n let newState = update(this.state, {\r\n showModalRemoveTopping: {$set: false},\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que guarda las recetas que se quieren excluir\r\n * @param checkedRecipes recetas que fueron seleccionadas\r\n */\r\n\r\n saveRecipes = (checkedRecipes) => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditRecipes: {$set: false},\r\n formulaData: {\r\n Recetas: {$set: checkedRecipes}\r\n },\r\n \r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Las recetas se actualizaron`);\r\n });\r\n }\r\n\r\n /**\r\n * Funcion que guarda las recetas que se quieren excluir\r\n * @param checkedToppings toppings que fueron seleccionados\r\n */\r\n\r\n saveToppings = (checkedToppings) => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditToppings: {$set: false},\r\n formulaData: {\r\n Toppings: {$set: checkedToppings}\r\n },\r\n \r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Los toppings se actualizaron`);\r\n });\r\n }\r\n\r\n /**\r\n * Funcion que guarda las recetas que se quieren excluir\r\n * @param e event\r\n * @param index índice del elemento de la fórmula que fue modificado\r\n */\r\n\r\n handleChangeFormula = (e, index) => {\r\n\r\n let filter = /^((\\+|-|\\/|\\*|\\(|\\)){1}|\\b([1-9]|[1-9][0-9]|100)\\b){0,1}$/;\r\n\r\n if(!filter.test(e.target.value)){\r\n return;\r\n }\r\n\r\n if(this.state.formula[index].isDraggableDisabled == true){\r\n return;\r\n }\r\n\r\n let newState = update(this.state, {\r\n\r\n formula: {\r\n [index]: {\r\n text : {$set: e.target.value}\r\n }\r\n },\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false}\r\n \r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que es llamada cuando se da cancel en el modal para editar la fórmula\r\n */\r\n\r\n cancelEditFormulaModal = () => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditFormula: {$set: false},\r\n formulaWasModified: {$set: false},\r\n formulaIsValid: {$set: false},\r\n formula: {$set: this.initialFormula},\r\n addElementFormulaIsDisabled: {$set: false},\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para agregar/eliminar recetas de la\r\n * lista de recetas a excluir\r\n */\r\n\r\n cancelRecipesModal = () => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditRecipes: {$set: false},\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para cancelar el modal para agregar/eliminar toppings de la\r\n * lista de toppings a excluir\r\n */\r\n\r\n cancelToppingsModal = () => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditToppings: {$set: false},\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se encarga de regresar el estado a su estado inicial\r\n */\r\n resetState = () => {\r\n this.setState(this.baseState)\r\n }\r\n\r\n /**\r\n * Función que se encarga de checar si hay campos vacios en el modal\r\n */\r\n\r\n checkHasInvalidFields = () => {\r\n return !this.state.hasInvalidFields;\r\n }\r\n\r\n /**\r\n * Función que se encarga de cambiar el loading del state a su estado opuesto\r\n */\r\n\r\n changeLoading = () => {\r\n let newState = update(this.state, {\r\n isLoading: {$set : !this.state.isLoading}\r\n });\r\n this.setState(newState); \r\n }\r\n\r\n /**\r\n * Función que se encarga de hacer de manejar cambios en campo de Tiempo Vida\r\n */\r\n handleChangeTiempoVida = (e) => { \r\n\r\n let auxTiempoVidaIsEmpty = false, auxTiempoVidaIsZero = false, auxTiempoVidaIsMax = false, auxInvalidFieldTiempoVida = false;\r\n if ((isNaN(e.target.value)) || !(e.target.value)) { \r\n auxTiempoVidaIsEmpty = true;\r\n auxInvalidFieldTiempoVida = true;\r\n }\r\n if(e.target.valueAsNumber === 0){\r\n auxTiempoVidaIsZero = true;\r\n auxInvalidFieldTiempoVida = true;\r\n }\r\n if(e.target.valueAsNumber > 480){\r\n auxTiempoVidaIsMax = true;\r\n auxInvalidFieldTiempoVida = true;\r\n }\r\n\r\n let newState = update(this.state, {\r\n formulaData: {\r\n [e.target.name] : {$set: e.target.valueAsNumber},\r\n },\r\n tiempoVidaIsEmpty: {$set: auxTiempoVidaIsEmpty},\r\n tiempoVidaIsZero: {$set: auxTiempoVidaIsZero},\r\n tiempoVidaIsMax: {$set: auxTiempoVidaIsMax},\r\n invalidFieldTiempoVida: {$set: auxInvalidFieldTiempoVida} \r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se encarga de hacer de manejar cambios en campo de Frecuencia\r\n */\r\n handleChangeFrecuencia = (e) => { \r\n\r\n let auxFrecuenciaIsEmpty = false, auxFrecuenciaIsZero = false, auxFrecuenciaIsMax = false ,auxInvalidFieldFrecuencia = false;\r\n if ((isNaN(e.target.value)) || !(e.target.value)) { \r\n auxFrecuenciaIsEmpty = true;\r\n auxInvalidFieldFrecuencia = true;\r\n }\r\n if(e.target.valueAsNumber === 0){\r\n auxFrecuenciaIsZero = true;\r\n auxInvalidFieldFrecuencia = true;\r\n }\r\n if(e.target.valueAsNumber > 480){\r\n auxFrecuenciaIsMax = true;\r\n auxInvalidFieldFrecuencia = true;\r\n }\r\n\r\n let newState = update(this.state, {\r\n formulaData: {\r\n [e.target.name] : {$set: e.target.valueAsNumber},\r\n },\r\n frecuenciaIsEmpty: {$set: auxFrecuenciaIsEmpty},\r\n frecuenciaIsZero: {$set: auxFrecuenciaIsZero},\r\n frecuenciaIsMax: {$set: auxFrecuenciaIsMax},\r\n invalidFieldFrecuencia: {$set: auxInvalidFieldFrecuencia} \r\n\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n\r\n // Solo permite números, sin signos ni exponenciales\r\n onKeyPressNumber(event) {\r\n const keyCode = event.keyCode || event.which;\r\n const keyValue = String.fromCharCode(keyCode);\r\n if (/\\+|-|e|E|\\./.test(keyValue) || event.target.value.length >= event.target.getAttribute('maxLength'))\r\n event.preventDefault();\r\n }\r\n\r\n // No permite escribir en el ccampo\r\n onKeyDown(event) {\r\n event.preventDefault();\r\n } \r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para editar la fórmula\r\n * @param e event\r\n */\r\n\r\n toggleEditFormulaModal = (e) => {\r\n e.stopPropagation();\r\n this.initialFormula = lodash.cloneDeep(this.state.formula);\r\n let newState = update(this.state, {\r\n showModalEditFormula: {$set: true},\r\n showModal: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para agregar o eliminar recetas a excluir\r\n * @param e event\r\n */\r\n\r\n toggleEditRecipesModal = (e) => {\r\n e.stopPropagation();\r\n let newState = update(this.state, {\r\n showModalEditRecipes: {$set: true},\r\n showModal: {$set: true}\r\n\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para agregar o eliminar toppings a excluir \r\n * @param e event\r\n */\r\n\r\n toggleEditToppingsModal = (e) => {\r\n e.stopPropagation();\r\n let newState = update(this.state, {\r\n showModalEditToppings: {$set: true},\r\n showModal: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal que da información acerca del módulo\r\n * @param e event\r\n */\r\n\r\n toggleModalInfo = (e) => {\r\n e.stopPropagation();\r\n let newState = update(this.state, {\r\n showModalInfo: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para cancelar el modal de información del módulo\r\n */\r\n\r\n cancelModalInfo = () => {\r\n let newState = update(this.state, {\r\n showModalInfo: {$set: false}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta al dar \"cancelar\" en el modal de \r\n * \"Confirmar desactivar dos lineas producción\"\r\n */\r\n closeAcceptModal = () => {\r\n let newState = update(this.state, {\r\n showModalConfirmationMessage: {$set: false}\r\n\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se encarga de cerrar el modal de la configuraciónVP\r\n */\r\n\r\n closeModal = () => {\r\n toast.success(\"Éxito\");\r\n this.props.cancel();\r\n }\r\n \r\n /**\r\n * Función que se ejecuta para verificar que la formula es válida\r\n */\r\n\r\n checkFormula = () => {\r\n let _newState = update(this.state, {\r\n isLoading: {$set : true}\r\n });\r\n this.setState(_newState, () => {\r\n let auxFormula = this.state.formula.map(e => e.text).join(' ');\r\n let TiempoVida = this.state.tiempoVida;\r\n let Frecuencia = this.state.frecuencia;\r\n let VentaHistorica = 1;\r\n \r\n try {\r\n let result = eval(auxFormula);\r\n let newState = update(this.state, {\r\n formulaIsValid: {$set: true},\r\n isLoading: {$set: false}\r\n })\r\n this.setState(newState, () => {\r\n toast.success(`La fórmula es válida`);\r\n });\r\n\r\n } catch (err) {\r\n let newState = update(this.state, {\r\n isLoading: {$set: false}\r\n })\r\n this.setState(newState, () => {\r\n toast.error(`La fórmula no es válida, revise los elementos de la fórmula`);\r\n });\r\n }\r\n\r\n }); \r\n\r\n }\r\n\r\n /**\r\n * Función que se ejecuta al soltar un elemento en el drag n drop\r\n * @param result objeto del drag n drop\r\n */\r\n\r\n onDragEnd = (result) => {\r\n // dropped outside the list\r\n if (!result.destination) {\r\n return;\r\n }\r\n \r\n var items = this.reorder(\r\n this.state.formula,\r\n result.source.index,\r\n result.destination.index\r\n );\r\n\r\n let newState = update(this.state, {\r\n\r\n formula: {$set: items},\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false}\r\n })\r\n this.setState(newState);\r\n\r\n }\r\n\r\n // a little function to help us with reordering the result\r\n reorder = (list, startIndex, endIndex) => {\r\n const result = Array.from(list);\r\n const [removed] = result.splice(startIndex, 1);\r\n result.splice(endIndex, 0, removed);\r\n // var b = result[y];\r\n // result[y] = result[x];\r\n // result[x] = b;\r\n \r\n return result;\r\n };\r\n \r\n getItemStyle = (isDragging, draggableStyle) => ({\r\n // some basic styles to make the items look a bit nicer\r\n userSelect: 'none',\r\n padding: this.grid * 2,\r\n margin: `0 ${this.grid}px 0 0`,\r\n \r\n // change background colour if dragging\r\n background: isDragging ? 'lightgreen' : 'lightgrey',\r\n \r\n // styles we need to apply on draggables\r\n ...draggableStyle,\r\n });\r\n \r\n getListStyle = isDraggingOver => ({\r\n background: isDraggingOver ? 'lightblue' : 'white',\r\n display: 'flex',\r\n padding: this.grid,\r\n overflow: 'auto',\r\n });\r\n\r\n\r\n render(){\r\n \r\n return (\r\n this.state.isFinishLoading &&\r\n \r\n );\r\n }\r\n\r\n\r\n}\r\n\r\nExtraccionesCafeContainer.defaultProps = {\r\n \r\n formula: [\r\n\r\n ],\r\n\r\n formulaData : {\r\n IdFormulaExtractos: 1,\r\n FormulaText: \"\",\r\n Frecuencia: 1,\r\n TiempoVida: 1,\r\n Recetas: [],\r\n Toppings: []\r\n }\r\n}\r\n\r\n\r\n\r\nexport { ExtraccionesCafeContainer };","import { apiUrl } from \"../constants\";\r\nimport axios from 'axios';\r\nimport { stringify } from 'querystring';\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {'Authorization':'Bearer ' +localStorage.getItem('token'),'Content-Type':'application/json','Access-Control-Allow-Origin' : '*',}\r\n})\r\nexport default class RecipesAPI {\r\n static getAll() {\r\n return request.get('/Recipe');\r\n }\r\n\r\n static get(id) {\r\n return request.get(`/Recipe/${id}`);\r\n }\r\n\r\n static create(Recipe) {\r\n return request.post('/Recipe',Recipe);\r\n }\r\n\r\n /** Crea request con formdata, incluye si existe la imagen de la receta */\r\n static createWithFormData(Recipe, imagen){\r\n let fd = new FormData(); \r\n fd.append(\"modelo\", JSON.stringify(Recipe));\r\n imagen && fd.append(\"Image\", imagen);\r\n\r\n return request.post('/Recipe/multimedia', fd);\r\n }\r\n \r\n /**Crea recetas en conjunto */\r\n static createMulti(Recipe) {\r\n return request.post('/Recipe/Multi',Recipe);\r\n }\r\n\r\n\r\n static edit(Recipe){\r\n return request.put(`/Recipe`,Recipe);\r\n }\r\n\r\n /** Edita request con formdata, incluye si existe la imagen de la receta */\r\n static editWithFormData(Recipe, imagen){\r\n let fd = new FormData(); \r\n if(imagen !== null ){\r\n Recipe.Image = \"\";\r\n } \r\n fd.append(\"modelo\", JSON.stringify(Recipe));\r\n imagen && fd.append(\"Image\", imagen);\r\n\r\n\r\n return request.put('/Recipe/multimedia', fd);\r\n }\r\n\r\n /** Edita request con formdata, incluye si existe la imagen de la receta */\r\n static editTipoSaborWithFormData(Recipe, imagen){\r\n let fd = new FormData(); \r\n if(imagen !== null ){\r\n Recipe.Image = \"\";\r\n } \r\n fd.append(\"modelo\", JSON.stringify(Recipe));\r\n imagen && fd.append(\"Image\", imagen);\r\n\r\n\r\n return request.put('/Recipe/multimedia/tiposabor', fd);\r\n }\r\n\r\n /** Edita request con formdata, incluye si existe la imagen del tipo receta */\r\n static editTipoRecetaWithFormData(Recipe, imagen){\r\n let fd = new FormData(); \r\n if(imagen !== null ){\r\n Recipe.Image = \"\";\r\n } \r\n fd.append(\"modelo\", JSON.stringify(Recipe));\r\n imagen && fd.append(\"Image\", imagen);\r\n\r\n\r\n return request.put('/Recipe/multimedia/tiporeceta', fd);\r\n }\r\n\r\n /** Edita request con formdata, incluye si existe la imagen del tipo receta */\r\n static editPresentacionWithFormData(Recipe, imagen){\r\n let fd = new FormData(); \r\n if(imagen !== null ){\r\n Recipe.Image = \"\";\r\n } \r\n fd.append(\"modelo\", JSON.stringify(Recipe));\r\n imagen && fd.append(\"Image\", imagen);\r\n\r\n\r\n return request.put('/Recipe/multimedia/presentacion', fd);\r\n }\r\n\r\n static delete(id){\r\n return request.delete(`Recipe/${id}`);\r\n }\r\n\r\n static sync(id){\r\n return request.post(`/Recipe/Sync/${id}`);\r\n }\r\n\r\n static syncMulti(lstIds){\r\n return request.post(`/Recipe/SyncMulti/`, lstIds);\r\n }\r\n\r\n static addToppings(Recipes){\r\n return request.post(`/Recipe/AddToppings`, Recipes)\r\n }\r\n\r\n /**Función para agragar y/o actualizar cantidades de artículos inventarios de una receta */\r\n static addInventoryItems(Recipe){\r\n return request.post(`Recipe/AddInventoryItems`, Recipe)\r\n }\r\n\r\n static getMenu(recipeId){\r\n return request.get(`/Recipe/GetMenu/${recipeId}`)\r\n }\r\n\r\n static newFeatured(recipeId){\r\n return request.post(`/Featured/FeaturedSave`, recipeId)\r\n }\r\n\r\n /**\r\n * Obtienen listado de recetas por parametros\r\n */\r\n static getByParams(params){ \r\n return request.get(`/Recipe?${stringify({...params})}`);\r\n }\r\n \r\n /**\r\n * Actualiza la imagen y el nombre corto de la receta \r\n * @param {*} Recipe \r\n * @param {*} imagen \r\n * @returns \r\n */\r\n static editImageRecipe(Recipe){\r\n let fd = new FormData();\r\n for(var prop in Recipe){\r\n if(Recipe[prop] != null && Recipe[prop] != undefined)\r\n fd.append(prop, Recipe[prop])\r\n }\r\n\r\n\r\n return request.patch('/RecipeHeader/multimedia', fd);\r\n }\r\n}","import { apiUrl } from \"../constants\";\r\nimport axios from 'axios';\r\nimport middleware from '../middleware/auth';\r\n\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {'Authorization':'Bearer ' +localStorage.getItem('token'),'Content-Type':'application/json'}\r\n})\r\nexport default class PresentationsAPI {\r\n static getAll() {\r\n return middleware.hasAuth(() => request.get('/Presentation'));\r\n }\r\n\r\n static get(id) {\r\n return middleware.hasAuth(() => request.get(`/Presentation/${id}`));\r\n }\r\n\r\n static getByClasification(ids){\r\n return middleware.hasAuth(() => request.post(`/Presentation/GetByClassification`, ids));\r\n }\r\n\r\n static create(Presentation) {\r\n let fd = new FormData();\r\n fd.append(\"Name\", Presentation.Name);\r\n fd.append(\"Position\", Presentation.Position);\r\n fd.append(\"RecipeName\", Presentation.RecipeName);\r\n fd.append(\"Active\", Presentation.Active)\r\n fd.append(\"SegmentId\", Presentation.SegmentationId.SegmentId)\r\n fd.append(\"NombreApp\", Presentation.NombreApp)\r\n Presentation.Image instanceof File && fd.append(\"Image\", Presentation.Image);\r\n return middleware.hasAuth(() => request.post('/Presentation', fd));\r\n }\r\n\r\n static edit(Presentation, id){\r\n let fd = new FormData();\r\n fd.append(\"PresentationId\", Presentation.PresentationId);\r\n fd.append(\"Name\", Presentation.Name);\r\n fd.append(\"Position\", Presentation.Position);\r\n fd.append(\"RecipeName\", Presentation.RecipeName);\r\n fd.append(\"Active\", Presentation.Active)\r\n fd.append(\"NombreApp\", Presentation.NombreApp)\r\n Presentation.idSegmento && fd.append(\"SegmentId\", Presentation.idSegmento)\r\n \r\n Presentation.Image instanceof File && fd.append(\"Image\", Presentation.Image);\r\n\r\n return middleware.hasAuth(() => request.put(`/Presentation`, fd));\r\n }\r\n\r\n static delete(id){\r\n return middleware.hasAuth(() => request.delete(`Presentation/${id}`));\r\n }\r\n}","import React from \"react\"\r\nimport { toast } from 'react-toastify';\r\nimport { ProyeccionFormulaComponent } from \"./ProyeccionFormulaComponent\";\r\nimport ErrorMessages from '../../util/validation-error-messages';\r\nimport update from 'immutability-helper';\r\nimport ProyeccionFormulaAPI from \"../../services/ProyeccionFormula\";\r\nimport lodash from 'lodash';\r\n\r\nclass ProyeccionFormulaContainer extends React.Component {\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n isEditing: false,\r\n isLoading: false, \r\n isSubmitting: false,\r\n hasInvalidFields: false,\r\n showModalEditFormula: false,\r\n showModalEditRecipes: false,\r\n showModalEditToppings: false,\r\n\r\n showModalRemoveRecipe: false,\r\n recipeToRemove: {},\r\n\r\n showModalRemoveElementFormula: false,\r\n indexToRemoveFormula: 0,\r\n\r\n showModalRemoveTopping: false,\r\n toppingToRemove: {},\r\n\r\n showModalInfo: false,\r\n\r\n showModal: false,\r\n formulaWasModified: false, \r\n formulaIsValid: false,\r\n\r\n tiempoVidaIsEmpty: false,\r\n tiempoVidaIsZero: false,\r\n tiempoVidaIsMax: false,\r\n\r\n frecuenciaIsEmpty: false,\r\n frecuenciaIsZero: false,\r\n frecuenciaIsMax: false,\r\n\r\n invalidFieldTiempoVida: false,\r\n invalidFieldFrecuencia: false,\r\n\r\n addElementFormulaIsDisabled: false,\r\n removeElementFormulaIsDisabled: false,\r\n\r\n // formulaData: {...this.props.formulaData},\r\n formula: [...this.props.formula],\r\n // proyeccion: {},\r\n pageRecipes: [],\r\n pageToppings: [],\r\n\r\n isFinishLoading : false\r\n\r\n // formula: [\r\n // {id: \"1\", isDraggableDisabled: false, text: \"TiempoVida\" },\r\n // {id: \"2\", isDraggableDisabled: true, text: \"/\" },\r\n // {id: \"3\", isDraggableDisabled: true, text: \"(\" },\r\n // {id: \"4\", isDraggableDisabled: false, text: \"Frecuencia\"},\r\n // {id: \"5\", isDraggableDisabled: true, text: \"/\" },\r\n // {id: \"6\", isDraggableDisabled: false, text: \"VentaHistorica\" },\r\n // {id: \"7\", isDraggableDisabled: true, text: \")\" },\r\n // ],\r\n \r\n // formulaData : {\r\n // IdFormulaExtractos: 1,\r\n // FormulaText: \"\",\r\n // Frecuencia: 1,\r\n // TiempoVida: 1,\r\n // Recetas: [],\r\n // Toppings: []\r\n // // }\r\n\r\n }\r\n this.initialFormula = []\r\n this.onDragEnd = this.onDragEnd.bind(this);\r\n this.baseState = this.state;\r\n this.grid = 6;\r\n \r\n }\r\n \r\n componentDidMount(){\r\n this.changeLoading();\r\n // this.getFormulaData();\r\n if (!this.props.location.state) {\r\n this.props.history.push(`/productos-proyeccion`);\r\n return;\r\n }\r\n this.setFormulaData();\r\n // this.setState({ proyeccionList: this.props.location.state.proyeccionList }, () =>{ console.log(\"El state de proyeccion >> \", this.state); });\r\n }\r\n\r\n /**\r\n * Función que se encarga de guardar los cambios que se hacen el modal para editar la formula\r\n */\r\n\r\n\r\n saveFormula = () => {\r\n this.initialFormula = lodash.cloneDeep(this.state.formula);\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditFormula: {$set: false},\r\n formulaWasModified: {$set: false},\r\n formulaIsValid: {$set: false},\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Se editó la fórmula con éxito`);\r\n });\r\n }\r\n\r\n /**\r\n * Funcion para agregar elemento a la formula cuando el usuario da click en botón \"Agregar elemento\"\r\n */\r\n\r\n addElementFormula = () => {\r\n\r\n if (this.state.formula.length > 10){\r\n toast.error(\"La formúla no puede tener más de 11 elementos\")\r\n let newState = update(this.state, {\r\n addElementFormulaIsDisabled: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n else {\r\n let _formula = this.state.formula;\r\n\r\n _formula.map((f,index) => {\r\n f.id = (index+1).toString();\r\n })\r\n\r\n _formula.push(\r\n {\r\n id: (this.state.formula.length+1).toString(),\r\n isDraggableDisabled: false,\r\n text: \"\"\r\n }\r\n )\r\n let newState = update(this.state, {\r\n formula: {$set: _formula},\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false},\r\n removeElementFormulaIsDisabled: {$set: false} \r\n })\r\n this.setState(newState);\r\n }\r\n }\r\n\r\n /**\r\n * Funcion para agregar eliminar un elemento de la fórmula\r\n */\r\n\r\n removeElementFormula = () => {\r\n\r\n if(this.state.formula[this.state.indexToRemoveFormula].isDraggableDisabled == true){\r\n toast.error(\"No se pueden eliminar las variables predeterminadas\")\r\n }\r\n else {\r\n let _formula = this.state.formula;\r\n\r\n _formula.splice(this.state.indexToRemoveFormula,1);\r\n\r\n _formula.map((f,index) => {\r\n f.id = (index+1).toString();\r\n })\r\n\r\n let newState = update(this.state, {\r\n formula: {$set: _formula},\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false},\r\n addElementFormulaIsDisabled: {$set: false},\r\n showModalRemoveElementFormula: {$set: false}\r\n })\r\n this.setState(newState, () => {\r\n toast.success(`Elemento de la fórmula eliminado con éxito.`);\r\n });\r\n }\r\n\r\n }\r\n\r\n /**\r\n * Funcion para mostrar el modal de confirmación para eliminar un elemento de la fórmula\r\n * @param index índice del elemento en el arreglo\r\n */\r\n\r\n toggleModalRemoveElementFormula = (index) => {\r\n let newState = update(this.state, {\r\n showModalRemoveElementFormula: {$set: true},\r\n indexToRemoveFormula: {$set: index}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion para cerrar el modal de confirmación para eliminar un elemento de la fórmula\r\n */\r\n\r\n cancelModalRemoveElementFormula = () => {\r\n let newState = update(this.state, {\r\n showModalRemoveElementFormula: {$set: false},\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n\r\n checkDraggableStatus = (e, index) => {\r\n e.stopPropagation();\r\n }\r\n\r\n /**\r\n * Funcion para obtener la información del módulo mediante un servicio\r\n */\r\n\r\n // getFormulaData = async() => {\r\n // try{\r\n // let formulaData = await ExtraccionesCafeAPI.GetFormulaData();\r\n // let newState = update(this.state, {\r\n // isLoading: {$set: false},\r\n // formulaData: {$set: formulaData.data},\r\n // });\r\n // this.setState(newState, () => {\r\n\r\n // let auxFormulaString = this.state.formulaData.FormulaText.split(' ');\r\n // let auxFormulaObject = []\r\n\r\n // auxFormulaString.forEach((element, index) => {\r\n // auxFormulaObject[index] = {...this.state.formula[index], text: element}\r\n // })\r\n\r\n // auxFormulaString.forEach((element, index) => {\r\n // auxFormulaObject[index].id = (index + 1).toString();\r\n // if(auxFormulaObject[index].text.length == 1 || isNaN(auxFormulaObject[index].text) == false ){\r\n // auxFormulaObject[index].isDraggableDisabled = false;\r\n // }\r\n // else{\r\n // auxFormulaObject[index].isDraggableDisabled = true;\r\n // }\r\n\r\n // })\r\n\r\n // let newState = update(this.state, {\r\n // formula: {$set: auxFormulaObject},\r\n // isFinishLoading: {$set: true}\r\n // });\r\n\r\n // this.setState(newState, () => {\r\n // this.initialFormula = lodash.cloneDeep(this.state.formula);\r\n // }); \r\n // });\r\n\r\n // } catch (err) {\r\n // let newState = update(this.state, {\r\n // isLoading: {$set: false},\r\n // });\r\n // this.setState(newState, async() => {\r\n // try{\r\n // //En caso que no exista registro de formula, lo crea\r\n // //let newFormulaData = await ExtraccionesCafeAPI.CreateFormulaData(this.state.formulaData);\r\n // let newState = update(this.state, {\r\n // isLoading: {$set: false},\r\n // });\r\n // this.setState(newState);\r\n // }catch (err){\r\n // if(err.response)\r\n // toast.error(err.response.data.Message)\r\n // else\r\n // toast.error(ErrorMessages.SinConexion)\r\n // }\r\n \r\n // let newState2 = update(this.state, {\r\n // isLoading: {$set: false}\r\n // });\r\n // this.setState(newState2); \r\n \r\n // });\r\n \r\n // } \r\n\r\n // let newState = update(this.state, {\r\n // isLoading: {$set: false}\r\n // });\r\n // this.setState(newState); \r\n \r\n // }\r\n\r\n setFormulaData = () => {\r\n try{\r\n console.log(\"la proyeccion recibida >>\", this.props.location.state.proyeccion);\r\n let formulaDataTmp = {};\r\n if(this.props.location.state.proyeccion.Formula){\r\n formulaDataTmp = this.props.location.state.proyeccion.Formula;\r\n }\r\n else{\r\n formulaDataTmp = {\r\n IdFormulaProduccionAdelantado: 0,\r\n IdProduccionAdelantado: this.props.location.state.proyeccion.IdProduccionAdelantado,\r\n FormulaText: \"TiempoVida / ( Frecuencia - VentaHistorica )\",\r\n Frecuencia: 1,\r\n TiempoVida: 1,\r\n Recetas: [],\r\n Toppings: []\r\n }\r\n }\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n formulaData: {$set: formulaDataTmp},\r\n proyeccion: {$set: this.props.location.state.proyeccion}\r\n });\r\n console.log(\"NEWSTATE >> \", newState);\r\n this.setState(newState, () => {\r\n console.log(\"la formulaData >>\", this.state.formulaData);\r\n\r\n let auxFormulaString = this.state.formulaData.FormulaText.split(' ');\r\n let auxFormulaObject = []\r\n\r\n auxFormulaString.forEach((element, index) => {\r\n auxFormulaObject[index] = {...this.state.formula[index], text: element}\r\n })\r\n\r\n auxFormulaString.forEach((element, index) => {\r\n auxFormulaObject[index].id = (index + 1).toString();\r\n if(auxFormulaObject[index].text.length == 1 || isNaN(auxFormulaObject[index].text) == false ){\r\n auxFormulaObject[index].isDraggableDisabled = false;\r\n }\r\n else{\r\n auxFormulaObject[index].isDraggableDisabled = true;\r\n }\r\n\r\n })\r\n\r\n let newState = update(this.state, {\r\n formula: {$set: auxFormulaObject},\r\n isFinishLoading: {$set: true}\r\n });\r\n\r\n this.setState(newState, () => {\r\n this.initialFormula = lodash.cloneDeep(this.state.formula);\r\n }); \r\n });\r\n\r\n } catch (err) {\r\n console.log(\"Error catch\");\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n });\r\n this.setState(newState, async() => {\r\n try{\r\n //En caso que no exista registro de formula, lo crea\r\n //let newFormulaData = await ExtraccionesCafeAPI.CreateFormulaData(this.state.formulaData);\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n });\r\n this.setState(newState);\r\n }catch (err){\r\n if(err.response)\r\n toast.error(err.response.data.Message)\r\n else\r\n toast.error(ErrorMessages.SinConexion)\r\n }\r\n \r\n let newState2 = update(this.state, {\r\n isLoading: {$set: false}\r\n });\r\n this.setState(newState2); \r\n \r\n });\r\n \r\n } \r\n\r\n let newState = update(this.state, {\r\n isLoading: {$set: false}\r\n });\r\n this.setState(newState); \r\n \r\n }\r\n\r\n\r\n /**\r\n * Funcion que se ejecuta para guardar toda la información del módulo en base de datos\r\n */\r\n\r\n saveModule = () => {\r\n\r\n if((!this.state.invalidFieldTiempoVida) && (!this.state.invalidFieldFrecuencia)){\r\n let auxFormula = this.state.formula.map(e => e.text).join(' ');\r\n let newState = update(this.state, {\r\n isLoading: {$set: true}, \r\n formulaData: {\r\n FormulaText: {$set: auxFormula}\r\n }\r\n });\r\n console.log(\"la formula a guardar >> \", this.state.formulaData );\r\n console.log(\"la proyección >> \", this.state.proyeccion );\r\n this.setState(newState, async() => {\r\n try{\r\n if(this.state.formulaData.IdFormulaProduccionAdelantado > 0){\r\n let newFormulaData = await ProyeccionFormulaAPI.UpdateFormulaData(this.state.formulaData);\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Se guardó la información correctamente`);\r\n });\r\n }\r\n else{\r\n let newFormulaData = await ProyeccionFormulaAPI.CreateFormulaData(this.state.formulaData);\r\n let newState = update(this.state, {\r\n isLoading: {$set: false},\r\n formulaData: {$set: newFormulaData.data}\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Se guardó la información correctamente`);\r\n });\r\n\r\n }\r\n }catch (err){\r\n if(err.response)\r\n toast.error(err.response.data.Message)\r\n else\r\n toast.error(ErrorMessages.SinConexion)\r\n }\r\n\r\n let newState2 = update(this.state, {\r\n isLoading: {$set: false}\r\n });\r\n this.setState(newState2); \r\n \r\n });\r\n }\r\n else{\r\n toast.error(\"Verifica que todos los campos sean válidos antes de guardar\")\r\n }\r\n\r\n }\r\n\r\n\r\n /**\r\n * Funcion que actualiza los elementos que se muestran en la paginación de las recetas a excluir\r\n * @param recipes arreglo con recetas de la página actual\r\n */\r\n\r\n changeRecipePage = (recipes) => {\r\n // let newState = update(this.state, {\r\n // pageRecipes: {$set: recipes}\r\n // })\r\n \r\n // this.setState(newState);\r\n\r\n this.setState({pageRecipes: [...recipes]})\r\n }\r\n\r\n /**\r\n * Funcion que actualiza los elementos que se muestran en la paginación de los toppings a excluir\r\n * @param recipes arreglo con toppings de la página actual\r\n */\r\n\r\n changeToppingPage = (toppings) => {\r\n // let newState = update(this.state, {\r\n // pageToppings: {$set: toppings}\r\n // })\r\n // this.setState(newState);\r\n this.setState({pageToppings: [...toppings]})\r\n }\r\n\r\n /**\r\n * Funcion que elimina un elemento de la lista de recetas a excluir\r\n */\r\n\r\n removeRecipeFromList = () => {\r\n let _recipes = this.state.formulaData.Recetas.filter( r => {\r\n return r.RecipeId !== this.state.recipeToRemove.RecipeId\r\n });\r\n\r\n let newState = update(this.state, {\r\n formulaData: {\r\n Recetas: {$set: _recipes},\r\n },\r\n showModalRemoveRecipe: {$set: false}\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Receta eliminada con éxito.`);\r\n });\r\n\r\n }\r\n\r\n /**\r\n * Funcion que muestra el modal de confirmación para remover una receta de la lista de recetas a excluir\r\n * @param recipe receta que se quiere eliminar de la lista\r\n */\r\n\r\n toggleModalRemoveRecipe = (recipe) => {\r\n let newState = update(this.state, {\r\n showModalRemoveRecipe: {$set: true},\r\n recipeToRemove: {$set: recipe}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que cierra el modal de confirmación para eliminar una receta de la lista\r\n */\r\n\r\n closeModalRemoveRecipe = () => {\r\n let newState = update(this.state, {\r\n showModalRemoveRecipe: {$set: false},\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que elimina un elemento de la lista de toppings a excluir\r\n */\r\n\r\n removeToppingFromList = () => {\r\n let _toppings = this.state.formulaData.Toppings.filter( t => {\r\n return t.InventoryItemId !== this.state.toppingToRemove.InventoryItemId\r\n });\r\n let newState = update(this.state, {\r\n formulaData: {\r\n Toppings: {$set: _toppings}\r\n },\r\n showModalRemoveTopping: {$set: false}\r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Topping eliminado con éxito.`)\r\n });\r\n\r\n }\r\n\r\n /**\r\n * Funcion que muestra el modal de confirmación para remover un topping de la lista de toppings a excluir\r\n * @param topping topping que se quiere eliminar de la lista\r\n */\r\n\r\n toggleModalRemoveTopping = (topping) => {\r\n let newState = update(this.state, {\r\n showModalRemoveTopping: {$set: true},\r\n toppingToRemove: {$set: topping}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que cierra el modal de confirmación para eliminar una receta de la lista\r\n */\r\n\r\n closeModalRemoveTopping = () => {\r\n let newState = update(this.state, {\r\n showModalRemoveTopping: {$set: false},\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Funcion que guarda las recetas que se quieren excluir\r\n * @param checkedRecipes recetas que fueron seleccionadas\r\n */\r\n\r\n saveRecipes = (checkedRecipes) => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditRecipes: {$set: false},\r\n formulaData: {\r\n Recetas: {$set: checkedRecipes}\r\n },\r\n \r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Las recetas se actualizaron`);\r\n });\r\n }\r\n\r\n /**\r\n * Funcion que guarda las recetas que se quieren excluir\r\n * @param checkedToppings toppings que fueron seleccionados\r\n */\r\n\r\n saveToppings = (checkedToppings) => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditToppings: {$set: false},\r\n formulaData: {\r\n Toppings: {$set: checkedToppings}\r\n },\r\n \r\n });\r\n this.setState(newState, () => {\r\n toast.success(`Los toppings se actualizaron`);\r\n });\r\n }\r\n\r\n /**\r\n * Funcion que guarda las recetas que se quieren excluir\r\n * @param e event\r\n * @param index índice del elemento de la fórmula que fue modificado\r\n */\r\n\r\n handleChangeFormula = (e, index) => {\r\n\r\n let filter = /^((\\+|-|\\/|\\*|\\(|\\)){1}|\\b([1-9]|[1-9][0-9]|100)\\b){0,1}$/;\r\n\r\n if(!filter.test(e.target.value)){\r\n return;\r\n }\r\n\r\n if(this.state.formula[index].isDraggableDisabled == true){\r\n return;\r\n }\r\n\r\n let newState = update(this.state, {\r\n\r\n formula: {\r\n [index]: {\r\n text : {$set: e.target.value}\r\n }\r\n },\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false}\r\n \r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que es llamada cuando se da cancel en el modal para editar la fórmula\r\n */\r\n\r\n cancelEditFormulaModal = () => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditFormula: {$set: false},\r\n formulaWasModified: {$set: false},\r\n formulaIsValid: {$set: false},\r\n formula: {$set: this.initialFormula},\r\n addElementFormulaIsDisabled: {$set: false},\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para agregar/eliminar recetas de la\r\n * lista de recetas a excluir\r\n */\r\n\r\n cancelRecipesModal = () => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditRecipes: {$set: false},\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para cancelar el modal para agregar/eliminar toppings de la\r\n * lista de toppings a excluir\r\n */\r\n\r\n cancelToppingsModal = () => {\r\n let newState = update(this.state, {\r\n showModal: {$set: false},\r\n showModalEditToppings: {$set: false},\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se encarga de regresar el estado a su estado inicial\r\n */\r\n resetState = () => {\r\n this.setState(this.baseState)\r\n }\r\n\r\n /**\r\n * Función que se encarga de checar si hay campos vacios en el modal\r\n */\r\n\r\n checkHasInvalidFields = () => {\r\n return !this.state.hasInvalidFields;\r\n }\r\n\r\n /**\r\n * Función que se encarga de cambiar el loading del state a su estado opuesto\r\n */\r\n\r\n changeLoading = () => {\r\n let newState = update(this.state, {\r\n isLoading: {$set : !this.state.isLoading}\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se encarga de hacer de manejar cambios en campo de Tiempo Vida\r\n */\r\n handleChangeTiempoVida = (e) => { \r\n\r\n let auxTiempoVidaIsEmpty = false, auxTiempoVidaIsZero = false, auxTiempoVidaIsMax = false, auxInvalidFieldTiempoVida = false;\r\n if ((isNaN(e.target.value)) || !(e.target.value)) { \r\n auxTiempoVidaIsEmpty = true;\r\n auxInvalidFieldTiempoVida = true;\r\n }\r\n if(e.target.valueAsNumber === 0){\r\n auxTiempoVidaIsZero = true;\r\n auxInvalidFieldTiempoVida = true;\r\n }\r\n if(e.target.valueAsNumber > 480){\r\n auxTiempoVidaIsMax = true;\r\n auxInvalidFieldTiempoVida = true;\r\n }\r\n\r\n let newState = update(this.state, {\r\n formulaData: {\r\n [e.target.name] : {$set: e.target.valueAsNumber},\r\n },\r\n tiempoVidaIsEmpty: {$set: auxTiempoVidaIsEmpty},\r\n tiempoVidaIsZero: {$set: auxTiempoVidaIsZero},\r\n tiempoVidaIsMax: {$set: auxTiempoVidaIsMax},\r\n invalidFieldTiempoVida: {$set: auxInvalidFieldTiempoVida} \r\n });\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se encarga de hacer de manejar cambios en campo de Frecuencia\r\n */\r\n handleChangeFrecuencia = (e) => { \r\n\r\n let auxFrecuenciaIsEmpty = false, auxFrecuenciaIsZero = false, auxFrecuenciaIsMax = false ,auxInvalidFieldFrecuencia = false;\r\n if ((isNaN(e.target.value)) || !(e.target.value)) { \r\n auxFrecuenciaIsEmpty = true;\r\n auxInvalidFieldFrecuencia = true;\r\n }\r\n if(e.target.valueAsNumber === 0){\r\n auxFrecuenciaIsZero = true;\r\n auxInvalidFieldFrecuencia = true;\r\n }\r\n if(e.target.valueAsNumber > 480){\r\n auxFrecuenciaIsMax = true;\r\n auxInvalidFieldFrecuencia = true;\r\n }\r\n\r\n let newState = update(this.state, {\r\n formulaData: {\r\n [e.target.name] : {$set: e.target.valueAsNumber},\r\n },\r\n frecuenciaIsEmpty: {$set: auxFrecuenciaIsEmpty},\r\n frecuenciaIsZero: {$set: auxFrecuenciaIsZero},\r\n frecuenciaIsMax: {$set: auxFrecuenciaIsMax},\r\n invalidFieldFrecuencia: {$set: auxInvalidFieldFrecuencia} \r\n\r\n });\r\n this.setState(newState);\r\n }\r\n\r\n\r\n // Solo permite números, sin signos ni exponenciales\r\n onKeyPressNumber(event) {\r\n const keyCode = event.keyCode || event.which;\r\n const keyValue = String.fromCharCode(keyCode);\r\n if (/\\+|-|e|E|\\./.test(keyValue) || event.target.value.length >= event.target.getAttribute('maxLength'))\r\n event.preventDefault();\r\n }\r\n\r\n // No permite escribir en el ccampo\r\n onKeyDown(event) {\r\n event.preventDefault();\r\n } \r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para editar la fórmula\r\n * @param e event\r\n */\r\n\r\n toggleEditFormulaModal = (e) => {\r\n e.stopPropagation();\r\n this.initialFormula = lodash.cloneDeep(this.state.formula);\r\n let newState = update(this.state, {\r\n showModalEditFormula: {$set: true},\r\n showModal: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para agregar o eliminar recetas a excluir\r\n * @param e event\r\n */\r\n\r\n toggleEditRecipesModal = (e) => {\r\n e.stopPropagation();\r\n let newState = update(this.state, {\r\n showModalEditRecipes: {$set: true},\r\n showModal: {$set: true}\r\n\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para agregar o eliminar toppings a excluir \r\n * @param e event\r\n */\r\n\r\n toggleEditToppingsModal = (e) => {\r\n e.stopPropagation();\r\n let newState = update(this.state, {\r\n showModalEditToppings: {$set: true},\r\n showModal: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal que da información acerca del módulo\r\n * @param e event\r\n */\r\n\r\n toggleModalInfo = (e) => {\r\n e.stopPropagation();\r\n let newState = update(this.state, {\r\n showModalInfo: {$set: true}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta para mostrar el modal para cancelar el modal de información del módulo\r\n */\r\n\r\n cancelModalInfo = () => {\r\n let newState = update(this.state, {\r\n showModalInfo: {$set: false}\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se ejecuta al dar \"cancelar\" en el modal de \r\n * \"Confirmar desactivar dos lineas producción\"\r\n */\r\n closeAcceptModal = () => {\r\n let newState = update(this.state, {\r\n showModalConfirmationMessage: {$set: false}\r\n\r\n })\r\n this.setState(newState);\r\n }\r\n\r\n /**\r\n * Función que se encarga de cerrar el modal de la configuraciónVP\r\n */\r\n\r\n closeModal = () => {\r\n toast.success(\"Éxito\");\r\n this.props.cancel();\r\n }\r\n \r\n /**\r\n * Función que se ejecuta para verificar que la formula es válida\r\n */\r\n\r\n checkFormula = () => {\r\n let _newState = update(this.state, {\r\n isLoading: {$set : true}\r\n });\r\n this.setState(_newState, () => {\r\n let auxFormula = this.state.formula.map(e => e.text).join(' ');\r\n let TiempoVida = this.state.tiempoVida;\r\n let Frecuencia = this.state.frecuencia;\r\n let VentaHistorica = 1;\r\n \r\n try {\r\n let result = eval(auxFormula);\r\n let newState = update(this.state, {\r\n formulaIsValid: {$set: true},\r\n isLoading: {$set: false}\r\n })\r\n this.setState(newState, () => {\r\n toast.success(`La fórmula es válida`);\r\n });\r\n\r\n } catch (err) {\r\n let newState = update(this.state, {\r\n isLoading: {$set: false}\r\n })\r\n this.setState(newState, () => {\r\n toast.error(`La fórmula no es válida, revise los elementos de la fórmula`);\r\n });\r\n }\r\n\r\n }); \r\n\r\n }\r\n\r\n /**\r\n * Función que se ejecuta al soltar un elemento en el drag n drop\r\n * @param result objeto del drag n drop\r\n */\r\n\r\n onDragEnd = (result) => {\r\n // dropped outside the list\r\n if (!result.destination) {\r\n return;\r\n }\r\n \r\n var items = this.reorder(\r\n this.state.formula,\r\n result.source.index,\r\n result.destination.index\r\n );\r\n\r\n let newState = update(this.state, {\r\n\r\n formula: {$set: items},\r\n formulaWasModified: {$set: true},\r\n formulaIsValid: {$set: false}\r\n })\r\n this.setState(newState);\r\n\r\n }\r\n\r\n // a little function to help us with reordering the result\r\n reorder = (list, startIndex, endIndex) => {\r\n const result = Array.from(list);\r\n const [removed] = result.splice(startIndex, 1);\r\n result.splice(endIndex, 0, removed);\r\n // var b = result[y];\r\n // result[y] = result[x];\r\n // result[x] = b;\r\n \r\n return result;\r\n };\r\n \r\n getItemStyle = (isDragging, draggableStyle) => ({\r\n // some basic styles to make the items look a bit nicer\r\n userSelect: 'none',\r\n padding: this.grid * 2,\r\n margin: `0 ${this.grid}px 0 0`,\r\n \r\n // change background colour if dragging\r\n background: isDragging ? 'lightgreen' : 'lightgrey',\r\n \r\n // styles we need to apply on draggables\r\n ...draggableStyle,\r\n });\r\n \r\n getListStyle = isDraggingOver => ({\r\n background: isDraggingOver ? 'lightblue' : 'white',\r\n display: 'flex',\r\n padding: this.grid,\r\n overflow: 'auto',\r\n });\r\n\r\n /**\r\n * Regresa a la ruta anterior.\r\n */\r\n handleGoBack = () => {\r\n window.history.back();\r\n }\r\n\r\n\r\n render(){\r\n \r\n return (\r\n this.state.isFinishLoading &&\r\n \r\n );\r\n }\r\n\r\n\r\n}\r\n\r\nProyeccionFormulaContainer.defaultProps = {\r\n \r\n formula: [\r\n\r\n ],\r\n\r\n formulaData : {\r\n IdFormulaProduccionAdelantado: 0,\r\n IdProduccionAdelantado: 0,\r\n FormulaText: \"\",\r\n Frecuencia: 1,\r\n TiempoVida: 1,\r\n Recetas: [],\r\n Toppings: []\r\n }\r\n}\r\n\r\n\r\n\r\nexport { ProyeccionFormulaContainer };","import { apiUrl } from \"../constants\";\r\nimport axios from 'axios';\r\nimport middleware from '../middleware/auth';\r\n\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {'Authorization':'Bearer ' +localStorage.getItem('token'),'Content-Type':'application/json'}\r\n})\r\nexport default class RecipesTypesAPI {\r\n static getAll() {\r\n return middleware.hasAuth(() => request.get('/TypeRecipe'));\r\n }\r\n\r\n static get(id) {\r\n return middleware.hasAuth(() => request.get(`/TypeRecipe/${id}`));\r\n }\r\n\r\n static getByClasification(ids){\r\n return middleware.hasAuth(() => request.post(`/TypeRecipe/GetByClassification`, ids));\r\n }\r\n\r\n static create(TypeRecipe) {\r\n console.log(TypeRecipe)\r\n let fd = new FormData();\r\n fd.append(\"Description\", TypeRecipe.Description);\r\n fd.append(\"Position\", TypeRecipe.Position);\r\n fd.append(\"RecipeName\", TypeRecipe.RecipeName); \r\n fd.append(\"Activo\", TypeRecipe.Activo);\r\n fd.append(\"SegmentId\", TypeRecipe.SegmentationId.SegmentId)\r\n TypeRecipe.Image && fd.append(\"Image\", TypeRecipe.Image);\r\n\r\n return request.post('/TypeRecipe',fd);\r\n }\r\n\r\n static edit(TypeRecipe){\r\n let fd = new FormData();\r\n\r\n fd.append(\"Description\", TypeRecipe.Description);\r\n fd.append(\"Position\", TypeRecipe.Position);\r\n fd.append(\"RecipeName\", TypeRecipe.RecipeName);\r\n fd.append(\"RecipeTypeId\", TypeRecipe.RecipeTypeId);\r\n fd.append(\"Activo\", TypeRecipe.Activo);\r\n TypeRecipe.idSegmento && fd.append(\"SegmentId\", TypeRecipe.idSegmento)\r\n\r\n TypeRecipe.Image instanceof File && fd.append(\"Image\", TypeRecipe.Image);\r\n\r\n return request.put(`/TypeRecipe`,fd);\r\n }\r\n\r\n static delete(id){\r\n return middleware.hasAuth(() => request.delete(`TypeRecipe/${id}`));\r\n }\r\n}","import React from \"react\";\r\nimport Field from \"../util/field/Field\";\r\nimport Loading from \"../util/loading/Loading\";\r\nimport Modal from '../util/modal/Modal';\r\nimport AcceptModal from '../util/acceptModal/AcceptModal';\r\nimport HasAccess from '../util/hasAccess/HasAccess';\r\nimport NoItems from \"../util/noitems/NoItems\";\r\nimport Select from 'react-select';\r\nimport Pagination from '../util/pagination/Pagination';\r\n\r\nimport BtnModoGuiado from '../util/BtnModoGuiado/BtnModoGuiado'\r\nimport ErrorMessages from '../../util/validation-error-messages';\r\nimport { size, truncate } from \"lodash\";\r\n\r\nimport RecipeExtractos from \"../Recetas/recipes/RecipeExtractos\"\r\nimport ToppingsExtractos from \"../Recetas/toppings/ToppingsExtractos\";\r\n\r\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\r\n\r\nimport TableTemplate from \"../util/tabletemplate/TableTemplate\";\r\n\r\nexport function ExtraccionesCafeComponent({\r\n checkHasInvalidFields,\r\n onKeyPressNumber,\r\n onKeyDown,\r\n handleChange,\r\n submit,\r\n cancelEditFormulaModal,\r\n cancelRecipesModal,\r\n cancelToppingsModal,\r\n toggleEditFormulaModal,\r\n toggleEditRecipesModal,\r\n toggleEditToppingsModal,\r\n reorder,\r\n getItemStyle,\r\n getListStyle,\r\n onDragEnd,\r\n checkFormula,\r\n checkDraggableStatus,\r\n handleChangeFormula,\r\n saveFormula,\r\n saveModule,\r\n saveRecipes,\r\n saveToppings,\r\n handleChangeTiempoVida,\r\n handleChangeFrecuencia,\r\n addElementFormula,\r\n removeElementFormula,\r\n changeRecipePage,\r\n changeToppingPage,\r\n removeToppingFromList,\r\n removeRecipeFromList,\r\n toggleModalRemoveRecipe,\r\n closeModalRemoveRecipe,\r\n toggleModalRemoveTopping,\r\n closeModalRemoveTopping,\r\n toggleModalRemoveElementFormula,\r\n cancelModalRemoveElementFormula,\r\n toggleModalInfo,\r\n cancelModalInfo,\r\n ...props\r\n}) {\r\n return(\r\n
\r\n\r\n\r\n {/* Modal para visualizar la información del módulo */}\r\n {props.showModalInfo &&\r\n cancelModalInfo()}\r\n >\r\n
\r\n Módulo para configurar variables y fórmula que será utilizada para obtener la cantidad de extractos de café a producir por los operadores en el punto de venta, durante \r\n determinado periodo de tiempo.\r\n \r\n \r\n En los apartados se podrán realizar:\r\n \r\n
Recetas a excluir: Las recetas seleccionadas y agregadas a esta sección, se excluirán de la consulta de venta histórica para no ser contempladas en el pronóstico de \r\n extractos de café.\r\n
\r\n
\r\n Toppings a excluir: Los toppings seleccionados y agregados a esta sección, se excluirán de la consulta de venta histórica para no ser contemplados en el pronóstico de\r\n extractos de café.\r\n \r\n
\r\n - En la siguiente sección se muestran las variables (resaltadas en verde) y operaciones que se incluyen en el algortimo.\r\n Las variables son fijas y las operaciones pueden ser modificadas, intercambiando solo con otra operación permitida utilizando el teclado del dispositivo.\r\n
\r\n\r\n
\r\n - Se puede modificar la fórmula, moviendo el orden de las variables o de las operaciones, utilizando el puntero, presionando \r\n sobre el elemento a mover y arrastrándolo hasta su nuevo lugar. \r\n
\r\n\r\n );\r\n}","import { apiUrl } from \"../constants\";\r\nimport axios from 'axios';\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {'Authorization':'Bearer ' +localStorage.getItem('token'),'Content-Type':'application/json'}\r\n})\r\nexport default class FlavorsAPI {\r\n static getAll() {\r\n return request.get('/FlavorType');\r\n }\r\n\r\n static get(id) {\r\n return request.get(`/FlavorType/${id}`);\r\n }\r\n \r\n static getByClasification(ids){\r\n return request.post(`/FlavorType/GetByClassification`, ids);\r\n }\r\n\r\n static create(FlavorType) {\r\n let fd = new FormData();\r\n fd.append(\"Name\", FlavorType.Name);\r\n fd.append(\"ShortName\", FlavorType.ShortName);\r\n fd.append(\"Position\", FlavorType.Position);\r\n fd.append(\"RecipeName\", FlavorType.RecipeName);\r\n fd.append(\"Activo\", FlavorType.Activo);\r\n fd.append(\"SegmentId\", FlavorType.SegmentationId.SegmentId)\r\n FlavorType.Image && fd.append(\"Image\", FlavorType.Image);\r\n\r\n return request.post('/FlavorType',fd);\r\n }\r\n\r\n static edit(FlavorType){\r\n let fd = new FormData();\r\n\r\n fd.append(\"Name\", FlavorType.Name);\r\n fd.append(\"ShortName\", FlavorType.ShortName);\r\n fd.append(\"Position\", FlavorType.Position);\r\n fd.append(\"RecipeName\", FlavorType.RecipeName);\r\n fd.append(\"FlavorTypeId\", FlavorType.FlavorTypeId);\r\n fd.append(\"Activo\", FlavorType.Activo);\r\n FlavorType.idSegmento && fd.append(\"SegmentId\", FlavorType.idSegmento)\r\n \r\n FlavorType.Image instanceof File && fd.append(\"Image\", FlavorType.Image);\r\n\r\n return request.put(`/FlavorType`,fd);\r\n }\r\n\r\n static delete(id){\r\n return request.delete(`FlavorType/${id}`);\r\n }\r\n}","import React from \"react\";\r\nimport Field from \"../util/field/Field\";\r\nimport Loading from \"../util/loading/Loading\";\r\nimport Modal from '../util/modal/Modal';\r\nimport AcceptModal from '../util/acceptModal/AcceptModal';\r\nimport HasAccess from '../util/hasAccess/HasAccess';\r\nimport NoItems from \"../util/noitems/NoItems\";\r\nimport Select from 'react-select';\r\nimport Pagination from '../util/pagination/Pagination';\r\n\r\nimport BtnModoGuiado from '../util/BtnModoGuiado/BtnModoGuiado'\r\nimport ErrorMessages from '../../util/validation-error-messages';\r\nimport { size, truncate } from \"lodash\";\r\n\r\nimport RecipeExtractos from \"../Recetas/recipes/RecipeExtractos\"\r\nimport ToppingsExtractos from \"../Recetas/toppings/ToppingsExtractos\";\r\n\r\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\r\n\r\nimport TableTemplate from \"../util/tabletemplate/TableTemplate\";\r\n\r\nexport function ProyeccionFormulaComponent({\r\n checkHasInvalidFields,\r\n onKeyPressNumber,\r\n onKeyDown,\r\n handleChange,\r\n submit,\r\n cancelEditFormulaModal,\r\n cancelRecipesModal,\r\n cancelToppingsModal,\r\n toggleEditFormulaModal,\r\n toggleEditRecipesModal,\r\n toggleEditToppingsModal,\r\n reorder,\r\n getItemStyle,\r\n getListStyle,\r\n onDragEnd,\r\n checkFormula,\r\n checkDraggableStatus,\r\n handleChangeFormula,\r\n saveFormula,\r\n saveModule,\r\n saveRecipes,\r\n saveToppings,\r\n handleChangeTiempoVida,\r\n handleChangeFrecuencia,\r\n addElementFormula,\r\n removeElementFormula,\r\n changeRecipePage,\r\n changeToppingPage,\r\n removeToppingFromList,\r\n removeRecipeFromList,\r\n toggleModalRemoveRecipe,\r\n closeModalRemoveRecipe,\r\n toggleModalRemoveTopping,\r\n closeModalRemoveTopping,\r\n toggleModalRemoveElementFormula,\r\n cancelModalRemoveElementFormula,\r\n toggleModalInfo,\r\n cancelModalInfo,\r\n handleGoBack,\r\n ...props\r\n}) {\r\n return(\r\n
\r\n\r\n\r\n {/* Modal para visualizar la información del módulo */}\r\n {props.showModalInfo &&\r\n cancelModalInfo()}\r\n >\r\n
\r\n Módulo para configurar variables y fórmula que será utilizada para obtener la cantidad de producto a producir por los operadores en el punto de venta, durante \r\n determinado periodo de tiempo.\r\n \r\n \r\n En los apartados se podrán realizar:\r\n \r\n
Recetas a incluir: Las recetas seleccionadas y agregadas a esta sección, se incluirán en la consulta de venta histórica para ser contempladas en el pronóstico de \r\n el producto.\r\n
\r\n
\r\n Toppings a incluir: Los toppings seleccionados y agregados a esta sección, se incluirán en la consulta de venta histórica para ser contemplados en el pronóstico de\r\n el producto.\r\n \r\n
\r\n - En la siguiente sección se muestran las variables (resaltadas en verde) y operaciones que se incluyen en el algortimo.\r\n Las variables son fijas y las operaciones pueden ser modificadas, intercambiando solo con otra operación permitida utilizando el teclado del dispositivo.\r\n
\r\n\r\n
\r\n - Se puede modificar la fórmula, moviendo el orden de las variables o de las operaciones, utilizando el puntero, presionando \r\n sobre el elemento a mover y arrastrándolo hasta su nuevo lugar. \r\n
\r\n\r\n )\r\n }\r\n}\r\n","import { apiUrl } from \"../constants\";\r\nimport axios from 'axios';\r\nvar request = axios.create({\r\n baseURL: apiUrl,\r\n headers: {'Authorization':'Bearer ' +localStorage.getItem('token'),'Content-Type':'application/json'}\r\n})\r\nexport default class WarehouseAPI {\r\n static getAll() {\r\n return request.get('/AlmArt');\r\n }\r\n\r\n static GetByIdArticulo(textoFiltro) {\r\n return request.get(`/AlmArt/GetByNombreCodigo/${textoFiltro}`);\r\n }\r\n\r\n static edit(warehouse){\r\n return request.put('/Almart',warehouse);\r\n }\r\n\r\n static editAll(arrObjects){\r\n return request.put('/Almarts',arrObjects);\r\n }\r\n\r\n static getCaffenios(){\r\n return request.get('/Caffenios');\r\n }\r\n\r\n /*static get(id) {\r\n return request.get(`/inventoryType/${id}`);\r\n } */\r\n\r\n /*static edit(inventoryType){\r\n return request.put(`/inventoryType`,inventoryType);\r\n } */\r\n\r\n}","let ErrorMessages = {\r\n name: \"Nombre debe de ser mayor de 2 y menor de 30 caracteres\",\r\n smallName: \"Nombre debe de ser mayor de 2 y menor de 25 caracteres\",\r\n smallestName: \"Nombre debe de ser mayor de 2 y menor de 20 caracteres\",\r\n shortName: \"Nombre Corto incorrecto, debe de ser mayor de 2 y menor de 15 caracteres\",\r\n menuPosition: \"Posición en Menú incorrecto, debe ser un valor numérico\",\r\n menuPositionMax: \"Ingrese una Posición en el Menú menor a 256\",\r\n recipeName: \"Nombre de Receta incorrecto, debe de ser mayor de 2 y menor de 30 caracteres\",\r\n smallRecipeName: \"Nombre de Receta incorrecto, debe de ser mayor de 2 y menor de 25 caracteres\",\r\n smallestRecipeName: \"Nombre de Receta incorrecto, debe de ser mayor de 2 y menor de 20 caracteres\",\r\n codeProvider: \"El Código debe de ser de al menos 9 caracteres\",\r\n urlIcono: \"URL de icono debe de ser mayor a 5 caracteres\",\r\n SinConexion: \"Error de conexión. Intente de nuevo.\",\r\n ErrorInesperado: \"Ocurrió un error inesperado, intente de nuevo.\" , \r\n AlfanumericoSinEspecialesError: \"Ingrese solo caracteres alfanuméricos\",\r\n AalfanumericoSinEspaciosError: \"Ingrese solo caracteres alfanuméricos, sin acentos, espacios, ni caracteres especiales.\",\r\n AlfanumericoConCaracteresError: \"EL campo permite ingresar caracteres alfanuméricos, guion(-), punto(.), parentesis, punto y coma(;), coma(,) o barra(/).\",\r\n SoloNumerosError: \"Ingrese solo números enteros y mayores a cero.\", \r\n PngFormatError:\"Solo se permite formato .PNG.\",\r\n PngJpegFormatError:\"Solo se permite formato .PNG o .JPG.\",\r\n}\r\n\r\nexport default ErrorMessages;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n/**\r\n * Componente de utilería para la utilización de un campo de texto dentro de un Field\r\n * con el fin de mantener consistencia y a su vez facilitar uso y legibilidad de la\r\n * etiqueta \r\n */\r\n\r\nclass TextField extends React.Component{\r\n\r\n render(){\r\n return (\r\n
\r\n {this.props.label !== \"\" &&
\r\n \r\n
}\r\n
\r\n \r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\n// Definición de los tipos y su dependencia de las distintas props que recibe el componente.\r\nTextField.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n type: PropTypes.string,\r\n onChange: PropTypes.func.isRequired,\r\n onKeyPress: PropTypes.func,\r\n placeholder: PropTypes.string,\r\n label: PropTypes.string,\r\n autoFocus: PropTypes.bool,\r\n value: PropTypes.any\r\n}\r\n\r\n// Definición de los valores por default de las props en caso de no ser recibidas por el padre.\r\nTextField.defaultProps = {\r\n type: \"text\",\r\n placeholder: \"\",\r\n label: \"\",\r\n autoFocus: false,\r\n value: \"\"\r\n}\r\n\r\nexport default TextField;","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://goo.gl/SC7cgQ'\r\n );\r\n });\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import { url, caffenioAuthId } from \"../constants\";\r\nimport axios from 'axios';\r\nimport * as querystring from 'querystring';\r\n\r\n// Objecto de axios con el único fin de realizar la autentificación con CaffenioAuth\r\nvar request = axios.create({\r\n baseURL: url,\r\n headers: {'Content-Type':'application/x-www-form-urlencoded'}\r\n})\r\n\r\n// Llamadas a la API para la autentificación\r\nclass Auth {\r\n static login = (username, password) => {\r\n let data = {\r\n username: username,\r\n password: password,\r\n grant_type: \"password\",\r\n client_id: caffenioAuthId\r\n };\r\n return request.post('/login',querystring.stringify(data));\r\n }\r\n}\r\n\r\nexport {Auth};","import React, {Component} from 'react'\r\nimport \"./HoverCard.css\"\r\n\r\nexport default class HoverCard extends Component{\r\n\r\n\r\n // handleClickClick() {\r\n // localStorage.setItem(\"modoGuiado\", true); // Establecer el modo guiado\r\n // if(this.props.tipoModoGuiado) {\r\n // localStorage.setItem(\"tipoModoGuiado\", this.props.tipoModoGuiado) // Establecer el tipo de modo guiado\r\n // console.log(localStorage.getItem(\"tipoModoGuiado\"))\r\n // }else {\r\n // console.log(\"No hay tipo de modo guiado\")\r\n // }\r\n // }\r\n\r\n render(){\r\n return(\r\n
\r\n
\r\n
\r\n
\r\n {this.props.titulo}\r\n
\r\n
\r\n
\r\n
\r\n {this.props.descripcion}\r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}","import React, { Component } from 'react'\r\nimport {Link} from 'react-router-dom'\r\nimport HoverCard from '../../util/HoverCard/HoverCard';\r\nimport HasAccess from '../util/hasAccess/HasAccess';\r\n\r\nclass Home extends Component {\r\n constructor(props){\r\n super(props)\r\n this.state={\r\n nombre:undefined,\r\n rol:undefined\r\n }\r\n }\r\n render() {\r\n return (\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n Crear Artículo\r\n
\r\n }\r\n descripcion=\"Comienza el modo guiado para dar de alta nuevos artículos.\"\r\n />\r\n \r\n
\r\n
\r\n \r\n \r\n {/* */}\r\n \r\n Crear Receta \r\n
\r\n }\r\n descripcion=\"Comienza el modo guiado para dar de alta nuevas recetas.\"\r\n />\r\n \r\n
\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Home;","import React from 'react';\r\nimport '../home/Home';\r\nimport Home from '../home/Home';\r\n/**\r\n * Componente de la pantalla principal del sistema.\r\n */\r\nexport default class Index extends React.Component {\r\n\r\n render(){\r\n return (\r\n
\r\n {/*
\r\n
\r\n
Inicio
\r\n
\r\n
*/}\r\n \r\n \r\n
\r\n )\r\n }\r\n}","let roles = {\r\n ADMIN: \"Administrador\",\r\n SUPERADMIN: \"SuperAdmin\",\r\n MKT: \"MKT\",\r\n MKT_OS:\"Oficina Soporte Mercadotecnia\",\r\n MKT_REGIONAL:\"Regional Mercadotecnia\",\r\n COORDINADOR_DISTRIBUCION: \"Coordinador de Distribución\",\r\n SUPERVISOR_VENTA_DRIVE: \"Supervisor de punto de venta drive\",\r\n ESPECIALISTA_DE_PRODUCTO : \"Especialista de producto\",\r\n ESTRATEGIA_DIGITAL : \"Estrategia Digital\",\r\n ESPECIALISTA_DE_GESTION: \"Especialista de Gestión\",\r\n COORDINADOR_GESTION_OPERACIONES: \"Coordinador de Gestión de Operaciones\",\r\n CRM : \"CRM\",\r\n USUARIO: \"Usuario\",\r\n OPERADOR: \"Operador\",\r\n CDS: \"CDS\",\r\n DRIVE: \"Drive\",\r\n SUCURSAL: \"Sucursal\",\r\n SOPORTE: \"Soporte\",\r\n COORDINADOR_SERVICIOS: \"Coordinador de Servicios\",\r\n ASESOR: \"Asesor\",\r\n ADMINDRIVE: \"AdminDrive\",\r\n ADMINBARRA: \"AdminBarra\",\r\n SAP: \"SAP\",\r\n CAT: \"CAT\",\r\n CCH: \"CCH\",\r\n FAT_OS: \"FAT-OS\",\r\n FAT_R: \"FAT-R\",\r\n ADMIN_APP: \"Administrador App Movil\",\r\n ADMIN_UBER_EATS: \"Admin UberEats\",\r\n REPORTES: \"Reportes\",\r\n MICAFFENIO_EMPRESAS: \"CRM Empresarial\",\r\n LIDER_DRIVE: \"LiderDrive\", \r\n ENCARGADO_DE_TURNO: \"Encargado de Turno\",\r\n CONFIGURACION_VP: \"ConfiguracionVP\",\r\n CRM_EMPRESARIAL: \"CRM Empresarial\",\r\n COORD_OPER_DRIVE: \"Coordinador de Operaciones Drive\"\r\n\r\n}\r\n\r\nexport default roles;","import React from 'react';\r\nimport './MenuInterior.css';\r\nimport { Link } from 'react-router-dom';\r\nimport logo from '../../assets/images/logo-caffenio-nuevo.png';\r\nimport HasAccess from '../util/hasAccess/HasAccess';\r\nimport roles from '../../util/strings/roles';\r\n\r\n/**\r\n * Elementos del menú de la barra lateral izquierda \r\n */\r\nexport default class MenuInterior extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selected: null\r\n }\r\n }\r\n // Preparando para un menú más grande\r\n // También se podría utilizar la navbar para eso, se verá cuando el proyecto crezca.\r\n\r\n render() {\r\n return (\r\n
\r\n )\r\n}","import React from 'react';\r\nimport { UserInfo } from '../UserInfo/UserInfo';\r\nimport './Header.css';\r\n\r\n/**\r\n * Componente del Header de la aplicación donde podrían haber acciones o información\r\n */\r\nexport default class Header extends React.Component{\r\n render(){\r\n return(\r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react'\r\nimport PropTypes from 'prop-types'\r\n\r\nconst RecipeToppings = (props) => {\r\n return (\r\n
\r\n \r\n }\r\n \r\n {this.state.searchResultDetails.map((detail, i) => {\r\n // Elementos que se muestran en el modal de detalles displonibles\r\n \r\n return (\r\n
\r\n
{detail.CodeProvider}
\r\n
{detail.Name}
\r\n {this.props.isTopping &&
{detail.ShortName}
}\r\n
\r\n {\r\n // Validar si el modal es para detalles y establecer el campo\r\n // para el detalle\r\n this.props.isDetail &&\r\n {\r\n const keyCode = event.keyCode || event.which;\r\n const keyValue = String.fromCharCode(keyCode);\r\n // if (/\\+|-|[a-zA-Z]|\\d+(\\.\\d{3,})|\\d{4,}+(\\.\\d)/.test(keyValue) || event.target.value.length >= event.target.getAttribute('maxLength'))\r\n if (ExpresionesRegulares.ErrorInputNumDecimal.test(keyValue) || event.target.value.length >= event.target.getAttribute('maxLength'))\r\n event.preventDefault();\r\n }}\r\n onChange={(e) => {\r\n //if(e.target.value && e.target.value > 0){\r\n detail.Amount = e.target.value;\r\n \r\n let details = this.state.searchResultDetails;\r\n this.setState({searchResultDetails: details}); \r\n e.preventDefault();\r\n e.stopPropagation();\r\n //}\r\n // else if(e.target.value <= 0){\r\n // toast.warn(\"La cantidad debe ser mayor a cero.\")\r\n // }\r\n \r\n }}\r\n onPaste={(e) => {\r\n if (ExpresionesRegulares.ErrorInputNumDecimal.test(e.clipboardData.getData(\"Text\")) \r\n || (/\\./.test(e.target.value) && /\\./.test(e.clipboardData.getData(\"Text\")))){\r\n e.preventDefault();\r\n }\r\n }}\r\n />\r\n }\r\n \r\n {\r\n // Verificar si el modal es para toppings y poner\r\n // los campos para el valor minimo y maximo\r\n this.props.isTopping &&\r\n
\r\n {this.state.recipes.length !== 0 \r\n ? this.setState({showModal: true, recipe: recipe})} \r\n edit={(recipe) => this.edit(recipe)}\r\n remove={(recipe) => this.setState({removeModal: true, recipe: recipe})}\r\n sync={(recipe) => this.setState({syncModal: true, recipe: recipe})}\r\n //Controlar checkboxes \r\n showView={(index) => {\r\n let _selectedRecipes = [...this.state.selectedRecipes]\r\n let indexRecipe = this.state.selectedRecipes.findIndex(id => id === this.state.pageRecipes[index].RecipeId)\r\n if( indexRecipe === -1)\r\n _selectedRecipes.push(this.state.pageRecipes[index].RecipeId);\r\n else\r\n _selectedRecipes.splice(indexRecipe, 1)\r\n this.setState({selectedRecipes: _selectedRecipes})\r\n }}\r\n checkAll={this.state.checkAll}\r\n //Controlador del checkbox del header\r\n selectAllCheck={this.selectAllCheck}\r\n //Función que se ejecuta al renderizar un renglon de la tabla. La tabla te devuelve el objeto que representa al renglon.\r\n extraButtons={(row) => {\r\n // Creamos un botón que lanza un modal con información de que menus esta la receta seleccionada\r\n return
}\r\n\r\n \r\n )\r\n }\r\n}","import React, { Component } from 'react';\r\nimport SearchForm from \"../../util/searchform/SearchForm\";\r\nimport TableTemplate from \"../../util/tabletemplate/TableTemplate\";\r\nimport NoItems from \"../../util/noitems/NoItems\";\r\nimport Pagination from '../../util/pagination/Pagination';\r\nimport RecipesAPI from '../../../services/Recipe';\r\nimport { toast } from 'react-toastify';\r\nimport Loading from '../../util/loading/Loading';\r\nimport RecipeTypesAPI from '../../../services/RecipeType';\r\nimport PresentationsAPI from '../../../services/Presentations';\r\nimport MilksAPI from '../../../services/Milk';\r\nimport GrainsAPI from '../../../services/Grain';\r\nimport FlavorsAPI from '../../../services/Flavor';\r\nimport ClasificacionesAPI from '../../../services/Classification';\r\nimport Field from '../../util/field/Field';\r\n\r\nimport lodash, { forEach } from 'lodash';\r\n\r\nimport BtnModoGuiado from '../../util/BtnModoGuiado/BtnModoGuiado'\r\nimport Modal from '../../util/modal/Modal';\r\nimport RecipeImageForm from './RecipeImageForm';\r\nimport ErrorMessages from '../../../util/validation-error-messages';\r\nimport RecipeImageFilter from './RecipeImageFilter';\r\n\r\nclass RecipesImage extends Component {\r\n recipes = [];\r\n origRecipeTypesList = []; //Donde se va a guardar la lista original de tipos de receta\r\n origFlavorsList = []; //Donde se va a guardar la lista original de sabores\r\n origGrainsList = []; //Donde se va a guardar la lista original de granos\r\n origMilksList = []; //Donde se va a guardar la lista original de leches\r\n origPresentationList = []; //Donde se va a guardar la lista original de presentaciones\r\n\r\n // Variables donde se almacenaran los valores seleccionados en el select multi\r\n tempRecipeTypesList;\r\n tempPresentationList;\r\n tempMilkList;\r\n tempGrainList;\r\n tempFlavorsList;\r\n tempClassificationList;\r\n\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n recipes: [],\r\n filterText: \"\",\r\n recipe: null,\r\n pageRecipes: [],\r\n showModal: false,\r\n editing: false,\r\n removeModal: false,\r\n isLoading: false,\r\n syncModal: false,\r\n selectedRecipes: [],\r\n checkAll: false,\r\n syncMultiModal: false,\r\n // Variables sonde se almacenaran los criterios de busqueda definitivos\r\n recipeTypeList: [],\r\n selectedRecipeTypesList: [],\r\n presentationsList: [],\r\n selectedPresentationsList: [],\r\n milksList: [],\r\n selectedMilksList: [],\r\n grainsList: [],\r\n selectedGrainsList: [],\r\n flavorsList: [],\r\n selectedFlavorsList: [],\r\n classificationList: [],\r\n selectedClassificationList: [],\r\n selectedSegmentationList: [],\r\n manageToppingModal: false,\r\n addToppingModal: false,\r\n toppings: [],\r\n toppingError: false,\r\n menuRecetaModal: false,\r\n menuRecetaModalTitle: \"\",\r\n menuRecetaModalBody: \"\",\r\n menuRecetaCurrent: null,\r\n //Agregar artículos\r\n manageInventoryItemsModal:false,\r\n addInventoryItems:false,\r\n inventoryItems: [], \r\n inventoryItemsTemp: [], \r\n recipesToAddItems:[],\r\n inventoryItemsError:false,\r\n showInventoryItemsInfo:false\r\n }\r\n }\r\n\r\n componentDidMount(){\r\n this.setState({isLoading: true})\r\n let state = {...this.state};\r\n RecipesAPI.getAll().then(response => {\r\n state.recipes = response.data\r\n this.recipes = lodash.cloneDeep(response.data);\r\n\r\n // Obtener todos los tipos de recetas\r\n return RecipeTypesAPI.getAll()\r\n }).then(response => {\r\n let temp = [];\r\n \r\n response.data.map(obj => {\r\n if(obj.RecipeName) {\r\n obj.value= obj.RecipeTypeId;\r\n obj.label= obj.RecipeName;\r\n \r\n }else{\r\n obj.value= obj.RecipeTypeId;\r\n obj.label= obj.Description;\r\n \r\n }\r\n temp.push(obj)\r\n return obj;\r\n })\r\n temp.sort(this.compare); // Ordenar los labels para elegir\r\n state.recipeTypeList = temp;\r\n this.origRecipeTypesList = lodash.cloneDeep(temp)\r\n \r\n // Obtener todas las presentaciones\r\n return PresentationsAPI.getAll()\r\n }).then(response => {\r\n let tempPresentationList = [];\r\n response.data.map(obj => {\r\n if(obj.Active){\r\n obj.value= obj.PresentationId;\r\n obj.label= obj.Name;\r\n tempPresentationList.push(obj)\r\n return obj\r\n //\r\n } \r\n })\r\n tempPresentationList.sort(this.compare); // Ordenar los labels\r\n state.presentationsList = tempPresentationList\r\n this.origPresentationList = lodash.cloneDeep(tempPresentationList) \r\n \r\n // Obtener los sabores\r\n return FlavorsAPI.getAll()\r\n }).then(response => {\r\n let tempFlavorsList = [];\r\n response.data.map(obj => {\r\n obj.value= obj.FlavorTypeId;\r\n obj.label= obj.Name;\r\n tempFlavorsList.push(obj)\r\n return obj;\r\n \r\n })\r\n tempFlavorsList.sort(this.compare); // Ordenar los labels \r\n state.flavorsList = tempFlavorsList\r\n this.origFlavorsList = tempFlavorsList\r\n \r\n // Obtener las clasificaciones\r\n return ClasificacionesAPI.getAll()\r\n }).then(response => {\r\n let tempClassificationList = [];\r\n response.data.map(obj => {\r\n obj.value= obj.ClassificationId;\r\n obj.label= obj.Name;\r\n tempClassificationList.push(obj)\r\n return obj;\r\n })\r\n tempClassificationList.sort(this.compare); // Ordenar los labels\r\n state.classificationList = tempClassificationList\r\n \r\n // Guardar el estado\r\n this.setState(state)\r\n }).catch(err => {\r\n this.setState({isLoading: false})\r\n if(err.response)\r\n toast.error(err.response.data.Message)\r\n else\r\n toast.error(ErrorMessages.SinConexion)\r\n })\r\n }\r\n\r\n /**\r\n * Funcion para ordenar lexicograficamente\r\n * @param objA. primer operando\r\n * @param objB. segundo operando\r\n */\r\n compare = (objA, objB) => {\r\n // Use toUpperCase() to ignore character casing\r\n const labelA = objA.label.toUpperCase();\r\n const labelB = objB.label.toUpperCase();\r\n\r\n let comparison = 0;\r\n if (labelA > labelB) {\r\n comparison = 1;\r\n } else if (labelA < labelB) {\r\n comparison = -1;\r\n }\r\n return comparison;\r\n }\r\n\r\n // Método encargado de recibir el texto en el input de búsqueda y filtrar los elementos en\r\n // la tabla \r\n handleSearchInput = (text) => {\r\n let state = this.state;\r\n state.filterText = text;\r\n this.setState(state, this.handleSearchMultipleFieldInput);\r\n }\r\n\r\n /**\r\n *Realizar el filtrado sobre las recetas para desplegar solo los elementos\r\n *que cumplen con las caracteristicas que el usuario ingreso.\r\n * \r\n *@param: nada\r\n *@return: nada\r\n */\r\n handleSearchMultipleFieldInput = () => {\r\n let recipes = this.recipes.filter(\r\n recipe => ( \r\n (this.state.selectedRecipeTypesList.length > 0 ? \r\n this.state.selectedRecipeTypesList.includes(recipe.RecipeTypeId) : \r\n true) &&\r\n (this.state.selectedFlavorsList.length > 0 ? \r\n this.state.selectedFlavorsList.includes(recipe.FlavorTypeId) : \r\n true) &&\r\n (this.state.selectedPresentationsList.length > 0 ? \r\n this.state.selectedPresentationsList.includes(recipe.PresentationId) : \r\n true) &&\r\n (this.state.selectedMilksList.length > 0 ? \r\n this.state.selectedMilksList.includes(recipe.MilkTypeId) : \r\n true) &&\r\n (this.state.selectedGrainsList.length > 0 ? \r\n this.state.selectedGrainsList.includes(recipe.GrainTypeId) : \r\n true) &&\r\n (this.state.selectedClassificationList.length > 0 ? \r\n this.state.selectedClassificationList.includes(recipe.ClassificationId) : \r\n true) &&\r\n (this.state.selectedSegmentationList.length > 0 ?\r\n this.state.selectedSegmentationList.includes(recipe.idSegmento) :\r\n true ) &&\r\n (this.state.filterText.trim() !== '' ?\r\n ( (recipe.ShortName \r\n ? recipe.ShortName.toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").includes(this.state.filterText.trim().toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")) \r\n : false) \r\n || recipe.Description.toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\").includes(this.state.filterText.trim().toLowerCase().normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")))\r\n : true)\r\n )\r\n );\r\n \r\n let state = {...this.state};\r\n state.recipes = lodash.cloneDeep(recipes);\r\n state.recipes.map(r => {\r\n r.statusCheck =false\r\n });\r\n state.selectedRecipes = [];\r\n state.checkAll = false;\r\n this.setState(state);\r\n }\r\n\r\n edit = (recipe) => { \r\n this.props.history.push({pathname: `/recetas/editar/${recipe.RecipeId}`, state:{\r\n classifications: this.state.classificationList,\r\n presentations: this.state.presentationsList,\r\n flavors: this.state.flavorsList,\r\n milks: this.state.milksList,\r\n grains: this.state.grainsList,\r\n recipeTypes: this.state.recipeTypeList,\r\n lstRecipes:this.recipes\r\n }}); \r\n }\r\n\r\n /**\r\n *Modificar la lista de IDs con los que el usuario ha seleccionado. Aplica sobre los tipos de receta\r\n * \r\n *@param: arr: arreglo de valores que crea el select multi de react\r\n *@return: nada\r\n */\r\n handleRecipeTypeChange = (arr) => {\r\n let state = {...this.state}\r\n let tempSelectedRecipeTypesList = [];\r\n arr.map(obj => {\r\n tempSelectedRecipeTypesList.push(obj.value);\r\n })\r\n\r\n state.selectedRecipeTypesList = tempSelectedRecipeTypesList;\r\n state.selectedRecipes = [];\r\n state.pageRecipes.forEach(pageRecipe => pageRecipe.statusCheck = false);\r\n\r\n this.setState(state, () => {\r\n this.handleSearchMultipleFieldInput();\r\n });\r\n }\r\n\r\n /**\r\n *Modificar la lista de IDs con los que el usuario ha seleccionado. Aplica sobre los tipos de sabores\r\n * \r\n *@param: arr: arreglo de valores que crea el select multi de react\r\n *@return: nada\r\n */\r\n handleFlavorChange = (arr) => {\r\n let state = {...this.state}\r\n let tempSelectedFlavorList = [];\r\n arr.map(obj => {\r\n tempSelectedFlavorList.push(obj.value);\r\n })\r\n\r\n state.selectedFlavorsList = tempSelectedFlavorList;\r\n state.selectedRecipes = [];\r\n state.pageRecipes.forEach(pageRecipe => pageRecipe.statusCheck = false);\r\n\r\n this.setState(state, () => {\r\n this.handleSearchMultipleFieldInput();\r\n });\r\n }\r\n\r\n /**\r\n *Modificar la lista de IDs con los que el usuario ha seleccionado. Aplica sobre las presentaciones\r\n * \r\n *@param: arr: arreglo de valores que crea el select multi de react\r\n *@return: nada\r\n */\r\n handlePresentationChange = (arr) => {\r\n let state = {...this.state}\r\n let tempPresentationList = [];\r\n arr.map(obj => {\r\n tempPresentationList.push(obj.value);\r\n })\r\n\r\n state.selectedPresentationsList = tempPresentationList;\r\n state.selectedRecipes = [];\r\n state.pageRecipes.forEach(pageRecipe => pageRecipe.statusCheck = false);\r\n\r\n this.setState(state, () => {\r\n this.handleSearchMultipleFieldInput();\r\n });\r\n }\r\n\r\n /**\r\n *Modificar la lista de IDs con los que el usuario ha seleccionado. Aplica sobre los tipos de leche\r\n * \r\n *@param: arr: arreglo de valores que crea el select multi de react\r\n *@return: nada\r\n */\r\n handleMilkChange = (arr) => {\r\n let state = {...this.state}\r\n let tempMilksList = [];\r\n arr.map(obj => {\r\n tempMilksList.push(obj.value);\r\n })\r\n\r\n state.selectedMilksList = tempMilksList;\r\n state.selectedRecipes = [];\r\n state.pageRecipes.forEach(pageRecipe => pageRecipe.statusCheck = false);\r\n\r\n this.setState(state, () => {\r\n this.handleSearchMultipleFieldInput();\r\n });\r\n }\r\n\r\n /**\r\n *Modificar la lista de IDs con los que el usuario ha seleccionado. Aplica sobre los tipos de granos.\r\n * \r\n *@param: arr: arreglo de valores que crea el select multi de react\r\n *@return: nada\r\n */\r\n handleGrainChange = (arr) => {\r\n let state = {...this.state}\r\n let tempGrainList = [];\r\n arr.map(obj => {\r\n tempGrainList.push(obj.value);\r\n })\r\n\r\n state.selectedGrainsList = tempGrainList;\r\n state.selectedRecipes = [];\r\n state.pageRecipes.forEach(pageRecipe => pageRecipe.statusCheck = false);\r\n\r\n this.setState(state, () => {\r\n this.handleSearchMultipleFieldInput();\r\n });\r\n }\r\n\r\n /**\r\n *Modificar la lista de IDs con los que el usuario ha seleccionado. Aplica sobre las clasificaciones.\r\n * \r\n *@param: arr: arreglo de valores que crea el select multi de react\r\n *@return: nada\r\n */\r\n handleClassificationChange = (arr) => {\r\n let state = {...this.state}\r\n let tempClassificationList = [];\r\n arr.map(obj => {\r\n tempClassificationList.push(obj.value);\r\n })\r\n\r\n state.selectedClassificationList = tempClassificationList;\r\n state.selectedRecipes = [];\r\n // state.pageRecipes.forEach(pageRecipe => pageRecipe.statusCheck = false);\r\n\r\n this.setState(state, () => {\r\n this.handleSearchMultipleFieldInput();\r\n this.filterOptionsByClasification();\r\n });\r\n }\r\n\r\n /**\r\n * Filtra las opciones de los filtros(hehe) segun la clasificacion seleccionada.\r\n * Por ejemplo, seleccionó la Familia \"Chocolate\" entonces en el filtro de tipo de receta solo me tiene que aparecer \"Caliente\" y \"Frio\"\r\n */\r\n filterOptionsByClasification = () => {\r\n let clasificaciones = this.state.selectedClassificationList\r\n if(clasificaciones.length > 0 ){\r\n let stateFiltros = {}\r\n // Filtrar los tipos de receta\r\n RecipeTypesAPI.getByClasification(clasificaciones).then(response => {\r\n let temp = response.data.map(obj => {\r\n return {value: obj.RecipeTypeId, label: obj.RecipeName ? obj.RecipeName : obj.Description}\r\n })\r\n stateFiltros.recipeTypeList = temp\r\n \r\n // Filtrar los sabores\r\n return FlavorsAPI.getByClasification(clasificaciones)\r\n }).then(response => {\r\n let tempFlavorsList = response.data.map(obj => {\r\n return {value: obj.FlavorTypeId, label:obj.Name}\r\n })\r\n tempFlavorsList.sort(this.compare); // Ordenar los labels \r\n stateFiltros.flavorsList = tempFlavorsList\r\n \r\n // Filtrar los granos de cafe\r\n return GrainsAPI.getByClasification(clasificaciones)\r\n }).then(response => {\r\n let tempGrainList = response.data.map(obj => {\r\n return {value: obj.GrainTypeId, label: obj.Description}\r\n })\r\n tempGrainList.sort(this.compare); // Ordenar los labels\r\n stateFiltros.grainsList = tempGrainList\r\n \r\n // Filtrar los tipos de leche\r\n return MilksAPI.getByClasification(clasificaciones)\r\n })\r\n .then(response => {\r\n let tempMilkList = response.data.map(obj => {\r\n return {value: obj.MilkTypeId, label: obj.Description}\r\n })\r\n tempMilkList.sort(this.compare); // Ordenar los labels\r\n stateFiltros.milksList = tempMilkList\r\n \r\n // Filtrar las presentaciones\r\n return PresentationsAPI.getByClasification(clasificaciones)\r\n }).then(response => {\r\n let tempPresentationList = response.data.map(obj => {\r\n return {value: obj.PresentationId, label: obj.Name}\r\n })\r\n tempPresentationList.sort(this.compare); // Ordenar los labels\r\n stateFiltros.presentationsList = tempPresentationList\r\n\r\n this.setState(stateFiltros)\r\n })\r\n }else{\r\n this.setState({\r\n recipeTypeList: lodash.cloneDeep(this.origRecipeTypesList),\r\n flavorsList: lodash.cloneDeep(this.origFlavorsList),\r\n grainsList: lodash.cloneDeep(this.origGrainsList),//Donde se va a guardar la lista original de granos\r\n milksList: lodash.cloneDeep(this.origMilksList),//Donde se va a guardar la lista original de leches\r\n presentationList: lodash.cloneDeep(this.origPresentationList)//Donde se va a guardar la lista original de presentaciones\r\n })\r\n }\r\n }\r\n\r\n handleSelectChange = (objFilters) => {\r\n this.setState(objFilters, () => {this.handleSearchMultipleFieldInput();})\r\n }\r\n\r\n /**\r\n * Funcion que se ejecuta al cambiar la pagina del tablero\r\n */\r\n changeRecipePage = (recipes) => {\r\n let recipesChecked = 0\r\n let checkAll = false\r\n // recipes.forEach(item => {\r\n // if(this.state.selectedRecipes.findIndex(id => id === item.RecipeId) !== -1)\r\n // recipesChecked++\r\n // })\r\n // if(recipesChecked === recipes.length) checkAll = true \r\n\r\n this.setState({ pageRecipes: recipes, checkAll: checkAll })\r\n }\r\n \r\n render() {\r\n return (\r\n
\r\n
Administrar Imágenes
\r\n
\r\n
\r\n {/*
\r\n
\r\n
\r\n
\r\n this.handleSearchInput(t)}\r\n itemName={'Receta'}\r\n placeholderText={\"Ingrese descripción y nombre corto de receta\"}\r\n />\r\n