Shorthand works too
);\r\n }\r\n \r\n cargarRegimenes = async () => {\r\n const url = \"https://facturar.isaerpweb.com/home/wslistaRegimenes\";\r\n const res = await fetch(url);\r\n const regimenes = await res.json();\r\n this.setState({ regimenes });\r\n }\r\n cargaEmpresa = async () => {\r\n const url = \"https://facturar.isaerpweb.com/home/wscargaEmpresa/\" + this.state.emp;\r\n const res = await fetch(url);\r\n const empresa = await res.json();\r\n this.setState({ ...empresa });\r\n }\r\n guardar = async(empresa) => {\r\n const url = \"https://www.facturar.isaerpweb.com/home/wsguardarEmpresa\";\r\n const req = await fetch(url, {\r\n method: 'POST', // or 'PUT'\r\n body: JSON.stringify(empresa), // data can be `string` or {object}!\r\n })\r\n const res = await req.text();\r\n if(res !== \"ok\"){\r\n Swal.fire('Atencion',res,'error');\r\n return;\r\n }\r\n this.cargaEmpresa();\r\n Swal.fire('Atencion','Datos guardados.','success');\r\n }\r\n\r\n render(){\r\n return(\r\n| Clave | \r\nConcepto | \r\n
|---|---|
| {item.Id} | \r\n{item.Dato1} | \r\n
Shorthand works too
);\r\n }\r\n return (\r\n \r\n )\r\n}\r\nexport default ProductosForm;","import React from 'react';\r\nimport Button from 'react-bootstrap/Button';\r\nimport Swal from 'sweetalert2'\r\nimport withReactContent from 'sweetalert2-react-content'\r\nimport ProductosForm from './ProductosForm';\r\n\r\nclass Productos extends React.Component {\r\n prodNuevo = { Empresa: 2, Codigo: '', Nombre: '', Unidad: '', CodigoSat: '', UnidadSat: '', Precio: 0, TasaIva: 16, TasaIeps: 0, Gravado: true, PedirDescrip: false, NombreUnidad: '', NombreCodigo: '', IvaIncluido : false };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n editando: false,\r\n emp : this.props.u.Empresa,\r\n prodActual: this.prodNuevo,\r\n productos: []\r\n };\r\n }\r\n componentDidMount = () => {\r\n this.cargarArticulos();\r\n }\r\n cargarArticulos = async () => {\r\n const url = \"https://www.facturar.isaerpweb.com/articulo/wslista/?emp=\" + this.state.emp;\r\n const res = await fetch(url);\r\n const productos = await res.json();\r\n this.setState({ productos });\r\n }\r\n cargarArticulo = async (cod) => {\r\n const url = `https://www.facturar.isaerpweb.com/articulo/wscargar/${cod}?emp=${this.state.emp}`;\r\n const res = await fetch(url);\r\n const prodActual = await res.json();\r\n if(prodActual.Codigo === \"\"){\r\n prodActual.Codigo = cod;\r\n prodActual.Empresa = this.state.emp;\r\n }\r\n this.setState({ editando: true, prodActual });\r\n }\r\n onClickNuevo = () =>{\r\n Swal.fire({\r\n title: 'Codigo',\r\n input: 'text',\r\n inputAttributes: {\r\n autocapitalize: 'off'\r\n },\r\n showCancelButton: true,\r\n confirmButtonText: 'Aceptar',\r\n cancelButtonText: 'Cancelar',\r\n showLoaderOnConfirm: true,\r\n preConfirm: (cod) => {\r\n this.cargarArticulo(cod);\r\n },\r\n allowOutsideClick: () => !Swal.isLoading()\r\n });\r\n }\r\n editar = (cod) => {\r\n this.cargarArticulo(cod);\r\n }\r\n eliminar = (art) => {\r\n const MySwal = withReactContent(Swal)\r\n MySwal.fire({\r\n title: 'Confirme',\r\n text: \"¿ Desea eliminar producto \" + art.Dato1 + \" ?\",\r\n type: 'question',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n cancelButtonText: 'No',\r\n confirmButtonText: 'Si'\r\n }).then((result) => {\r\n if (result.value) {\r\n this.borrar(art.Id)\r\n }\r\n }) \r\n }\r\n borrar = async(cod) => {\r\n const url = `https://www.facturar.isaerpweb.com/articulo/wsborrar/${cod}?emp=${this.state.emp}`;\r\n const req = await fetch(url);\r\n const res = await req.text();\r\n if(res === \"ok\")\r\n this.cargarArticulos();\r\n else\r\n Swal.fire('Atencion',res,'error'); \r\n }\r\n cancelar = () => {\r\n this.setState({ editando: false });\r\n }\r\n guardar = async(articulo) => {\r\n const url = \"https://www.facturar.isaerpweb.com/articulo/wsguardar\";\r\n const req = await fetch(url, {\r\n method: 'POST', // or 'PUT'\r\n body: JSON.stringify(articulo), // data can be `string` or {object}!\r\n })\r\n const res = await req.text();\r\n if(res !== \"ok\"){\r\n Swal.fire('Atencion',res,'error');\r\n return;\r\n }\r\n this.setState({editando: false},()=> this.cargarArticulos());\r\n Swal.fire('Atencion','Datos guardados.','success');\r\n }\r\n render() {\r\n return (\r\n\r\n Codigo:{producto.Id}\r\n {' '}\r\n {producto.Dato1}\r\n
\r\nShorthand works too
);\r\n }\r\n return (\r\n \r\n )\r\n}\r\nexport default ClientesForm;","import React from 'react';\r\nimport ClientesForm from './ClientesForm';\r\nimport Swal from 'sweetalert2'\r\nimport withReactContent from 'sweetalert2-react-content'\r\nimport Button from 'react-bootstrap/Button';\r\n\r\nclass Clientes extends React.Component{\r\n cteNuevo = {\"Empresa\":2,\"Clave\":0,\"Nombre\":'',\"Calle\":'',\"Orientacion\":'',\"NumeroExt\":'',\"NumeroInt\":'',\"Colonia\":'',\"Rfc\":'',\"Ciudad\":'',\"Municipio\":'',\"Estado\":'',\"Pais\":'',\"Telefono\":'',\"Celular\":'',\"CP\":'',\"Curp\":'',\"Email\":'',\"NombreComercial\":'',\"ConCredito\":false,\"Plazo\":0,\"Limite\":0,\"Cuenta\":'',\"CuentaPago\":'',\"Contacto\":'',\"Sector\":0,\"PtjeRetIsr\":0,\"PtjeRetIva\":0,\"FormaPago\":'',\"MetodoPago\":'',\"UsoCfdi\":'',\"Direccion\":'',\"Localidad\":''};\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n editando: false,\r\n emp : this.props.u.Empresa,\r\n cteActual: this.cteNuevo,\r\n regimenes: [],\r\n clientes: [],\r\n metodos:[],\r\n formas:[],\r\n usos:[]\r\n };\r\n }\r\n componentDidMount = () => {\r\n this.cargarCatalogos();\r\n this.cargarClientes();\r\n }\r\n cargarCatalogos = async () => {\r\n let res = await fetch(\"https://www.facturar.isaerpweb.com/cfdi/listaMetodos\");\r\n const metodos = await res.json();\r\n res = await fetch(\"https://www.facturar.isaerpweb.com/cfdi/listaFormas\");\r\n const formas = await res.json();\r\n res = await fetch(\"https://www.facturar.isaerpweb.com/cfdi/listaUsos\");\r\n const usos = await res.json();\r\n res = await fetch(\"https://facturar.isaerpweb.com/home/wslistaRegimenes\");\r\n const regimenes = await res.json();\r\n this.setState({ formas, metodos, usos, regimenes });\r\n }\r\n cargarClientes = async () => {\r\n const url = \"https://www.facturar.isaerpweb.com/cliente/wslista/?emp=\" + this.state.emp;\r\n const res = await fetch(url);\r\n const clientes = await res.json();\r\n this.setState({ clientes });\r\n }\r\n cargarCliente = async (cod) => {\r\n const url = `https://www.facturar.isaerpweb.com/cliente/wscargar/${cod}?emp=${this.state.emp}`;\r\n const res = await fetch(url);\r\n const cteActual = await res.json();\r\n if(cteActual.Clave === 0){\r\n cteActual.Clave = cod;\r\n cteActual.Empresa = this.state.emp;\r\n }\r\n this.setState({ editando: true, cteActual });\r\n }\r\n onClickNuevo = () =>{\r\n this.cargarCliente(0);\r\n }\r\n editar = (cod) => {\r\n this.cargarCliente(cod);\r\n }\r\n eliminar = (cte) => {\r\n const MySwal = withReactContent(Swal)\r\n MySwal.fire({\r\n title: 'Confirme',\r\n text: \"¿ Desea eliminar el cliente \" + cte.Dato1 + \" ?\",\r\n type: 'question',\r\n showCancelButton: true,\r\n confirmButtonColor: '#3085d6',\r\n cancelButtonColor: '#d33',\r\n cancelButtonText: 'No',\r\n confirmButtonText: 'Si'\r\n }).then((result) => {\r\n if (result.value) {\r\n this.borrar(cte.Id)\r\n }\r\n }) \r\n }\r\n borrar = async(cod) => {\r\n const url = `https://www.facturar.isaerpweb.com/cliente/wsborrar/${cod}?emp=${this.state.emp}`;\r\n const req = await fetch(url);\r\n const res = await req.text();\r\n if(res === \"ok\")\r\n this.cargarClientes();\r\n else\r\n Swal.fire('Atencion',res,'error'); \r\n }\r\n cancelar = () => {\r\n this.setState({ editando: false });\r\n }\r\n guardar = async(cliente) => {\r\n const url = \"https://www.facturar.isaerpweb.com/cliente/wsguardar\";\r\n const req = await fetch(url, {\r\n method: 'POST', // or 'PUT'\r\n body: JSON.stringify(cliente), // data can be `string` or {object}!\r\n })\r\n const res = await req.text();\r\n if(res.substring(0,2) !== \"ok\"){\r\n Swal.fire('Atencion',res,'error');\r\n return;\r\n }\r\n this.setState({editando: false},()=> this.cargarClientes());\r\n Swal.fire('Atencion','Datos guardados.','success');\r\n }\r\n\r\n render(){\r\n return(\r\n\r\n Codigo:{cliente.Id}\r\n {' '}\r\n {cliente.Dato1}\r\n
\r\nShorthand works too
);\r\n }\r\n return (\r\n \r\n )\r\n}\r\nexport default UsuarioForm;","import React from 'react';\r\nimport UsuarioForm from './UsuarioForm';\r\nimport Swal from 'sweetalert2'\r\nimport Button from 'react-bootstrap/Button';\r\n\r\nclass Usuarios extends React.Component{\r\n usuNuevo = {Id:0, Empresa:2, Email:'', Pwd:'', Nombre:'', NombreEmpresa:'', PwdB:''};\r\n constructor(props){\r\n super(props);\r\n this.state = {\r\n editando: false,\r\n usuActual: this.usuNuevo,\r\n emp : this.props.u === undefined ? this.props.emp : this.props.u.Empresa,\r\n usuarios: []\r\n };\r\n }\r\n componentDidMount = () => {\r\n this.cargarUsuarios();\r\n }\r\n cargarUsuarios = async () => {\r\n const url = \"https://www.facturar.isaerpweb.com/usuario/wslista/\" + this.state.emp;\r\n const res = await fetch(url);\r\n const usuarios = await res.json();\r\n this.setState({ usuarios });\r\n }\r\n cargarUsuario = async (cod) => {\r\n const url = `https://www.facturar.isaerpweb.com/usuario/wscargar/${cod}`;\r\n const res = await fetch(url);\r\n const usuActual = await res.json();\r\n if(usuActual.Id === 0){\r\n usuActual.Id = cod;\r\n usuActual.Empresa = this.state.emp;\r\n }\r\n usuActual.PwdB = usuActual.Pwd;\r\n this.setState({ editando: true, usuActual });\r\n }\r\n onClickNuevo = () =>{\r\n this.cargarUsuario(0);\r\n }\r\n editar = (cod) => {\r\n this.cargarUsuario(cod);\r\n }\r\n eliminar = (cod) => {\r\n }\r\n cancelar = () => {\r\n this.setState({ editando: false });\r\n }\r\n guardar = async(usuario) => {\r\n const url = \"https://www.facturar.isaerpweb.com/usuario/wsguardar\";\r\n const req = await fetch(url, {\r\n method: 'POST', \r\n body: JSON.stringify(usuario),\r\n })\r\n const res = await req.text();\r\n if(res !== \"ok\"){\r\n Swal.fire('Atencion',res,'error');\r\n return;\r\n }\r\n this.setState({editando: false},()=> this.cargarUsuarios());\r\n Swal.fire('Atencion','Datos guardados.','success');\r\n }\r\n render(){\r\n return(\r\n\r\n Codigo:{usuario.Id}\r\n {' '}\r\n {usuario.Dato1}\r\n
\r\n\r\n Clave:{empresa.NombreCorto}\r\n {' '}\r\n {empresa.Nombre}\r\n
\r\n| Del dia | \r\nal dia | \r\nPeriodicidad | \r\n
| Cantidad | \r\nCodigo | \r\nNombre | \r\nPrecio | \r\nImporte | \r\n\r\n | \r\n |
|---|---|---|---|---|---|---|
| {e.cantidad} | \r\n{e.codigo} | \r\n{e.nombre} | \r\n{e.precio} | \r\n{e.importe} | \r\n\r\n | \r\n |
| \r\n | SUBTOTAL | \r\n\r\n | \r\n | {suma} | \r\n\r\n | \r\n |
| Serie | \r\nNumero | \r\nFecha | \r\nCliente | \r\nTotal | \r\nCancelada | \r\nTimbrada | \r\n
|---|
| Serie | \r\nNumero | \r\nImporte | \r\nSaldo | \r\nPago | \r\nUUID | \r\n
|---|