\r\n
\r\n \r\n \r\n
\r\n\r\n {this.getTitle()}
\r\n\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderFilterBrand(classObj, filters) {\r\n const { checkFilter } = this.state;\r\n return (\r\n \r\n {Array.isArray(filters) && filters.length > 0 && (\r\n \r\n {\r\n this.handleCheckDate(\r\n value,\r\n element\r\n );\r\n }}\r\n className='mb-2'\r\n />\r\n );\r\n })}\r\n \r\n )}\r\n
\r\n \r\n {\r\n this.handleCheckAllDate(value);\r\n }}\r\n className='mb-2'\r\n />\r\n
\r\n {filters.map((element, index) => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderFilterBrandNotCross(classObj, filters) {\r\n const { checkFilter } = this.state;\r\n return (\r\n \r\n {Array.isArray(filters) && filters.length > 0 && (\r\n \r\n {\r\n this.handleCheckBrand(\r\n value,\r\n element\r\n );\r\n }}\r\n className='mb-2'\r\n />\r\n );\r\n })}\r\n \r\n )}\r\n
\r\n \r\n {\r\n this.handleCheckAllBrand(value);\r\n }}\r\n className='mb-2'\r\n />\r\n
\r\n {filters.map((element, index) => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderFilters() {\r\n const {\r\n filtros,\r\n filterBrand,\r\n filterNotCrossBrand,\r\n filterDate,\r\n acordeonMarcas,\r\n acordeonMarcasNotCross,\r\n acordeonFechasMontaje,\r\n ordenar,\r\n orderId,\r\n } = this.state;\r\n const classCheckMarcas = {\r\n active: acordeonMarcas,\r\n closed: !acordeonMarcas,\r\n };\r\n const classCheckMarcasNotCross = {\r\n active: acordeonMarcasNotCross,\r\n closed: !acordeonMarcasNotCross,\r\n };\r\n const classCheckFechasMontaje = {\r\n active: acordeonFechasMontaje,\r\n closed: !acordeonFechasMontaje,\r\n }\r\n return (\r\n \r\n {Array.isArray(filters) && filters.length > 0 && (\r\n \r\n {\r\n this.handleCheckBrandNotCross(\r\n value,\r\n element\r\n );\r\n }}\r\n className='mb-2'\r\n />\r\n );\r\n })}\r\n \r\n )}\r\n
\r\n \r\n {\r\n this.handleCheckAllBrandNotCross(value);\r\n }}\r\n className='mb-2'\r\n />\r\n
\r\n {filters.map((element, index) => {\r\n return (\r\n \r\n {/* BOTONES 1-NO TITULO ART, 2-RESUMEN ART Y 3-VER SOLO PVP O STOCK */}\r\n \r\n \r\n this.setState({\r\n acordeonFechasMontaje: !acordeonFechasMontaje,\r\n })\r\n }\r\n >\r\n
\r\n {this.renderFilterDate(classCheckFechasMontaje, filterDate)}\r\n \r\n )}\r\n \r\n {/* FILTRAR POR MARCAS */}\r\n {Array.isArray(filterBrand) && filterBrand.length > 0 && (\r\n \r\n this.handleRemoveMarcas()}\r\n />\r\n \r\n this.setState({\r\n filtros: {\r\n ...filtros,\r\n compactArticle: !filtros.compactArticle,\r\n },\r\n })\r\n }\r\n />\r\n \r\n this.setState({\r\n filtros: {\r\n ...filtros,\r\n showLessPrice: !filtros.showLessPrice,\r\n },\r\n })\r\n }\r\n />\r\n
\r\n\r\n {/* ORDENAR POR... */}\r\n \r\n
\r\n\r\n {/* CÓDIGO ARTÍCULO */}\r\n {/* \r\n this.handleSort(value)}\r\n />\r\n
\r\n \r\n
*/}\r\n \r\n {/* FILTRAR POR FECHAS DE MONTAJE */}\r\n {Array.isArray(filterDate) && filterDate.length > 0 && (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n codigo: value,\r\n });\r\n }}\r\n onEnter={this.handleKeyDown}\r\n />\r\n
\r\n \r\n \r\n this.setState(\r\n {\r\n isFetching: true,\r\n marcasCruzadas: [],\r\n familiasArticulos: [],\r\n otrasMarcas: [],\r\n check: {\r\n cruzadas: true,\r\n otras: true,\r\n },\r\n },\r\n () => this.getArtByRef()\r\n )\r\n }\r\n >\r\n \r\n \r\n
\r\n \r\n {translate('_fechas_montaje')}\r\n
\r\n \r\n {translate('_marcas')}\r\n
\r\n \r\n {this.renderFilterBrand(classCheckMarcas, filterBrand)}\r\n \r\n {translate('_marcasNotCross')}\r\n
\r\n \r\n {this.renderFilterBrandNotCross(classCheckMarcasNotCross, filterNotCrossBrand)}\r\n \r\n \r\n \r\n \r\n 0,\r\n ambar:\r\n articulo.STOCK_ALMACEN <= 0 &&\r\n articulo.STOCK > 0,\r\n rojo:\r\n articulo.STOCK_ALMACEN <= 0 &&\r\n articulo.STOCK <= 0,\r\n })}\r\n onClick={() => {\r\n this.setState({\r\n fichaStock: {\r\n open: true,\r\n reg: articulo.ART_CODIGO,\r\n },\r\n });\r\n }}\r\n />\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {(filtros.hideBrands ||\r\n filtroSinMarca.includes(orderId)) && (\r\n \r\n {articulo.MART_DESCRIPCION} \r\n \r\n )}\r\n {/* {articulo.ART_CODIGO} */}\r\n
\r\n {articulo.ART_CODIGO != null && (\r\n \r\n \r\n {translate('referencia_proveedor') +\r\n ':'}\r\n \r\n {articulo.ART_CODIGO}\r\n \r\n
\r\n )}\r\n \r\n \r\n {articulo.DESCRIPCION}\r\n \r\n
\r\n {articulo.ART_PROPIEDAD !== null && (\r\n \r\n {artPropiedad.map((art, index) => {\r\n return (\r\n {art}\r\n );\r\n })}\r\n
\r\n )}\r\n {articulo.ART_FECHA_MONTAJE !== null &&\r\n articulo.ART_FECHA_MONTAJE && (\r\n \r\n \r\n {`Años Montaje: Desde ${\r\n articulo.ART_FECHA_MONTAJE.split(\r\n ','\r\n )[0]\r\n } al ${\r\n articulo.ART_FECHA_MONTAJE.split(\r\n ','\r\n )[\r\n articulo.ART_FECHA_MONTAJE.split(\r\n ','\r\n ).length - 1\r\n ]\r\n }`}\r\n \r\n
\r\n )}\r\n {articulo.ART_OEM !== null && (\r\n \r\n \r\n this.setState({\r\n fichaOEM: {\r\n open: true,\r\n reg: articulo.ART_OEM,\r\n },\r\n })\r\n }\r\n />\r\n
\r\n )}\r\n {articulo.ART_EQUV !== null && (\r\n \r\n \r\n this.setState({\r\n fichaEqv: {\r\n open: true,\r\n reg: articulo.ART_EQUV,\r\n },\r\n })\r\n }\r\n />\r\n
\r\n )}\r\n {translate('stock')}
\r\n \r\n \r\n {articulo.STOCK_ALMACEN} \r\n \r\n \r\n / {articulo.STOCK}\r\n \r\n
\r\n \r\n
\r\n\r\n {!filtros.showLessPrice && (\r\n {translate('pvp')}
\r\n \r\n {articulo.PVP_RECOMENDADO === 0\r\n ? formatCurrency(articulo.PVP)\r\n : formatCurrency(articulo.PVP_RECOMENDADO)}\r\n
\r\n \r\n
\r\n {translate('precio')}
\r\n {formatCurrency(articulo.PVP)}
\r\n \r\n
\r\n {translate('dto')}
\r\n \r\n {formatCurrency(articulo.DTO, 2, '%')}\r\n
\r\n \r\n
\r\n {translate('neto')}
\r\n {formatCurrency(articulo.NETO)}
\r\n \r\n {motoscat &&\r\n motoscat.cliente &&\r\n motoscat.cliente.CODIGO && (\r\n \r\n this.handleShopingCart(articulo)\r\n }\r\n >\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 0,\r\n ambar:\r\n articulo.STOCK_ALMACEN <= 0 &&\r\n articulo.STOCK > 0,\r\n rojo:\r\n articulo.STOCK_ALMACEN <= 0 &&\r\n articulo.STOCK <= 0,\r\n })}\r\n onClick={() => {\r\n this.setState({\r\n fichaStock: {\r\n open: true,\r\n reg: articulo.ART_CODIGO,\r\n },\r\n });\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {filtros.hideBrands && (\r\n \r\n {articulo.MART_DESCRIPCION}\r\n {': '}\r\n \r\n )}\r\n \r\n {translate('referencia_proveedor') + ':'}\r\n \r\n {/* {articulo.ARTICULO} */}\r\n {articulo.ART_CODIGO}\r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n {translate('stock')}
\r\n \r\n \r\n {articulo.STOCK_ALMACEN}\r\n \r\n \r\n /{articulo.STOCK}\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n {!filtros.showLessPrice && (\r\n {translate('pvp')}
\r\n \r\n {articulo.PVP_RECOMENDADO === 0\r\n ? formatCurrency(articulo.PVP)\r\n : formatCurrency(articulo.PVP_RECOMENDADO)}\r\n
\r\n \r\n
\r\n {translate('precio')}
\r\n {formatCurrency(articulo.PVP)}
\r\n \r\n
\r\n {translate('dto')}
\r\n \r\n {formatCurrency(articulo.DTO, 2, '%')}\r\n
\r\n \r\n
\r\n {translate('neto')}
\r\n {formatCurrency(articulo.NETO)}
\r\n \r\n {motoscat &&\r\n motoscat.cliente &&\r\n motoscat.cliente.CODIGO && (\r\n \r\n this.handleShopingCart(articulo)\r\n }\r\n >\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n {element.marca.text}\r\n
\r\n )}\r\n {element.articulos.map((articulo, indexArticulo) => {\r\n if (articulo.show === false) return null;\r\n const artPropiedad =\r\n (articulo.ART_PROPIEDAD !== null &&\r\n articulo.ART_PROPIEDAD.split(',')) ||\r\n [];\r\n return (\r\n \r\n {this.renderImage(articulo)}\r\n
\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n {this.renderArticleContent(\r\n articulo,\r\n artPropiedad\r\n )}\r\n
\r\n \r\n {element.marca.text}\r\n
\r\n )}\r\n {element.articulos.map((articulo, indexArticulo) => {\r\n if (articulo.show === false) return null;\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n \r\n {this.renderArticleCompactContent(\r\n articulo\r\n )}\r\n
\r\n \r\n
\r\n );}\r\n return (\r\n {translate('seleccione_moto_o_referencia')}
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderBody() {\r\n return (\r\n \r\n {filtros.compactArticle\r\n ? this.renderArticleCompacted()\r\n : this.renderArticle()}\r\n
\r\n {totalProducts > maxArticulos && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n 1
\r\n \r\n {translate('seleccione_fabricante')}\r\n
\r\n \r\n
\r\n 2
\r\n \r\n {translate('seleccione_modelo')}\r\n
\r\n \r\n
\r\n 3
\r\n \r\n {translate('seleccione_motor')}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n this.setState({\r\n valueFiltro: e.target.value || '',\r\n })\r\n }\r\n placeholder={translate('buscar_fabricante')}\r\n />\r\n
\r\n \r\n {letrasFabricantes.map((e, i) => {\r\n return (\r\n \r\n this.handleFilterLetra(e.letra)\r\n }\r\n style={{ marginRight: '0.1rem' }}\r\n >\r\n {e.letra}\r\n \r\n );\r\n })}\r\n this.setState({ letras: [] })}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n {fabFiltrados.map((element, index) => {\r\n return (\r\n \r\n
*/}\r\n
\r\n \r\n {element.letra}\r\n
\r\n {/**/}\r\n
\r\n {element.fabricantes.map(\r\n (fab, index) => {\r\n return (\r\n \r\n \r\n this.selectBrand(\r\n fab\r\n )\r\n }\r\n >\r\n {\r\n fab.MMO_DESCRIPCION\r\n }\r\n \r\n
\r\n );\r\n }\r\n )}\r\n \r\n this.selectBrand(row)}\r\n style={{ cursor: 'pointer' }}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n this.setState((prevState) => ({\r\n openLetras: !prevState.openLetras,\r\n }))\r\n }\r\n />\r\n
\r\n {openLetras && this.renderLetrasFabricantes()}\r\n {!openLetras &&\r\n marcas.rows.map((row) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n this.setState({\r\n filtroModelos: e.target.value || '',\r\n })\r\n }\r\n placeholder={translate('buscar_modelo')}\r\n autoFocus\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {translate('marca')} | \r\n{translate('modelo')} | \r\n\r\n {modelo.MMO_DESCRIPCION}\r\n | \r\n\r\n {modelo.MMD_DESCRIPCION}\r\n | \r\n \r\n );\r\n })}\r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n \r\n this.setState({\r\n filtroVersion: e.target.value || '',\r\n })\r\n }\r\n placeholder={translate('buscar_version')}\r\n autoFocus\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {translate('version')} | \r\n{translate('marca')} | \r\n{translate('modelo')} | \r\nCC | \r\n{moto.MOT_VERSION} | \r\n\r\n {moto.MMO_DESCRIPCION}\r\n | \r\n\r\n {moto.MMD_DESCRIPCION}\r\n | \r\n{moto.MOT_CC} | \r\n \r\n );\r\n })}\r\n
|---|
\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withSizes(getBreakpoints)(\r\n connect(mapStateToProps, mapDispatchToProps)(MarcasMotos)\r\n);\r\n","import PropTypes from 'prop-types';\r\nimport React, { Component } from 'react';\r\n\r\nclass CounterInput extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n max: this.props.max,\r\n min: this.props.min\r\n };\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { max } = this.props;\r\n if (prevProps.max !== max) {\r\n this.setState({ max: this.props.max });\r\n }\r\n }\r\n\r\n incrementCounter = () => {\r\n const { value } = this.props;\r\n const { max } = this.state;\r\n let quantity = value < max ? value + 1 : value;\r\n\r\n if (typeof this.props.handleChange === 'function') {\r\n this.props.handleChange(quantity);\r\n }\r\n };\r\n\r\n decreaseCounter = () => {\r\n const { value } = this.props;\r\n const { min } = this.state;\r\n let quantity = value > min ? value - 1 : value;\r\n\r\n if (typeof this.props.handleChange === 'function') {\r\n this.props.handleChange(quantity);\r\n }\r\n };\r\n\r\n changeNumeric = event => {\r\n const { min, max } = this.state;\r\n let quantity = parseInt(event.target.value, 10);\r\n\r\n if (quantity <= min) quantity = min;\r\n if (quantity >= max) quantity = max;\r\n if (isNaN(quantity)) quantity = min;\r\n\r\n if (typeof this.props.handleChange === 'function') {\r\n this.props.handleChange(quantity);\r\n }\r\n };\r\n\r\n handleBlur = () => {\r\n const { value } = this.props;\r\n if (isNaN(value) && typeof this.props.handleChange === 'function') {\r\n this.props.handleChange(1);\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n {this.renderStepper()}
\r\n {this.renderStep()}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nCounterInput.propTypes = {\r\n value: PropTypes.number.isRequired,\r\n disabled: PropTypes.bool,\r\n handleChange: PropTypes.func.isRequired,\r\n handleBlur: PropTypes.func,\r\n min: PropTypes.number,\r\n max: PropTypes.number\r\n};\r\n\r\nCounterInput.defaultProps = {\r\n min: 1,\r\n max: 100\r\n};\r\n\r\nexport default CounterInput;\r\n","var map = {\n\t\"./ca.json\": [\n\t\t\"8k/X\",\n\t\t0\n\t],\n\t\"./en.json\": [\n\t\t\"VSL/\",\n\t\t0\n\t],\n\t\"./es.json\": [\n\t\t\"Kp+z\",\n\t\t0\n\t],\n\t\"./fr.json\": [\n\t\t\"oLw5\",\n\t\t0\n\t],\n\t\"./pt.json\": [\n\t\t\"x+Qg\",\n\t\t0\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__.t(id, 3);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = \"VewU\";\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./ca.json\": [\n\t\t\"rwei\",\n\t\t8\n\t],\n\t\"./en.json\": [\n\t\t\"cCmO\",\n\t\t9\n\t],\n\t\"./es.json\": [\n\t\t\"qgB8\",\n\t\t10\n\t],\n\t\"./fr.json\": [\n\t\t\"xSkN\",\n\t\t11\n\t],\n\t\"./pt.json\": [\n\t\t\"v0ES\",\n\t\t12\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__.t(id, 3);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = \"Zbgq\";\nmodule.exports = webpackAsyncContext;","var map = {\n\t\"./es\": \"ZiN1\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"bL+c\";","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { smartFetch } from 'skrit-web-framework/utils';\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n cleanState() {\r\n dispatch({ type: 'CLEAN_STATE' });\r\n },\r\n onLogin(props) {\r\n dispatch({ type: 'CLEAN_STATE' });\r\n dispatch({ type: 'SET_CONFIG', config: props });\r\n }\r\n };\r\n};\r\n\r\nclass LoginForm extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n usuario: '',\r\n pwd: '',\r\n recover: false\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { match } = this.props;\r\n if (Object.keys(match.params).length) {\r\n let payload = {\r\n usuario: match.params.user,\r\n pwd: match.params.pwd\r\n };\r\n this.doLogin(payload);\r\n } else {\r\n this.props.cleanState();\r\n }\r\n }\r\n\r\n handleSubmit = () => {\r\n let payload = {\r\n usuario: this.state.usuario,\r\n pwd: this.state.pwd\r\n };\r\n this.doLogin(payload);\r\n };\r\n\r\n handleKeyDown = e => {\r\n if (e.keyCode === 13) {\r\n this.handleSubmit();\r\n }\r\n };\r\n\r\n handleRecover = () => {\r\n const payload = { usuario: this.state.usuario };\r\n this.props.toggleIsFetching(true);\r\n smartFetch('/Login/Recover', {\r\n method: 'POST',\r\n body: payload\r\n }).then(({ body }) => {\r\n if (body === 'True') {\r\n this.props.toggleIsFetching(false);\r\n return this.props.toggleLoginErr(\r\n 'El correo electrónico con las credenciales se ha enviado con éxito'\r\n );\r\n }\r\n this.props.toggleIsFetching(false);\r\n return this.props.toggleLoginErr(\r\n 'No se ha podido enviar el correo electrónico'\r\n );\r\n });\r\n };\r\n\r\n doLogin(payload) {\r\n this.props.toggleLoginErr(null);\r\n this.props.toggleIsFetching(true);\r\n\r\n smartFetch('/Login/Validar', {\r\n method: 'POST',\r\n body: payload\r\n })\r\n .then(({ body }) => {\r\n if (body.ok) {\r\n let data = { ...body, isLogged: true, isConnected: false };\r\n this.props.onLogin(data);\r\n localStorage.setItem('isLogged', 'true');\r\n this.props.toggleLoggedIn(true);\r\n } else {\r\n this.props.toggleLoginErr(body.mensajeError);\r\n }\r\n })\r\n .catch(() => {\r\n this.props.toggleLoginErr(\r\n 'No se pudo establecer la conexión con el servidor'\r\n );\r\n });\r\n }\r\n\r\n renderRecover() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderLogin(){\r\n return (\r\n {'Recuperar tu cuenta'}
\r\n \r\n \r\n {\r\n this.articuloInput = input;\r\n }}\r\n className='p-1'\r\n type='text'\r\n placeholder='Usuario'\r\n onKeyDown={this.handleKeyDown}\r\n onChange={(e) =>\r\n this.setState({ usuario: e.target.value || '' })\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {'Recuperar'}\r\n \r\n
\r\n \r\n {\r\n this.setState({ recover: false });\r\n this.props.toggleLoginErr(null);\r\n }}\r\n >\r\n {'Iniciar sesion'}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n const { recover } = this.state;\r\n return recover ? this.renderRecover() : this.renderLogin()\r\n }\r\n}\r\n\r\nexport default connect(\r\n null,\r\n mapDispatchToProps\r\n)(LoginForm);\r\n","export const FORMS = {\r\n ROLES: 1,\r\n MENU: 2,\r\n TEMAS: 3,\r\n PERFIL: 4,\r\n DASHBOARD: 5,\r\n VERSIONES: 6,\r\n MARCAS_MOTOS: 7,\r\n ARTICULOS: 8,\r\n CESTA: 9,\r\n};\r\n\r\nexport const GRIDS = {\r\n ROLES: { id: 0, controller: '/Roles' },\r\n MENUS: { id: 1, controller: '/Menu' },\r\n MENUS_PERMISOS: { id: 2, controller: '/MenusPermisos' },\r\n IDIOMAS: { id: 3, controller: '/Idiomas' },\r\n DASHBOARD: { id: 4, controller: '/MenuUsuarioDesk' },\r\n VERSIONES: { id: 5, controller: '/Versiones' },\r\n ALERTAS: { id: 6, controller: '/Alertas' },\r\n MARCAS_MOTOS: { id: 7, controller: '/MarcasMotos' },\r\n PERFIL: { id: 8, controller: '/Usuarios' },\r\n TEMAS: { id: 9, controller: '/Temas' },\r\n CESTA: { id: 10, controller: '/Cesta' },\r\n};\r\n\r\nexport const AYUDAS = {\r\n TEMAS: {\r\n grid: GRIDS.TEMAS,\r\n Component: () => import('../ayudas/Temas'),\r\n },\r\n IDIOMAS: {\r\n grid: GRIDS.IDIOMAS,\r\n Component: () => import('../ayudas/Idiomas'),\r\n },\r\n};\r\n\r\nexport const FICHAS = {\r\n DASHBOARD: {\r\n Ficha: () => import('../fichas/DashboardDrawer'),\r\n },\r\n MARCAS_MOTOS: {\r\n Ficha: () => import('../consultas/Motos'),\r\n Consulta: () => import('../consultas/Motos'),\r\n },\r\n ADD_ARTICULO_CESTA: {\r\n Ficha: () => import('../fichas/cesta/AnyadirArticulo'),\r\n },\r\n STOCK_ALMACENES: {\r\n Consulta: () => import('../fichas/articulos/StockAlmacenes'),\r\n },\r\n ARTICULOS_OEM: {\r\n Ficha: () => import('../fichas/articulos/ArticulosOEM'),\r\n },\r\n ARTICULOS_EQUIV: {\r\n Ficha: () => import('../fichas/articulos/ArticulosEquivalentes'),\r\n },\r\n ESCALADO_PRECIOS: {\r\n Consulta: () => import('../fichas/articulos/EscaladoPrecios'),\r\n },\r\n CESTA: {\r\n Ficha: () => import('../fichas/cesta/Cesta'),\r\n },\r\n MI_CONFIGURACION: {\r\n Ficha: () => import('../fichas/perfil/usuarios/MiConfiguracion'),\r\n },\r\n HISTORIAL: {\r\n Consulta: () => import('../consultas/Historial'),\r\n },\r\n CLIENTES: {\r\n Consulta: () => import('../consultas/Clientes'),\r\n },\r\n CENTROS: {\r\n Consulta: () => import('../consultas/Centros'),\r\n },\r\n FORMATO_LIBRE: {\r\n Ficha: () => import('../fichas/cesta/FormatoLibre'),\r\n },\r\n PEDIDO_WEB: {\r\n Ficha: () => import('../fichas/cesta/PedidoWeb'),\r\n },\r\n EDITAR_ARTICULO: {\r\n Ficha: () => import('../fichas/cesta/EditarArticulo'),\r\n },\r\n};\r\n\r\nexport const REMOTE = {};\r\n\r\nexport const ICONOS = {\r\n DOC: 'ms-Icon ms-Icon--WordDocument icon-lg2',\r\n XLS: 'ms-Icon ms-Icon--ExcelDocument icon-lg2',\r\n PDF: 'ms-Icon ms-Icon--PDF icon-lg2',\r\n ZIP: 'fa fa-file-archive-o',\r\n WMV: 'fa fa-film',\r\n JPG: 'ms-Icon ms-Icon--FileImage icon-lg2',\r\n XLSX: 'ms-Icon ms-Icon--ExcelDocument icon-lg2',\r\n PPS: 'ms-Icon ms-Icon--PowerPointDocument icon-lg2',\r\n PPTX: 'ms-Icon ms-Icon--PowerPointDocument icon-lg2',\r\n DOCX: 'ms-Icon ms-Icon--WordDocument icon-lg2',\r\n TXT: 'ms-Icon ms-Icon--WordDocument icon-lg2',\r\n PPT: 'ms-Icon ms-Icon--PowerPointDocument icon-lg2',\r\n XLSM: 'ms-Icon ms-Icon--ExcelDocument icon-lg2',\r\n HTM: 'fa fa-file-code-o',\r\n MOV: 'fa fa-film',\r\n '3GP': 'fa fa-file-o',\r\n PNG: 'ms-Icon ms-Icon--FileImage icon-lg2',\r\n RTF: 'ms-Icon ms-Icon--WordDocument icon-lg2',\r\n CSV: 'ms-Icon ms-Icon--ExcelLogo icon-lg2',\r\n};\r\n\r\nexport const EXTENSIONES_BYTES = [\r\n 'jpg',\r\n 'jpeg',\r\n 'gif',\r\n 'png',\r\n 'bmp',\r\n 'ico',\r\n 'svg',\r\n 'pdf',\r\n];\r\n\r\nexport const MOTOSCAT_VIEW = {\r\n MOTOS: 1,\r\n REFERENCIA: 2,\r\n};\r\n\r\nexport const HISTORICO_MOTOSCAT = {\r\n REFERENCIA: 1,\r\n MOTOS: 2,\r\n};\r\n\r\nexport const ORDEN = {\r\n STOCK: 1,\r\n PRECIO: 2,\r\n MARCA: 3,\r\n REFERENCIA: 4,\r\n NETO: 5,\r\n GRUPO_MONTAJE: 6,\r\n};\r\n\r\nexport const ACCIONES_CESTA = {\r\n ADD: 0,\r\n ELIMINAR_LINEA: 1,\r\n ELIMINAR_CESTA_CLIENTE: 2,\r\n MODIFICAR_LINEA: 3,\r\n};\r\n","import React, { Component, Suspense } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\r\nimport { setConfig } from 'skrit-web-framework';\r\nimport NotFound from 'skrit-web-framework/components/NotFound';\r\nimport Spinner from 'skrit-web-framework/components/Spinner';\r\nimport { SERVER } from 'skrit-web-framework/constantes';\r\nimport { setLanguage } from 'skrit-web-framework/translator';\r\n\r\nimport { routes, RouteWithSubRoutes } from '../rutas/Routes';\r\nimport store from '../store';\r\nimport Login from '../ventanas/login/login';\r\nimport Motoscat from './Motoscat';\r\n\r\nsetConfig({ store, getLocales: (lang) => import(`../locales/${lang}.json`) });\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n config: state.config,\r\n cesta: null,\r\n };\r\n};\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n componentDidMount() {\r\n if (localStorage.getItem('isLogged') === 'true') {\r\n let data = { method: 'PUT', credentials: 'include' };\r\n fetch(SERVER + '/Login/EnSession', data)\r\n .then((res) => res.json())\r\n .then((json) => {\r\n if (json.ok) {\r\n let data = {\r\n ...json,\r\n isLogged: true,\r\n };\r\n store.dispatch({ type: 'SET_CONFIG', config: data });\r\n } else {\r\n store.dispatch({ type: 'CLEAN_STATE' });\r\n localStorage.setItem('isLogged', 'false');\r\n this.forceUpdate();\r\n }\r\n });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { theme, language } = this.props.config;\r\n if (prevProps.config.theme !== theme) {\r\n this.loadTheme(theme);\r\n }\r\n if (prevProps.config.language !== language) {\r\n setLanguage(language);\r\n }\r\n }\r\n\r\n loadTheme(theme) {\r\n if (theme != null && theme.Colores != null) {\r\n theme.Colores.map((e) => {\r\n document.documentElement.style.setProperty(\r\n `--${e.TEMC_KEY}`,\r\n e.TEMC_VALUE\r\n );\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n Entra en tu cuenta
\r\n \r\n \r\n \r\n this.setState({ usuario: e.target.value || '' })\r\n }\r\n autoFocus\r\n />\r\n
\r\n \r\n \r\n \r\n this.setState({ pwd: e.target.value || '' })\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n Entrar\r\n \r\n
\r\n \r\n {\r\n this.setState({ recover: true });\r\n this.props.toggleLoginErr(null);\r\n }}\r\n >\r\n {'Recuperar Contraseña'}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n buildContent() {\r\n const { articulo } = this.state;\r\n if (articulo == null) return ;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {articulo.DESCRIPCION}\r\n \r\n \r\n {translate('codigo')}: {articulo.ART_CODIGO}\r\n \r\n
\r\n \r\n
\r\n \r\n {translate('stock_almacenes')}\r\n
\r\n \r\n \r\n this.setState({ openFichaStock: true })\r\n }\r\n class={cls('btn-rounded semaforo', {\r\n verde: articulo.STOCK_ALMACEN > 0,\r\n ambar:\r\n articulo.STOCK_ALMACEN <= 0 &&\r\n articulo.STOCK > 0,\r\n rojo:\r\n articulo.STOCK_ALMACEN <= 0 &&\r\n articulo.STOCK <= 0,\r\n })}\r\n />\r\n
\r\n \r\n {translate('escalado_precios')}\r\n
\r\n \r\n \r\n this.setState({ openFichaEscalados: true })\r\n }\r\n class='btn-rounded'\r\n />\r\n
\r\n \r\n {this.buildCesta()}
\r\n \r\n {this.buildInputsCesta()}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | {translate('cantidad')} | \r\n{translate('almacen')} | \r\n{translate('precio')} | \r\n{translate('dto')} | \r\n{translate('total')} | \r\n\r\n |
|---|---|---|---|---|---|
| {articulo.cantidad} | \r\n{articulo.almacen} | \r\n\r\n {formatCurrency(articulo.precio)}\r\n | \r\n\r\n {formatCurrency(\r\n articulo.dto,\r\n 2,\r\n '%'\r\n )}\r\n | \r\n\r\n {formatCurrency(articulo.total)}\r\n | \r\n\r\n | \r\n
\r\n {\r\n return {\r\n ...element,\r\n id: element.Id,\r\n text: element.Text,\r\n stockTotal: element.StockTotal,\r\n articulosCesta: element.ArticulosCesta,\r\n };\r\n })}\r\n value={this.state.almacenSel}\r\n onChange={(value) => {\r\n this.handleStock(value, true);\r\n }}\r\n />\r\n
\r\n \r\n \r\n this.setState({\r\n cantidad: value,\r\n })\r\n }\r\n focus\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {translate('add_articulo_cesta')}
\r\n\r\n this.handleAccept()} />\r\n
\r\n