\r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
\r\n }\r\n \r\n Utilizamos cookies propias y de terceros para analizar nuestros servicios y mejorar su experiencia de usuario.
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","\r\n//utilizamos el locale de-DE (Alemania) porque fuerza el separador de miles con 4 digitos, al contrario que el es-ES\r\nexport const formatter = number => new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(Math.abs(number) < 0.005 ? 0 : number);\r\n\r\nexport const dateToString = date => date ? new Date(date).toLocaleDateString('es-ES', { year: 'numeric', month: '2-digit', day: '2-digit' }) : '-';\r\n\r\nexport const getExportData = (title, subtitle, details, dataColumns, data) => {\r\n\r\n return data = [\r\n {\r\n columns: [\r\n { title: title || '', style: { font: { sz: \"16\", bold: true } } },\r\n ],\r\n data: [[{ value: '' }]]\r\n },\r\n {\r\n ySteps: -1,\r\n columns: [\r\n { title: subtitle || '' }\r\n ],\r\n data: [[{ value: '' }]]\r\n },\r\n {\r\n columns: [\r\n { title: details[0]?.label || '', style: { font: { bold: false } } },\r\n { title: details[0]?.description || '', style: { font: { bold: false } } },\r\n { title: details[0]?.code || '', style: { font: { bold: false } } },\r\n ],\r\n data: [[{ value: '' }]]\r\n },\r\n {\r\n ySteps: -1,\r\n columns: [\r\n { title: details[1]?.label || '', style: { font: { bold: false } } },\r\n { title: dateToString(details[1]?.start), style: { font: { bold: false } } },\r\n { title: dateToString(details[1]?.end), style: { font: { bold: false } } },\r\n ],\r\n data: [[{ value: '' }]]\r\n },\r\n {\r\n columns: dataColumns.map(title => {\r\n return {\r\n title, style: { font: { bold: true }, fill: { patternType: \"solid\", fgColor: { rgb: \"808080\" } } } };\r\n }),\r\n\r\n data\r\n }\r\n ];\r\n}\r\n","\r\nlet start = new Date(new Date().getFullYear(), 0, 1),\r\n end = new Date();\r\n\r\nexport function getPeriodo() {\r\n return { start, end };\r\n}\r\n\r\nexport function setPeriodo(obj) {\r\n start = obj.start;\r\n end = obj.end;\r\n}\r\n\r\nexport function getStartDate() {\r\n return start;\r\n}\r\n\r\nexport function getEndDate() {\r\n return end;\r\n}\r\n\r\nexport function setStartDate(date) {\r\n start = date;\r\n}\r\n\r\nexport function setEndDate(date) {\r\n end = date;\r\n}","import React, { PureComponent } from 'react';\r\nimport { authContext } from '../authContext';\r\nimport { formatter } from '../utils';\r\nimport { resumenIngresos, resumenGastos } from '../api/resumen';\r\nimport { getEndDate } from '../periodo';\r\n\r\n\r\nexport default class Resumen extends PureComponent {\r\n static displayName = Resumen.name;\r\n static contextType = authContext;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n year: getEndDate().getFullYear(),\r\n ingresos: [],\r\n gastos: []\r\n }\r\n\r\n this.loadData(this.state.year);\r\n }\r\n\r\n loadData = year => {\r\n this.props.setLoader(true);\r\n this.dropdownYearHandler(false);\r\n\r\n const getIngresos = resumenIngresos(year).then(res => {\r\n if (res.ok) return res.json();\r\n else throw res.status;\r\n });\r\n const getGastos = resumenGastos(year).then(res => {\r\n if (res.ok) return res.json();\r\n else throw res.status;\r\n })\r\n\r\n Promise.all([getIngresos, getGastos]).then(response => {\r\n const resultado = {\r\n SumaImp1: response[0].value[response[0].value.length - 1].SumaImp1 - response[1].value[response[1].value.length - 1].SumaImp1,\r\n SumaImp2: response[0].value[response[0].value.length - 1].SumaImp2 - response[1].value[response[1].value.length - 1].SumaImp2,\r\n SumaImp3: response[0].value[response[0].value.length - 1].SumaImp3 - response[1].value[response[1].value.length - 1].SumaImp3,\r\n SumaImp4: response[0].value[response[0].value.length - 1].SumaImp4 - response[1].value[response[1].value.length - 1].SumaImp4,\r\n };\r\n resultado.SumaImpA = resultado.SumaImp1 + resultado.SumaImp2 + resultado.SumaImp3 + resultado.SumaImp4;\r\n this.setState({\r\n ingresos: response[0].value,\r\n gastos: response[1].value,\r\n resultado,\r\n year,\r\n });\r\n this.props.setLoader(false);\r\n }).catch(e => {\r\n if (e === 401) {\r\n this.context.logout();\r\n } else {\r\n this.setState({ error: true });\r\n this.props.setLoader(false);\r\n }\r\n });\r\n }\r\n\r\n getYears = () => {\r\n let currentYear = new Date().getFullYear(), years = [];\r\n const startYear = 2000;\r\n while (startYear <= currentYear) {\r\n years.push(currentYear--);\r\n }\r\n return years;\r\n }\r\n\r\n dropdownYearHandler = isHoverable => {\r\n if (isHoverable) {\r\n this.dropdownYear && (this.dropdownYear.className = 'dropdown is-active');\r\n } else {\r\n this.dropdownYear && (this.dropdownYear.className = 'dropdown');\r\n }\r\n }\r\n\r\n render() {\r\n if (this.state.ingresos.length === 0 && this.state.gastos.length === 0) {\r\n return this.state.error ? \r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
: null;\r\n }\r\n\r\n return (<>\r\n {this.state.error && \r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
}\r\n \r\n
\r\n
{this.context.user.name.trim()}
\r\n
\r\n
Cuenta de Explotación. Desglose trimestres periodo: 01/01/{this.state.year} ~ 31/12/{this.state.year}
\r\n
\r\n
this.dropdownYear = ref} onMouseOut={this.dropdownYearHandler.bind(this, false)} onMouseOver={this.dropdownYearHandler.bind(this, true)}>\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {this.state.year ?? 'Periodo'} \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 DESCRIPCIÓN \r\n T1 \r\n T2 \r\n T3 \r\n T4 \r\n EJERCICIO \r\n \r\n \r\n \r\n \r\n INGRESOS \r\n \r\n {this.state.ingresos.map((row, index) => {\r\n if (index === this.state.ingresos.length - 1) {\r\n return [\r\n \r\n ,\r\n \r\n TOTAL INGRESOS \r\n {formatter(row.SumaImp1)} \r\n {formatter(row.SumaImp2)} \r\n {formatter(row.SumaImp3)} \r\n {formatter(row.SumaImp4)} \r\n {formatter(row.SumaImpA)} \r\n \r\n ]\r\n }\r\n return \r\n { row.Titulo } \r\n {formatter(row.SumaImp1) } \r\n {formatter(row.SumaImp2) } \r\n {formatter(row.SumaImp3) } \r\n {formatter(row.SumaImp4) } \r\n {formatter(row.SumaImpA) } \r\n \r\n })}\r\n \r\n \r\n \r\n GASTOS \r\n \r\n {this.state.gastos.map((row, index) => {\r\n if (index === this.state.gastos.length - 1) {\r\n return [\r\n \r\n ,\r\n \r\n TOTAL GASTOS \r\n {formatter(row.SumaImp1)} \r\n {formatter(row.SumaImp2)} \r\n {formatter(row.SumaImp3)} \r\n {formatter(row.SumaImp4)} \r\n {formatter(row.SumaImpA)} \r\n \r\n ]\r\n }\r\n return \r\n {row.Titulo} \r\n {formatter(row.SumaImp1)} \r\n {formatter(row.SumaImp2)} \r\n {formatter(row.SumaImp3)} \r\n {formatter(row.SumaImp4)} \r\n {formatter(row.SumaImpA)} \r\n \r\n })}\r\n \r\n \r\n \r\n RESULTADO \r\n {formatter(this.state.resultado?.SumaImp1)} \r\n {formatter(this.state.resultado?.SumaImp2)} \r\n {formatter(this.state.resultado?.SumaImp3)} \r\n {formatter(this.state.resultado?.SumaImp4)} \r\n {formatter(this.state.resultado?.SumaImpA)} \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.getPeriodoString()} \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n - \r\n
\r\n \r\n
this.dropdownYear = ref} onMouseOut={this.dropdownHandler.bind(this, this.dropdownYear, false)} onMouseOver={this.dropdownHandler.bind(this, this.dropdownYear, true)}>\r\n
\r\n
\r\n {this.state.year ?? 'Ejercicio'} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
this.dropdownSemester = ref} onMouseOut={this.dropdownHandler.bind(this, this.dropdownSemester, false)} onMouseOver={this.dropdownHandler.bind(this, this.dropdownSemester, true)}>\r\n
\r\n
\r\n {this.state.semester != null ? this.state.semester === 0 ? '1er Semestre' : '2do Semestre' : 'Semestre'} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
this.dropdownTrimester = ref} onMouseOut={this.dropdownHandler.bind(this, this.dropdownTrimester, false)} onMouseOver={this.dropdownHandler.bind(this, this.dropdownTrimester, true)}>\r\n
\r\n
\r\n {this.getTrimesterString()} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
this.dropdownMonth = ref} onMouseOut={this.dropdownHandler.bind(this, this.dropdownMonth, false)} onMouseOver={this.dropdownHandler.bind(this, this.dropdownMonth, true)}>\r\n
\r\n
\r\n {this.getMonthString()} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n Todos los ejercicos
\r\n \r\n
\r\n Cancelar \r\n Guardar \r\n \r\n
\r\n
\r\n \r\n
\r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
: null;\r\n }\r\n if (this.state.clientes?.length === 0) {\r\n return \r\n No se han encontrado clientes.\r\n
;\r\n }\r\n\r\n return (<>\r\n {this.state.error && \r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
}\r\n \r\n
\r\n
{this.context.user.name.trim()}
\r\n
\r\n Cliente\r\n
\r\n
\r\n
this.inputCliente = ref} className=\"input mr-4-desktop\" name=\"clientes\" type=\"text\" onChange={this.loadClient} placeholder=\"Escriba o seleccione un cliente\" />\r\n {this.cliente != null &&
}\r\n
\r\n
\r\n
\r\n
\r\n {this.state.clientes.map(cliente =>\r\n \r\n
\r\n
\r\n
\r\n
this.dropdownPunteo = ref} onMouseOut={this.dropdownPunteoHandler.bind(this, false)} onMouseOver={this.dropdownPunteoHandler.bind(this, true)}>\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Punteo: {this.state.punteo == null ? 'Todos' : this.state.punteo === false ? 'No Punteados' : 'Punteados'} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {this.state.ventas != null &&\r\n
\r\n
{this.cliente != null ? 'Código Cliente: ' + this.cliente.Cliente : ''}
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Exportar \r\n \r\n }>\r\n \r\n \r\n \r\n
\r\n
\r\n }\r\n
\r\n {this.state.ventas != null &&\r\n
\r\n
\r\n \r\n \r\n FECHA \r\n ASIENTO \r\n DOC \r\n CONCEPTO \r\n VENTA \r\n COBRO \r\n SALDO \r\n \r\n \r\n \r\n {this.state.ventas.length === 0 ? No hay datos. \r\n {dateToString(row.Fecha)} \r\n {row.Asiento} \r\n {row.Estado === 10 ?\r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n }\r\n {row.Concepto.trim()} \r\n {row.Tipo === 'D' && formatter(row.Importe)} \r\n {row.Tipo === 'H' && formatter(row.Importe)} \r\n {formatter(this.saldo)} \r\n \r\n })}\r\n {this.state.ventas.length !== 0 &&\r\n \r\n TOTALES \r\n {formatter(this.debe)} \r\n {formatter(this.haber)} \r\n {formatter(this.saldo)} \r\n \r\n \r\n
\r\n
\r\n }\r\n
\r\n
\r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
: null;\r\n }\r\n if (this.state.proveedores?.length === 0) {\r\n return \r\n No se han encontrado proveedores.\r\n
;\r\n }\r\n\r\n return (<>\r\n {this.state.error && \r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
}\r\n \r\n
\r\n
{this.context.user.name.trim()}
\r\n
\r\n Proveedor\r\n
\r\n
\r\n
this.inputProveedor = ref} className=\"input mr-4-desktop\" name=\"proveedores\" type=\"text\" onChange={this.loadProveedor} placeholder=\"Escriba o seleccione un proveedor\" />\r\n {this.proveedor != null &&
}\r\n
\r\n
\r\n
\r\n
\r\n {this.state.proveedores.map(proveedor =>\r\n \r\n
\r\n
\r\n
\r\n
this.dropdownPunteo = ref} onMouseOut={this.dropdownPunteoHandler.bind(this, false)} onMouseOver={this.dropdownPunteoHandler.bind(this, true)}>\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Punteo: {this.state.punteo == null ? 'Todos' : this.state.punteo === false ? 'No Punteados' : 'Punteados'} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n {this.state.compras != null &&\r\n
\r\n
{this.proveedor != null ? 'Código Proveedor: ' + this.proveedor.Proveedor : ''}
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Exportar \r\n \r\n }>\r\n \r\n \r\n \r\n
\r\n
\r\n }\r\n
\r\n {this.state.compras != null &&\r\n
\r\n
\r\n \r\n \r\n FECHA \r\n ASIENTO \r\n DOC \r\n CONCEPTO \r\n PAGO \r\n COMPRA \r\n SALDO \r\n \r\n \r\n \r\n {this.state.compras.length === 0 ? No hay datos. \r\n {dateToString(row.Fecha)} \r\n {row.Asiento} \r\n {row.Estado === 10 ?\r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n }\r\n {row.Concepto.trim()} \r\n {row.Tipo === 'D' && formatter(row.Importe)} \r\n {row.Tipo === 'H' && formatter(row.Importe)} \r\n {formatter(this.saldo)} \r\n \r\n })}\r\n {this.state.compras.length !== 0 &&\r\n \r\n TOTALES \r\n {formatter(this.debe)} \r\n {formatter(this.haber)} \r\n {formatter(this.saldo)} \r\n \r\n \r\n
\r\n
\r\n }\r\n
\r\n
\r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
: null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n
{this.context.user.name.trim()}
\r\n
\r\n Banco\r\n
\r\n
\r\n
this.inputBanco = ref} className=\"input mr-4-desktop\" name=\"bancos\" type=\"text\" onChange={this.loadData} placeholder=\"Escriba o seleccione un banco\" />\r\n {this.banco &&
}\r\n
\r\n
\r\n
\r\n
\r\n {this.bancos.map(banco =>\r\n \r\n
\r\n
\r\n
\r\n
Cuenta: {this.banco?.cuenta || 'Todos los bancos'}
\r\n
\r\n \r\n \r\n \r\n \r\n Exportar \r\n \r\n }>\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n FECHA VTO. \r\n PROVEEDOR \r\n FACTURA \r\n FECHA FAC. \r\n PAGO \r\n BANCO \r\n IMPORTE \r\n \r\n \r\n \r\n {this.state.previsionPagos.length === 0 ? No hay datos. \r\n {dateToString(row.FechaPago)} \r\n {row.NombreComercial} \r\n {row.Numero} \r\n {dateToString(row.Fecha)} \r\n {row.NumPago}/{row.NumPagos} \r\n {this.banco ? this.banco.entidadNombre.trim() : this.bancos.find(banco => banco.cuenta === row.CtaPago)?.entidadNombre.trim()} \r\n {formatter(row.Importe)} \r\n \r\n })}\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
: null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n
{this.context.user.name.trim()}
\r\n
\r\n Banco\r\n
\r\n
\r\n
this.inputBanco = ref} className=\"input mr-4-desktop\" name=\"bancos\" type=\"text\" onChange={this.loadData} placeholder=\"Escriba o seleccione un banco\" />\r\n {this.banco &&
}\r\n
\r\n
\r\n
\r\n
\r\n {this.bancos.map(banco =>\r\n \r\n
\r\n
\r\n
\r\n
Cuenta: {this.banco?.cuenta || 'Todos los bancos'}
\r\n
\r\n \r\n \r\n \r\n \r\n Exportar \r\n \r\n }>\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n FECHA VTO. \r\n CLIENTE \r\n FACTURA \r\n FECHA FAC. \r\n COBRO \r\n BANCO \r\n IMPORTE \r\n \r\n \r\n \r\n {this.state.previsionCobros.length === 0 ? No hay datos. \r\n {dateToString(row.FechaCobro)} \r\n {row.NombreComercial} \r\n {row.Numero} \r\n {dateToString(row.Fecha)} \r\n {row.NumCobro}/{row.NumCobros} \r\n {this.banco ? this.banco.entidadNombre.trim() : this.bancos.find(banco => banco.cuenta === row.CtaCobro)?.entidadNombre.trim()} \r\n {formatter(row.Importe)} \r\n \r\n })}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
: null;\r\n }\r\n\r\n return (<>\r\n {this.state.error && \r\n Ha ocurrido un error inesperado. Vuelva a intentarlo más tarde.\r\n
}\r\n \r\n
\r\n
{this.context.user.name.trim()}
\r\n
\r\n Descripción\r\n
\r\n
\r\n
\r\n
\r\n
this.dropdownType = ref} onMouseOut={this.dropdownTypeHandler.bind(this, false)} onMouseOver={this.dropdownTypeHandler.bind(this, true)}>\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n Tipo: {this.tipo ?? 'Todos'} \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 Descargar \r\n \r\n
\r\n {this.state.documentos != null &&\r\n
\r\n }\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n : this.context.isAuthenticated() ?\r\n this.context.isAdministrator() ?\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 :\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 : null;\r\n\r\n return (\r\n <>\r\n { APP }\r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n\r\nregisterServiceWorker();\r\n\r\n"],"sourceRoot":""}