{this.props.titulo}
\n\n {this.props.subTitulo}\n
\n \n\n {this.props.component}\n
\n \n \n {!!item.bloqueio && (\n \n \"AMBIENTE BLOQUEADO\"\n
\n \n )}\n {!!item.responsavel && \n \n
\n );\n }\n\n return \"\";\n });\n }\n\n return \"\";\n}\n\nconst MonthDays = (props) => {\n // first day\n const first = moment(props.date).date(1);\n\n // week format\n const weekF = moment(props.date).format(\"YYYYMM\");\n\n // init arr\n let arr = [];\n\n for (let i = 0; i < 42; i++) {\n // day\n let day = moment(props.date)\n .date(1)\n .subtract(first.weekday() - i, \"days\");\n\n // day format\n let dayF = moment(day.format(\"YYYYMM\"));\n\n // add class by type\n let cls = dayF.isBefore(weekF)\n ? \"days-before\"\n : dayF.isAfter(weekF)\n ? \"days-after\"\n : props.date.clone().isSame(day, \"day\") && moment(props.date).format(\"MMYYYY\") === moment().format(\"MMYYYY\") ? \"today\" : \"\";\n\n // push\n arr.push(\n \n \n )}\n {!!item.responsavel &&
Responsável: {item.responsavel.name}
}\n {!!item.observacao &&Observação: {item.observacao}
}\n\n {!!item.bloqueio && }\n {!!item.dataCadastro && parseInt(moment.duration(moment().diff(moment(item.dataCadastro))).asHours()) <= 24 && (\n \n )}\n {[0, 3].indexOf(item.status) >= 0 && (\n \n )}\n {item.ambiente.nome}\n
\n \n {day.format(\"DD\")}
\n {day.format(\"DD/MM/YYYY\")}
\n\n {!(dayF.isBefore(weekF) || dayF.isAfter(weekF)) && (\n - {arr}
\n \n \n NOVO\n \n \n Listagem\n \n \n Bloqueio\n \n \n Últimas Reservas\n \n \n
\n \n }\n titulo={\"Reservas\"}\n subTitulo={\"Gerenciamento completo de Agendamentos\"}\n />\n\n \n \n \n \n \n \n \n {\n this.setState({ ambiente: value.target.value }, async () => {\n this.setState({ loading: true })\n await this.findAll(this.state.month);\n this.setState({ loading: false })\n })\n }}\n defaultValue={this.state.ambiente}\n disabled={this.state.loading}\n >\n \n {this.state.dataAmbiente.map(single => {\n return \n })}\n \n \n \n \n \n \n \n {\n this.setState({ status: value.target.value }, async () => {\n this.setState({ loading: true })\n await this.findAll(this.state.month);\n this.setState({ loading: false })\n })\n }}\n defaultValue={this.state.status}\n disabled={this.state.loading}\n >\n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n {this.state.loading && (\n
\n \n
\n )}\n - \n {moment.weekdays(true).map((item, i) => (\n
- \n {item}\n \n ))}\n
Nenhum Reserva Encontrada!
\n\n \n \n
\n\n {filter._page < total_pages && (\n \n )}\n\n
\n )\n }\n\n render() {\n const { filter, total_data, loading } = this.state;\n\n return (\n <>\n | DATA RESERVA | \nAMBIENTE | \nSÓCIO | \nSTATUS | \nAPP | \nAÇÃO | \n
|---|---|---|---|---|---|
| {moment(single.dtInicio).format('DD/MM/YYYY HH:mm')} | \n{single.ambiente.nome} | \n{single.responsavel.name} | \n{getStatusReserva(single.status)} | \n{!!single.userDispositivo ? \"Sim\" : \"Não\"} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"LISTAGEM DAS RESERVAS\"}\n subTitulo={\"Gerenciamento completo de Agendamentos\"}\n />\n Reservas ({total_data ? total_data : 0})
\n\n
\n )}\n\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Agenda\"}\n subTitulo={\"Gerenciamento completo de Agendamentos\"}\n />\n\n \n {this.props.match.params.uk ? \"Atualizar Agenda\" : \"Cadastro de Agenda\"}\n
\n \n\n \n {({ getRootProps, getInputProps }) => (\n \n\n
\n );\n }\n}\n","\nconst STATUS_ATIVO = 1;\nconst STATUS_INATIVO = 2;\nconst STATUS_FALECIDO = 3;\n// const STATUS_PUBLICO = 4;\nconst STATUS_SUSPENSO = 5;\nconst STATUS_IRREGULAR = 6;\nconst STATUS_INADIMPLENTE = 7;\nconst STATUS_DESLIGADO = 8;\nconst STATUS_LICENCIADO = 9;\nconst STATUS_BLOQUEADO = 10;\n\nconst getAccessWithStatus = acesso => {\n let access = [];\n\n for (let i = 1; i <= 10; i++) {\n const hasAccess = hasAccessWithStatus(i, acesso);\n if(hasAccess) access.push(i);\n }\n\n return access;\n}\n\nconst hasAccessWithStatus = (statusAcesso, acesso) => {\n if(statusAcesso === STATUS_ATIVO) {\n if(acesso === \"App\") return true;\n if(acesso === \"AcessoClube\") return true;\n if(acesso === \"Reserva\") return true;\n if(acesso === \"Inscrição\") return true;\n }\n else if(statusAcesso === STATUS_IRREGULAR) {\n if(acesso === \"App\") return true;\n if(acesso === \"AcessoClube\") return true;\n if(acesso === \"Reserva\") return true;\n if(acesso === \"Inscrição\") return false;\n }\n else if(statusAcesso === STATUS_INADIMPLENTE) {\n if(acesso === \"App\") return true;\n if(acesso === \"AcessoClube\") return true;\n if(acesso === \"Reserva\") return false;\n if(acesso === \"Inscrição\") return false;\n }\n else if(statusAcesso === STATUS_BLOQUEADO) {\n if(acesso === \"App\") return true;\n if(acesso === \"AcessoClube\") return false;\n if(acesso === \"Reserva\") return false;\n if(acesso === \"Inscrição\") return false;\n }\n else if(statusAcesso === STATUS_INATIVO) {\n if(acesso === \"App\") return true;\n if(acesso === \"AcessoClube\") return false;\n if(acesso === \"Reserva\") return false;\n if(acesso === \"Inscrição\") return false;\n }\n else if(statusAcesso === STATUS_LICENCIADO) {\n if(acesso === \"App\") return true;\n if(acesso === \"AcessoClube\") return false;\n if(acesso === \"Reserva\") return false;\n if(acesso === \"Inscrição\") return false;\n }\n else if(statusAcesso === STATUS_SUSPENSO) {\n if(acesso === \"App\") return false;\n if(acesso === \"AcessoClube\") return false;\n if(acesso === \"Reserva\") return false;\n if(acesso === \"Inscrição\") return false;\n }\n else if(statusAcesso === STATUS_FALECIDO) {\n if(acesso === \"App\") return false;\n if(acesso === \"AcessoClube\") return false;\n if(acesso === \"Reserva\") return false;\n if(acesso === \"Inscrição\") return false;\n }\n else if(statusAcesso === STATUS_DESLIGADO) {\n if(acesso === \"App\") return false;\n if(acesso === \"AcessoClube\") return false;\n if(acesso === \"Reserva\") return false;\n if(acesso === \"Inscrição\") return false;\n }\n\n return false;\n}\n\n\nexport { getAccessWithStatus, hasAccessWithStatus };\n","import { ButtonGroup, CircularProgress, FormControl, MenuItem, Select } from \"@material-ui/core\";\nimport TextField from '@material-ui/core/TextField';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport Config from \"Config\";\nimport moment from 'moment';\nimport 'moment-business-days';\nimport { withSnackbar } from \"notistack\";\nimport numeral from 'numeral';\nimport React from \"react\";\nimport { confirmAlert } from 'react-confirm-alert'; // Import\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\nimport IntlCurrencyInput from \"react-intl-currency-input\";\nimport BoxLoading from \"react-loadingg/lib/BoxLoading\";\nimport { Button, Card, CardBody, CardHeader, Col, Container, Form, FormGroup, Input, Row, Table } from \"reactstrap\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport api from \"services/api\";\nimport Dropzone from \"views/components/Dropzone\";\nimport { handleDeleteFile } from \"utils/file\";\nimport { handleUploadArrayFile } from \"utils/file\";\nimport { getAccessWithStatus } from \"utils/StatusAcesso\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\n\nconst currencyConfig = {\n locale: \"pt-BR\",\n formats: {\n number: {\n BRL: {\n style: \"currency\",\n currency: \"BRL\",\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n },\n },\n },\n};\n\nclass agendaCrud extends React.Component {\n\n state = {\n dataAmbiente: [],\n dataResponsavelFinanceiro: [],\n dataResponsavel: [],\n parcelamentos: [],\n numeroParcelas: 1,\n status: 0,\n autorizado: null,\n emitir_boleto: true,\n files: [],\n filesRemovidos: [],\n gerarBoletoLoading: false,\n emitirBoletoVia: 'Viacredi'\n }\n\n componentDidMount() {\n const { uk } = this.props.match.params;\n\n this.findAllAmbiente();\n !!uk && this.findBy();\n }\n\n findAllResponsavel = () => {\n this.setState({ loading: true });\n\n const params = {\n _limit: 100,\n profile: {\n id: [2, 3]\n }\n };\n\n fetch(Config._HOST + `/api/user?${jsonToUrlFilter(params)}`)\n .then(response => response.json())\n .then(response => {\n this.setState({\n dataResponsavelFinanceiro: response.status === 200 ? response.data : [],\n loading: false,\n })\n }).catch(e => {\n this.setState({\n loading: false\n })\n })\n }\n\n findBy = async () => {\n const { uk } = this.props.match.params;\n this.setState({ loading: true });\n const response = await api.get(\"/api/documento-agenda/\" + uk);\n\n if (response.status === 200) {\n const numeroParcelas = response.data.financeiroContasEntity && 'numeroParcelas' in response.data.financeiroContasEntity ? response.data.financeiroContasEntity.numeroParcelas : 0;\n response.data[\"dtInicioHorario\"] = moment(response.data[\"dtInicio\"]).format('HH:mm:ss');\n response.data[\"dtInicio\"] = moment(response.data[\"dtInicio\"]).format('YYYY-MM-DD');\n response.data[\"parcelamentos\"] = !!response.data.financeiroContasEntity ? response.data.financeiroContasEntity.parcelamentos : [];\n\n let responseFiles = await api.get(`/api/bucket?${jsonToUrlFilter({ owner: uk, key: \"reserva\" })}`);\n this.setState({ ...this.state, ...response.data, files: responseFiles.data, numeroParcelas });\n }\n }\n\n findAllAmbiente = () => {\n this.setState({ loading: true });\n\n fetch(Config._HOST + \"/api/ambiente?_limit=9999&ativo=true&permitir_locacao=true&_sort=nome\")\n .then(response => response.json())\n .then(response => {\n this.setState({\n dataAmbiente: response.data,\n loading: false,\n })\n }).catch(e => {\n this.setState({ loading: false });\n })\n }\n\n delete() {\n this.setState({ loading: true });\n\n let dataUser = JSON.stringify(this.state);\n fetch(Config._HOST + \"/api/documento-agenda/\" + this.props.match.params.uk,\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem);\n this.setState({ loading: false }, () => {\n if (data.status === 200) {\n this.props.history.push(\"/admin/agenda\");\n }\n })\n }).catch(e => {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\");\n })\n }\n\n async create() {\n let temp = { ...this.state };\n const { uk } = this.props.match.params;\n\n if (!this.state.ambiente) {\n this.props.enqueueSnackbar(\"Selecione um Ambiente\")\n return;\n }\n\n if (!this.state.responsavel) {\n this.props.enqueueSnackbar(\"Selecione um Responsável\")\n return;\n }\n\n if (!moment(moment(temp.dtInicio).format('YYYY-MM-DD') + \"T\" + temp.dtInicioHorario).isValid()) {\n this.props.enqueueSnackbar(\"Defina um horário de início válido\")\n return;\n }\n\n temp.dtInicio = moment(temp.dtInicio).format('YYYY-MM-DD') + \"T\" + temp.dtInicioHorario;\n temp.dtFim = moment(temp.dtInicio).format('YYYY-MM-DD') + \"T23:59:00\";\n delete temp.files;\n delete temp.filesRemovidos;\n\n this.setState({ loading: true });\n\n if (this.state.status === 4) {\n this.setState({\n parcelamentos: [],\n valorAluguel: null,\n numeroParcelas: 0\n });\n }\n\n let response = null;\n\n delete temp.responsavel.profile;\n\n temp.parcelamentos = temp.parcelamentos.map(item => {\n if(temp.emitir_boleto) {\n item.emitirBoletoVia = temp.emitirBoletoVia;\n }\n return item;\n });\n\n if (!!uk) {\n temp.financeiroContasEntity = { id: temp.financeiroContasEntity.id };\n temp.responsavel = { id: temp.responsavel.id };\n\n temp.parcelamentos = temp.parcelamentos.map(item => {\n item.financeiroContasEntity = { id: item.financeiroContasEntity.id };\n return item;\n })\n\n response = await api.put('/api/documento-agenda', temp);\n }\n else {\n response = await api.post(`/api/documento-agenda?emitir_boleto=${this.state.emitir_boleto ? 1 : 0}`, temp);\n }\n\n if (response.status === 200) {\n await handleDeleteFile(this.state.filesRemovidos);\n await handleUploadArrayFile(uk, 'reserva', this.state.files);\n this.props.enqueueSnackbar(`Reserva ${!!uk ? 'atualizada' : 'cadastrada'} com sucesso!`);\n this.props.history.push(`/admin/agenda/${response.data.uk}/visualizar`);\n }\n else if ('mensagem' in response.data) {\n this.props.enqueueSnackbar(response.data.mensagem);\n }\n else {\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n }\n\n this.setState({ loading: false });\n }\n\n searchAssociado = async (search) => {\n if (!search) return;\n\n const filter = {\n _limit: 50,\n _order: 'ASC',\n _sort: \"name\",\n profile: { id: [2, 4] },\n status_acesso: getAccessWithStatus(\"Reserva\")\n };\n\n this.setState({ loadClientes: true });\n const response = await api.get(`/api/user?name_like=${search}&${jsonToUrlFilter(filter)}`);\n const response2 = await api.get(`/api/user?numero_titulo_like=${search}&${jsonToUrlFilter(filter)}`);\n const response3 = await api.get(`/api/user?cpf_orcnpj_like=${search}&${jsonToUrlFilter(filter)}`);\n\n if (response && response2 && response3) {\n this.setState({\n dataResponsavelFinanceiro: [...response.data, ...response2.data, ...response3.data],\n loadClientes: false,\n })\n }\n else {\n this.setState({ loadClientes: false })\n }\n }\n\n handleChangeDropzone = (key, value) => {\n this.setState({ [key]: value });\n }\n\n handleGerarBoleto = async parcelaId => {\n this.setState({ gerarBoletoLoading: true });\n const response = await api.post(`/api/boleto/${parcelaId}`);\n\n if(!!response) {\n await this.findBy();\n }\n else {\n this.props.enqueueSnackbar(\"Ocorreu um erro ao gerar o boleto!\")\n }\n\n this.setState({ gerarBoletoLoading: false });\n }\n\n render() {\n const { uk } = this.props.match.params;\n const disabled = !!uk;\n\n return (\n <>\n {this.state.loading && (\n \n \n
\n )}\n Clique aqui ou arraste seus arquivos
\n- \n {this.props.state.files.map((file, key) => {\n return (\n
- \n
\n
\n\n \n {this.getIconFile(file)}\n {file.name}\n \n \n {file.dtCriacao && moment(file.dtCriacao).format('DD/MM/YYYY HH:mm:ss')}\n \n \n \n {!!file.id && (\n \n \n \n )}\n \n \n \n )\n })}\n
\n
\n )}\n\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={uk ? 'Editar Reserva' : 'Nova Reserva'}\n subTitulo={\"Gerenciamento completo de Agendamentos\"}\n />\n\n \n {uk ? \"Atualizar Agenda\" : \"Cadastro de Agenda\"}\n
\n \n| Parcelas | \n )}\nValor | \nStatus | \nData Vencimento | \n {financeiroContasEntity.tipoPagamento.id === 1 && (\nLink Boleto | \n )}\n
|---|---|---|---|---|
| {single.parcela}ª Parcela | \n )}\n\n | \n \n | \n \n | \n \n {financeiroContasEntity.tipoPagamento.id === 1 && !!single.linkBoleto ? (\n \n \n Link Boleto\n \n ) : financeiroContasEntity.tipoPagamento.id === 1 ? (\n \n ) : (\n Não disponivel\n )}\n | \n
\n \n \n VOLTAR\n \n \n Editar\n \n\n {[1, 4].indexOf(this.state.status) !== -1 && !this.state.checkIn && (\n \n \n Check-In\n \n )}\n\n {[1, 4].indexOf(this.state.status) !== -1 && this.state.checkIn && (\n \n \n Check-Out\n \n )}\n\n {this.state.ambiente.termoReserva && (\n \n \n Termo\n \n )}\n\n {this.state.status !== 4 && !!financeiroContasEntity && (\n \n \n Financeiro\n \n )}\n \n
\n \n }\n titulo={\"Reserva\"}\n subTitulo={\"Gerenciamento completo de Agendamentos\"}\n />\n\n \n Documento de Agendamento\n
\n\n \n
\n \n \n \n Lista de Convidados \n ({this.state.listaConvidados.length}\n /\n {this.state.ambiente.capacidadePessoas})\n \n
\n \n Visualizar lista completa de Convidados\n
\n\n \n
\n \n \n \n Lista de Prestadores de Serviço\n ({this.state.listaPrestadoresServico.length})\n \n
\n \n Visualizar lista completa de Prestadores de Serviço\n
\n- \n {!!this.state.responsavel && (\n
\n \n \n VOLTAR\n \n = ambiente.capacidadePessoas}\n title={listaConvidados.length >= ambiente.capacidadePessoas ? 'Lista excedeu o limite de convidados!' : null}\n >\n NOVO\n \n \n
\n \n }\n titulo={\"Convidados\"} subTitulo={!!responsavel ? \"Controle geral de convidados de \" + responsavel.name : ''}\n />\n\n \n \n \n \n {this.renderContent()}\n \n
\n Convidados ({listaConvidados.length}/{ambiente.capacidadePessoas})
\n\n {exportData && !!listaConvidados.length && !loading && (\n <>\nNão existem convidados cadastrados
\n\n \n \n
\n
\n )\n }\n}\n\nexport default withSnackbar(AgendaConvidados);\n","function phoneMask(value) {\n var valueReplace = value.replace(/\\D/g, \"\");\n valueReplace = valueReplace.replace(/^0/, \"\");\n\n if (valueReplace.length > 10)\n valueReplace = valueReplace.replace(/^(\\d\\d)(\\d{5})(\\d{4}).*/, \"($1) $2-$3\");\n else if (valueReplace.length > 5)\n valueReplace = valueReplace.replace(/^(\\d\\d)(\\d{4})(\\d{0,4}).*/, \"($1) $2-$3\");\n else if (valueReplace.length > 2)\n valueReplace = valueReplace.replace(/^(\\d\\d)(\\d{0,5})/, \"($1) $2\");\n else\n valueReplace = valueReplace.replace(/^(\\d*)/, \"($1\");\n\n valueReplace = ['(', '-'].indexOf(valueReplace[valueReplace.length-1]) !== -1 ? valueReplace.slice(0, -1) : valueReplace;\n return valueReplace;\n}\n\n\nexport default phoneMask;\n","import { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport React from \"react\";\nimport { confirmAlert } from 'react-confirm-alert'; // Import\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\nimport { BoxLoading } from \"react-loadingg\";\nimport { Button, Card, CardBody, CardHeader, Col, Container, Form, FormGroup, Input, Row } from \"reactstrap\";\nimport api from \"services/api\";\nimport phoneMask from \"utils/phoneMask\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\n\nclass AgendaConvidadosCrud extends React.Component {\n\n state = {\n loading: true,\n dataAmbiente: [],\n dataResponsavelFinanceiro: [],\n ambiente: \"0\",\n dataResponsavel: [],\n dresponsavel: \"1\",\n status: \"0\",\n }\n\n async componentDidMount() {\n this.setState({ loading: true });\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.ukConvidado) {\n await this.findBy(this.props.match.params.ukConvidado)\n }\n\n this.setState({ session: user, loading: false });\n }\n\n findBy = async (uk) => {\n const response = await api.get(\"/api/convidado/\" + uk)\n\n if (response.status === 200) {\n this.setState({\n ...response.data,\n ccaixa: (response.data.caixa && response.data.caixa[0] ? response.data.caixa[0].id : null),\n ccategoria: (response.data.categoria && response.data.categoria[0] ? response.data.categoria[0].id : null)\n })\n }\n }\n\n delete() {\n this.setState({ loading: true });\n\n let dataUser = JSON.stringify(this.state)\n fetch(Config._HOST + \"/api/convidado/\" + this.props.match.params.ukConvidado,\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem)\n this.setState({\n loading: false\n }, () => {\n if (data.status === 200) {\n this.props.history.push('/admin/agenda/' + this.props.match.params.uk + '/convidados')\n }\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n create() {\n let temp = this.state;\n\n if (!this.state.nome || this.state.nome === \"\") {\n this.props.enqueueSnackbar(\"Campo 'Nome' obrigatório!\")\n return;\n }\n if (!this.state.telefone || this.state.telefone.length < 14) {\n this.props.enqueueSnackbar(\"Campo 'Telefone' obrigatório!\")\n return;\n }\n\n if (this.props.match.params.ukConvidado) {\n temp['documentoAgendaEntity'] = { id: temp['documentoAgendaEntity'] };\n }\n else {\n temp[\"ukDocumentoAgenda\"] = this.props.match.params.uk;\n }\n\n this.setState({ loading: true });\n\n let agendaData = JSON.stringify(temp);\n fetch(Config._HOST + \"/api/convidado\",\n {\n body: agendaData,\n method: this.props.match.params.ukConvidado ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem)\n this.setState({ loading: false }, () => {\n if (data.status === 200) {\n this.props.history.push('/admin/agenda/' + this.props.match.params.uk + '/convidados')\n }\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n render() {\n const { uk } = this.props.match.params;\n\n return (\n <>\n {this.state.loading && (\n | Nome | \nTelefone | \nDATA CADASTRO | \nAÇÃO | \n
|---|---|---|---|
| {single.nome} | \n{single.telefone ? single.telefone : \"-\"} | \n{moment(single.dtCadastro).format('DD/MM/YYYY HH:mm')} | \n\n \n \n | \n
\n
\n )}\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Convidado\"}\n subTitulo={\"\"}\n />\n \n {this.props.match.params.ukConvidado ? \"Atualizar\" : \"Cadastro\"}\n
\n \n\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Prestadores de Serviço\"} subTitulo={!!responsavel ? \"Controle geral de prestadores de serviço de \" + responsavel.name : ''}\n />\n\n \n \n \n \n {this.renderContent()}\n \n
\n Prestadores de Serviço ({listaPrestadoresServico.length})
\n\n {exportData && !!listaPrestadoresServico.length && !loading && (\n <>\nNão existem prestadores de serviço cadastrados
\n\n \n \n
\n
\n )\n }\n}\n\nexport default withSnackbar(AgendaPrestadoresServico);\n","import { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport { withSnackbar } from \"notistack\";\nimport { Component } from \"react\";\nimport { confirmAlert } from 'react-confirm-alert'; // Import\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\nimport { BoxLoading } from \"react-loadingg\";\nimport { Button, Card, CardBody, CardHeader, Col, Container, Form, FormGroup, Input, Row } from \"reactstrap\";\nimport api from \"services/api\";\nimport phoneMask from \"utils/phoneMask\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst ROUTE_API = '/api/documento-agenda/prestadores-servico';\n\nclass AgendaPrestadoresServicoCrud extends Component {\n\n state = {\n loading: true,\n }\n\n async componentDidMount() {\n this.setState({ loading: true });\n await this.findDocumentoAgenda(this.props.match.params.uk);\n\n if (this.props.match.params.id) {\n await this.findBy(this.props.match.params.id);\n }\n\n this.setState({ loading: false });\n }\n\n findDocumentoAgenda = async (uk) => {\n const response = await api.get(\"/api/documento-agenda/\" + uk);\n this.setState({ documento_agenda_entity: { id: response.data.id } });\n }\n\n findBy = async (id) => {\n const response = await api.get(ROUTE_API + '/' + id);\n this.setState({ ...response, documento_agenda_entity: { id: response.documento_agenda_entity } })\n }\n\n delete() {\n this.setState({ loading: true });\n const response = api.delete(ROUTE_API + '/' + this.props.match.params.id);\n\n if(response) {\n this.setState({ loading: false });\n this.props.enqueueSnackbar('Deletado com sucesso!');\n this.props.history.push('/admin/agenda/' + this.props.match.params.uk + '/prestadores-servico');\n }\n else {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n }\n }\n\n create = async () => {\n let data = this.state;\n\n if (!this.state.nome_entregador || this.state.nome_entregador === \"\") {\n this.props.enqueueSnackbar(\"Campo 'Nome Entregador' obrigatório!\")\n return;\n }\n if (!this.state.nome_empresa || this.state.nome_empresa === \"\") {\n this.props.enqueueSnackbar(\"Campo 'Nome Empresa' obrigatório!\")\n return;\n }\n if (!this.state.telefone || this.state.telefone.length < 14) {\n this.props.enqueueSnackbar(\"Campo 'Telefone' obrigatório!\")\n return;\n }\n\n this.setState({ loading: true });\n const id = this.props.match.params.id !== undefined ? this.props.match.params.id : '';\n const response = !!id ? await api.put(`${ROUTE_API}/${id}`, data) : await api.post(`${ROUTE_API}`, data);\n\n if(!response || ('status' in response && response.status !== 200)) {\n this.props.enqueueSnackbar(\"Ops, ocorreu um erro!\");\n }\n else {\n this.props.enqueueSnackbar(id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\");\n this.props.history.push('/admin/agenda/' + this.props.match.params.uk + '/prestadores-servico');\n }\n\n this.setState({ loading: false });\n }\n\n render() {\n const { uk } = this.props.match.params;\n\n return (\n <>\n {this.state.loading && (\n | NOME ENTREGADOR | \nNOME EMPRESA | \nTELEFONE | \nDATA CADASTRO | \nAÇÃO | \n
|---|---|---|---|---|
| {single.nome_entregador} | \n{single.nome_empresa} | \n{single.telefone ? single.telefone : \"-\"} | \n{moment(single.dtCadastro).format('DD/MM/YYYY HH:mm')} | \n\n \n \n | \n
\n
\n )}\n\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Prestadores de Serviço\"}\n subTitulo={\"\"}\n />\n \n {this.props.match.params.id ? \"Atualizar\" : \"Cadastro\"}\n
\n \nNão Existem bloqueios cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | DESCRIÇÃO | \nDATA INÍCIO | \nDATA FIM | \nAMBIENTE | \nDIAS DA SEMANA | \nAÇÃO | \n|
|---|---|---|---|---|---|---|
| {item.descricao} | \n{moment(item.data_inicio).format('DD/MM/yyyy')} | \n{moment(item.data_fim).format('DD/MM/yyyy')} | \n\n {item.ambientes.length > 0 && | \n {/* {item.ambientes.map(ambiente => | */}\n \n | \n \n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Bloqueio da Agenda\"}\n subTitulo={\"Módulo de Gestão de bloqueio da agenda\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total ({this.state.data.length})
\n\n\n
\n \n {\n confirmAlert({\n title: isEdit\n ? 'Deseja confirmar a atualização?'\n : 'Deseja confirmar o cadastro?',\n message: '',\n buttons: [\n { label: 'Não' },\n { label: 'Sim', onClick: create }\n ]\n })\n }\n }>\n \n {isEdit ? \"ATUALIZAR\" : \"CADASTRAR\"}\n \n \n
\n
\n \n );\n }\n}\n","import { Component } from 'react';\nimport { FormControl, MenuItem, Select } from '@material-ui/core';\nimport { Col, FormGroup, Input, Row } from 'reactstrap';\n\nexport default class FormFields extends Component {\n render() {\n const { state, handleChange } = this.props;\n\n return (\n \n \n \n \n handleChange('descricao', value.target.value.toUpperCase())}\n />\n \n \n \n \n handleChange('data_inicio', value.target.value)}\n />\n \n \n \n \n handleChange('data_fim', value.target.value)}\n />\n \n \n \n \n \n handleChange('diasSemana', value.target.value)}\n multiple={true}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n handleChange('ambientes', value.target.value)}\n multiple={true}\n >\n {state.dataAmbientes.map(ambiente => {\n return \n })}\n \n \n \n \n\n
\n
\n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport { Component } from \"react\";\n\n// reactstrap components\nimport { Card, CardBody, CardHeader, Col, Container, Form, Row } from \"reactstrap\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport { withSnackbar } from \"notistack\";\n\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\n\nimport 'rodal/lib/rodal.css';\nimport api from \"services/api\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport FormFields from \"./Form/FormFields\";\nimport { BoxLoading } from \"react-loadingg\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/agenda/bloqueio';\nconst ROUTE_API = '/api/agenda/bloqueio';\n\nclass AgendaBloqueioCrud extends Component {\n\n state = {\n ambientes: [],\n dataAmbientes: [],\n diasSemana: ['segunda', 'terca', 'quarta', 'quinta', 'sexta', 'sabado', 'domingo']\n }\n\n async componentDidMount() {\n this.setState({ loading: true });\n if (this.props.match.params.id) await this.findBy();\n await this.findAmbientes();\n this.setState({ loading: false });\n }\n\n findBy = async () => {\n const { id } = this.props.match.params;\n const response = await api.get(`${ROUTE_API}/${id}`);\n let diasSemana = [];\n\n if(response.segunda) diasSemana.push('segunda');\n if(response.terca) diasSemana.push('terca');\n if(response.quarta) diasSemana.push('quarta');\n if(response.quinta) diasSemana.push('quinta');\n if(response.sexta) diasSemana.push('sexta');\n if(response.sabado) diasSemana.push('sabado');\n if(response.domingo) diasSemana.push('domingo');\n\n this.setState({ ...response, diasSemana, ambientes: response.ambientes.map(item => item.id) });\n }\n\n findAmbientes = async () => {\n const response = await api.get(\"/api/ambiente?_limit=9999&ativo=true&permitir_locacao=true&_sort=nome\");\n this.setState({ dataAmbientes: response.data });\n }\n\n create = async () => {\n this.setState({ loading: true });\n const { id } = this.props.match.params;\n const data = {\n ...this.state,\n segunda: this.state.diasSemana.indexOf('segunda') >= 0,\n terca: this.state.diasSemana.indexOf('terca') >= 0,\n quarta: this.state.diasSemana.indexOf('quarta') >= 0,\n quinta: this.state.diasSemana.indexOf('quinta') >= 0,\n sexta: this.state.diasSemana.indexOf('sexta') >= 0,\n sabado: this.state.diasSemana.indexOf('sabado') >= 0,\n domingo: this.state.diasSemana.indexOf('domingo') >= 0,\n ambientes: this.state.ambientes.map(item => {\n return { id: item };\n })\n }\n\n const response = !!id ? await api.put(`${ROUTE_API}/${id ? id : ''}`, data) : await api.post(ROUTE_API, data);\n\n if(!!response) {\n this.props.enqueueSnackbar(!!id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\");\n this.props.history.push(HISTORY_BACK);\n }\n else {\n this.props.enqueueSnackbar(\"Ops, ocorreu um erro!\");\n }\n\n this.setState({ loading: false });\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n return (\n <>\n {this.state.loading && (\n \n
\n )}\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR BLOQUEIO\" : \"NOVO BLOQUEIO\"}\n subTitulo={\"Gerenciamento dos Bloqueio\"}\n />\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Bloqueio\" : \"Cadastrar Novo Bloqueio\"}\n
\n \nNenhum Reserva Encontrada!
\n\n \n \n
\n\n {filter._page < total_pages && (\n \n )}\n\n
\n )\n }\n\n render() {\n const { filter, total_data } = this.state;\n\n return (\n <>\n | DATA CRIAÇÃO | \nAMBIENTE | \nSÓCIO | \nSTATUS | \nAPP | \nAÇÃO | \n
|---|---|---|---|---|---|
| {moment(single.dataCadastro).format('DD/MM/YYYY HH:mm')} | \n{single.ambiente.nome} | \n{single.responsavel.name} | \n{getStatusReserva(single.status)} | \n{!!single.userDispositivo ? \"Sim\" : \"Não\"} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"ÚLTIMAS RESERVAS\"}\n subTitulo={\"Gerenciamento completo de Agendamentos\"}\n />\n Reservas ({total_data ? total_data : 0})
\n\n \n \n \n handleChange(\"corFundo\", value.target.value.toUpperCase())}\n />\n \n \n \n \n handleChange(\"corTexto\", value.target.value.toUpperCase())}\n />\n \n \n
\n \n \n \n handleChange(\"nome\", value.target.value.toUpperCase())}\n value={state.nome ? state.nome : ''}\n />\n \n \n\n \n \n handleChange(\"descricao\", value.target.value.toUpperCase())}\n value={state.descricao ? state.descricao : ''}\n />\n \n \n\n \n \n handleChange(\"listaItens\", value.target.value.toUpperCase())}\n />\n \n \n\n \n \n handleChange(\"ativo\", value.target.value)}\n >\n \n \n \n \n \n\n {state.ativo && (\n \n \n handleChange(\"permitirLocacao\", value.target.value)}\n >\n \n \n \n \n \n )}\n\n
\n\n {state.ativo && state.permitirLocacao && (\n \n \n \n handleChange(\"permitirLocacaoApp\", value.target.value)}\n >\n \n \n \n \n \n\n \n \n handleChange(\"permitirAluguelSimultaneo\", value.target.value)}\n >\n \n \n \n \n \n\n \n \n handleChange(\"capacidadePessoas\", value.target.value.toUpperCase())}\n />\n \n \n
\n )}\n\n
\n );\n }\n}\n","import { FormControl, TextField } from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\nimport React, { Component } from 'react';\nimport IntlCurrencyInput from \"react-intl-currency-input\";\nimport { Col, FormGroup, Row } from 'reactstrap';\n\nconst currencyConfig = {\n locale: \"pt-BR\",\n formats: {\n number: {\n BRL: {\n style: \"currency\",\n currency: \"BRL\",\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n },\n },\n },\n};\n\nexport default class Financeiro extends Component {\n render() {\n const { state, handleChange } = this.props;\n\n return (\n \n \n\n \n \n handleChange(\"valorAluguelAssociado\", value)}\n />\n \n \n\n \n \n option.nome}\n onChange={(_, value) => handleChange(\"caixa\", value)}\n inputMode=\"text\"\n key=\"caixas\"\n value={state.caixa}\n multiple={false}\n renderOption={option => {option.nome}}\n renderInput={params => (\n \n {params.InputProps.endAdornment}\n \n ),\n }}\n />\n )}\n />\n \n \n\n \n \n `(${option.codigo}) ${option.nome}`}\n onChange={(_, value) => handleChange(\"categoria\", value)}\n inputMode=\"text\"\n key=\"categorias\"\n value={state.categoria}\n multiple={false}\n renderOption={option => ({option.codigo}) {option.nome}}\n renderInput={params => (\n \n {params.InputProps.endAdornment}\n \n ),\n }}\n />\n )}\n />\n \n \n
\n
\n );\n }\n}\n","import { FormControl, TextField } from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\nimport React, { Component } from 'react';\nimport { Col, Row } from 'reactstrap';\n\nexport default class Termos extends Component {\n render() {\n const { state, handleChange } = this.props;\n\n return (\n \n \n \n \n option.nome}\n onChange={(_, value) => handleChange(\"termoReserva\", value)}\n inputMode=\"search\"\n value={state.termoReserva}\n multiple={false}\n renderOption={option => {option.codigo} {option.nome} }\n renderInput={params => (\n \n {/* {state.loadCategorias ? \n \n
\n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport InformacoesGerais from './InformacoesGerais';\nimport Financeiro from './Financeiro';\nimport Termos from './Termos';\n\nexport default class FormFields extends Component {\n render() {\n return (\n <>\n Informações Gerais
\n\n
Termos
\n\n
Financeiro
\n\n
\n )}\n\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Ambientes\"}\n subTitulo={(this.props.match.params.id ? \"Atualizar Ambiente\" : \"Cadastrar nova Ambiente\")} />\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Ambiente\" : \"Cadastro de Ambiente\"}\n
\n \n\n \n \n NOVO\n \n \n Setores\n \n \n
\n \n }\n titulo={\"AMBIENTES\"} subTitulo={\"Controle geral de Ambientes\"}\n />\n\n \n \n \n \n {this.renderContent()}\n \n
\n Total ({this.state.data.length})
\nNão existem ambientes cadastradas
\n\n \n \n
\n
\n )\n }\n}\n\nexport default withSnackbar(Ambiente);\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\n\n// reactstrap components\nimport { CardHeader, Button, Table, Container, Row, Card } from \"reactstrap\";\nimport Config from \"Config\";\nimport BoxLoading from \"react-loadingg/lib/BoxLoading\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport { withSnackbar } from \"notistack\";\nimport 'react-confirm-alert/src/react-confirm-alert.css';\nimport { confirmAlert } from \"react-confirm-alert\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nclass AmbienteSetores extends React.Component {\n state = {\n data: [],\n };\n\n componentDidMount() {\n this.findAll()\n }\n\n findAll = () => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + '/api/manutencao/setor')\n .then(response => response.json())\n .then(response => {\n this.setState({\n data: response.status === 200 ? response.data : [],\n loading: false,\n })\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n handleRemove = (uk) => {\n confirmAlert({\n title: 'Deseja Deletar o cadastro?',\n message: '',\n buttons: [\n { label: 'Não' },\n {\n label: 'Sim', onClick: () => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + `/api/manutencao/setor`,\n {\n method: 'DELETE',\n body: JSON.stringify({\n uk: uk\n }),\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(data => data.json())\n .then(data => {\n this.setState({ loading: false })\n const dataUpdated = this.state.data.filter(row => row.uk !== uk);\n this.setState({ data: dataUpdated });\n this.props.enqueueSnackbar(data.mensagem)\n })\n .catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n\n }\n }\n ]\n })\n\n }\n\n renderContent() {\n if (this.state.loading) {\n return | NOME | \nDESCRIÇÃO | \nLOCAÇÃO | \nLOCAÇÃO PELO APP | \nATIVO | \nAÇÃO | \n
|---|---|---|---|---|---|
| {single.nome} | \n{single.descricao ? single.descricao : \"-\"} | \n{!!single.permitirLocacao ? 'Sim' : \"Não\"} | \n{!!single.permitirLocacaoApp ? 'Sim' : \"Não\"} | \n{!!single.ativo ? 'Sim' : \"Não\"} | \n\n \n \n | \n
Não Existem setores cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nAMBIENTE | \nAÇÃO | \n
|---|---|---|
| {single.nome ? single.nome : \"-\"} | \n{single.ambiente ? single.ambiente.nome : \"-\"} | \n\n \n \n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"SETORES DO AMBIENTE\"} subTitulo={\"Módulo de Gestão para Setores dos Ambientes\"}\n />\n\n {/* Page content */}\n \n \n \n \n {this.renderContent()}\n \n
\n Total de Setores ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.uk ? \"EDITAR SETOR DO AMBIENTE\" : \"NOVO SETOR DO AMBIENTE\"}\n subTitulo={\"Gerenciamento Completo dos Setor do Ambiente\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar Setor do Ambiente\" : \"Cadastrar Novo Setor do Ambiente\"}\n
\n \n\n {`Nenhum ${!isNaoSocio ? 'associado ou dependente' : 'não sócio'} encontrado!`}\n
\n\n \n \n
\n\n {filter._page < total_pages && (\n \n )}\n\n
\n )\n }\n\n render() {\n const user = JSON.parse(window.localStorage.getItem(Config._USER));\n const { filter, total_data, isNaoSocio, loading } = this.state;\n\n return (\n <>\n | FOTO | \n {!isNaoSocio &&TÍTULO | }\nNOME | \nCPF/CNPJ | \n {!isNaoSocio &&TIPO | }\nSTATUS | \n {!isNaoSocio &&VALIDADE EXAME | }\n {user.profile.id === 1 &&AÇÃO | }\n
|---|---|---|---|---|---|---|---|
| \n | \n {!isNaoSocio && {single.numeroTitulo} | }\n{single.name} | \n{single.cpfOrcnpj} | \n {!isNaoSocio &&{single.profile.id === 2 ? \"ASSOCIADO\" : 'DEPENDENTE'} | }\n{getStatusAssociado(single.statusAcesso)} | \n {!isNaoSocio && (\n\n {!!single.listaCarteirinhas.length && !!single.listaCarteirinhas[0].validadeExame ? moment(single.listaCarteirinhas[0].validadeExame).format('DD/MM/YYYY') : '-'}\n | \n )}\n\n \n {!isNaoSocio ? (\n \n | \n
\n \n {isNaoSocio ? (\n \n NOVO\n \n ) : (\n <>\n \n NOVO\n \n\n \n Carteirinhas\n \n\n {/* */}\n \n )}\n \n
\n )}\n \n )}\n titulo={!isNaoSocio ? \"ASSOCIADOS\" : \"NÃO SÓCIOS\"}\n subTitulo={`Módulo de Gestão para ${!isNaoSocio ? 'Associados' : 'não sócios'}`}\n />\n \n {!isNaoSocio ? 'Associados/Dependentes ' : 'Não sócios '}\n ({total_data ? total_data : 0})\n
\n\n {!!this.state.data.length && !loading && (\n <>\n\n {\n this.setState({ foto: dropped[0] })\n }}\n >\n {({ getRootProps, getInputProps }) => (\n \n \n
\n )}\n \n\n {foto && (\n \n )}\n \n \n );\n }\n}\n\nexport default PhotoEditor;\n","import React, { Component } from 'react';\nimport { Button, Card, CardBody, Col, FormGroup, Input, Row } from 'reactstrap';\n\nexport default class CarteirinhaExameMedico extends Component {\n render() {\n const { state, handleChange, addCarteirinha } = this.props;\n\n return (\n Clique aqui ou arraste seus arquivos
\n\n {(!state.listaCarteirinhas || state.listaCarteirinhas.length === 0) && (\n \n
\n )}\n {!!state.listaCarteirinhas && state.listaCarteirinhas.map((carteirinha_value, index) => (\n \n \n \n \n \n \n \n \n \n {\n handleChange({ listaCarteirinhas: state.listaCarteirinhas.map((item, key) => {\n if(index === key) item.validadeExame = value.target.value\n return item\n })});\n }}\n />\n \n \n \n \n {\n handleChange({ listaCarteirinhas: state.listaCarteirinhas.map((item, key) => {\n if(index === key) item.numero = value.target.value\n return item\n })});\n }}\n />\n \n \n
\n \n \n ))}\n
\n );\n }\n}\n","const estados = [\n { id: 1, sigla: 'AC', name: 'Acre' },\n { id: 2, sigla: 'AL', name: 'Alagoas' },\n { id: 3, sigla: 'AM', name: 'Amazonas' },\n { id: 4, sigla: 'AP', name: 'Amapá' },\n { id: 5, sigla: 'BA', name: 'Bahia' },\n { id: 6, sigla: 'CE', name: 'Ceará' },\n { id: 7, sigla: 'DF', name: 'Distrito Federal' },\n { id: 8, sigla: 'ES', name: 'Espírito Santo' },\n { id: 9, sigla: 'GO', name: 'Goiás' },\n { id: 10, sigla: 'MA', name: 'Maranhão' },\n { id: 11, sigla: 'MG', name: 'Minas Gerais' },\n { id: 12, sigla: 'MS', name: 'Mato Grosso do Sul' },\n { id: 13, sigla: 'MT', name: 'Mato Grosso' },\n { id: 14, sigla: 'PA', name: 'Pará' },\n { id: 15, sigla: 'PB', name: 'Paraíba' },\n { id: 16, sigla: 'PE', name: 'Pernambuco' },\n { id: 17, sigla: 'PI', name: 'Piauí' },\n { id: 18, sigla: 'PR', name: 'Paraná' },\n { id: 19, sigla: 'RJ', name: 'Rio de Janeiro' },\n { id: 20, sigla: 'RN', name: 'Rio Grande do Norte' },\n { id: 21, sigla: 'RO', name: 'Rondônia' },\n { id: 22, sigla: 'RR', name: 'Roraima' },\n { id: 23, sigla: 'RS', name: 'Rio Grande do Sul' },\n { id: 24, sigla: 'SC', name: 'Santa Catarina' },\n { id: 25, sigla: 'SE', name: 'Sergipe' },\n { id: 26, sigla: 'SP', name: 'São Paulo' },\n { id: 27, sigla: 'TO', name: 'Tocantins' }\n];\n\nexport { estados };\n","import { FormControl, MenuItem, Select } from '@material-ui/core';\nimport React, { Component } from 'react';\nimport { Button, Card, CardBody, Col, FormGroup, Input, Row } from 'reactstrap';\nimport { estados } from 'utils/estados';\nimport api from 'services/api';\n\nexport default class Enderecos extends Component {\n\n handleFindAddress = async (cep, index) => {\n if(cep.replace(\"-\", \"\").length === 8) {\n const response = await api.get(`https://viacep.com.br/ws/${cep}/json/`);\n\n let { listaEnderecos } = this.props.state;\n listaEnderecos[index].estado = !!response.uf && estados.find(item => item.sigla === response.uf).id;\n listaEnderecos[index].cidade = response.localidade;\n listaEnderecos[index].logradouro = response.logradouro;\n listaEnderecos[index].bairro = response.bairro;\n this.setState({ listaEnderecos });\n }\n }\n\n render() {\n const { state, addEndereco, handleChangeTipoEndereco, removeEndereco } = this.props;\n\n return (\n \n \n
\n\n {state.listaEnderecos && state.listaEnderecos.map((single, index) => {\n return (\n \n \n \n
\n \n \n \n \n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].principal = value;\n this.setState({ listaEnderecos });\n }}\n >\n \n \n \n \n \n \n \n \n \n handleChangeTipoEndereco(e, index)}\n >\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].cep = value.toUpperCase();\n this.setState({ listaEnderecos });\n }}\n onBlur={(e) => this.handleFindAddress(e.target.value, index)}\n key={index}\n value={single.cep ? single.cep : ''}\n placeholder=\"Endereço\"\n type=\"text\"\n />\n \n \n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].estado = value;\n this.setState({ listaEnderecos });\n }}\n >\n \n {estados.map(item => )}\n \n \n \n \n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].cidade = value.toUpperCase();\n this.setState({ listaEnderecos });\n }}\n value={single.cidade ? single.cidade : ''}\n placeholder=\"Cidade\"\n type=\"text\"\n />\n \n \n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].logradouro = value.toUpperCase();\n this.setState({ listaEnderecos });\n }}\n value={single.logradouro ? single.logradouro : ''}\n placeholder=\"Logradouro\"\n type=\"text\"\n />\n \n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].numero = value.toUpperCase();\n this.setState({ listaEnderecos });\n }}\n value={single.numero ? single.numero : ''}\n placeholder=\"Número\"\n type=\"text\"\n />\n \n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].bairro = value.toUpperCase();\n this.setState({ listaEnderecos });\n }}\n value={single.bairro ? single.bairro : ''}\n placeholder=\"Bairro\"\n type=\"text\"\n />\n \n \n \n \n {\n const { value } = e.target;\n let { listaEnderecos } = state;\n listaEnderecos[index].complemento = value.toUpperCase();\n this.setState({ listaEnderecos });\n }}\n value={single.complemento ? single.complemento : ''}\n placeholder=\"Complemento\"\n type=\"text\"\n />\n \n \n
\n \n \n \n
\n \n \n )\n })}\n
\n );\n }\n}\n","import { FormControl, MenuItem, Select } from '@material-ui/core';\nimport React, { Component } from 'react';\nimport { Col, FormGroup, Input, Row } from 'reactstrap';\nimport Dropzone from 'views/components/Dropzone';\n\nexport default class OutrasInformacoes extends Component {\n render() {\n const { state, handleChange, isDependente } = this.props;\n\n return (\n Endereço {index + 1}
\n \n\n \n {!state.isNaoSocio && (\n \n \n handleChange({ _dtAssociacao: value.target.value.toUpperCase() })}\n className=\"form-control\"\n />\n \n \n )}\n\n \n \n \n {(state.statusAcesso || !this.props.match.params.uk) && (\n handleChange({ statusAcesso: value.target.value })}\n >\n {(!isDependente || state.statusAcessoAtual === 1) && }\n {(!isDependente || state.statusAcessoAtual === 6) && }\n {(!isDependente || state.statusAcessoAtual === 7) && }\n {(!isDependente || state.statusAcessoAtual === 10) &&}\n {(!isDependente || state.statusAcessoAtual === 2) && }\n {/* */}\n \n \n \n {(!isDependente || state.statusAcessoAtual === 9) && !state.isNaoSocio && }\n \n )}\n \n \n \n\n {!(isDependente || state.isNaoSocio) && (\n \n \n \n\n {state.statusAcesso && (\n handleChange({ categoria: value.target.value })}\n >\n \n {state.categoriaComplete && state.categoriaComplete.map(single => {\n return \n })}\n \n )}\n \n \n \n )}\n
\n\n {state.statusAcesso !== 1 && state.statusAcesso !== undefined && (\n \n \n \n handleChange({ observacoes: value.target.value.toUpperCase() })}\n className=\"form-control\"\n />\n \n \n
\n )}\n\n
\n
\n );\n }\n}\n","\nimport React, { Component } from 'react';\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Input } from 'reactstrap';\n\nexport default class ModalEmail extends Component {\n state = {\n modal: false,\n mensagem: ''\n }\n\n toggle = () => this.setState({ modal: !this.state.modal });\n\n render() {\n const { modal, mensagem } = this.state;\n\n return (\n \n
Anexo
\n\n \n
\n
\n \n \n \n ×}>Enviar mensagem \n \n this.setState({ mensagem: value.target.value.toUpperCase() })}\n value={mensagem}\n />\n \n \n \n \n \n \n
\n );\n }\n}\n","import { CircularProgress, FormControl, MenuItem, Select } from '@material-ui/core';\nimport React, { Component } from 'react';\nimport { Col, FormGroup, Input, InputGroup, Row } from 'reactstrap';\nimport ModalEmail from './Modal/Email';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport { TextField } from '@material-ui/core';\nimport Config from 'Config';\nimport cpfMask from 'utils/cpfMask';\nimport cnpjMask from 'utils/cnpjMask';\n\nexport default class InformacoesGerais extends Component {\n searchVeiculo = (search) => {\n if (!search) {\n return\n }\n\n const { handleChange } = this.props;\n handleChange({ loadSelect: true });\n\n fetch(Config._HOST + `/api/veiculo?placa_like=${search}`, {\n method: 'GET',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n })\n .then(response => response.json())\n .then(response => {\n handleChange({\n dataVeiculos: response.data,\n loadSelect: false,\n })\n }).catch(e => {\n handleChange({ loadSelect: false })\n })\n }\n\n render() {\n const { state, handleChange, props, isDependente } = this.props;\n const { uk } = props.match.params;\n\n return (\n \n \n {!(isDependente || state.isNaoSocio) && (\n \n \n handleChange({ numeroTitulo: value.target.value.toUpperCase() })}\n value={state.numeroTitulo ? state.numeroTitulo : ''}\n disabled={!!uk}\n />\n \n \n )}\n \n \n handleChange({ name: value.target.value.toUpperCase() })}\n value={state.name ? state.name : ''}\n />\n \n \n \n \n {\n if (value.target.value.length <= 18) {\n handleChange({\n cpfOrcnpj: value.target.value.length <= 14 ? cpfMask(value.target.value) : cnpjMask(value.target.value)\n })\n }\n }}\n value={state.cpfOrcnpj ? state.cpfOrcnpj : ''}\n />\n \n \n \n \n \n handleChange({ email: value.target.value.toLowerCase() })}\n value={state.email ? state.email : ''}\n />\n \n \n \n \n \n handleChange({ senha: value.target.value })}\n value={state.senha ? state.senha : ''}\n />\n \n \n \n \n handleChange({ _dtNascimento: value.target.value.toUpperCase() })}\n className=\"form-control\"\n />\n \n \n \n \n \n {state.sexo || !props.match.params.uk ? (\n handleChange({ sexo: value.target.value })}\n value={state.sexo ? state.sexo : 0}\n >\n \n \n \n \n \n ) : }\n \n \n \n \n \n \n {state.estadoCivil || !props.match.params.uk ? (\n handleChange({ estadoCivil: value.target.value })}\n value={state.estadoCivil ? state.estadoCivil : 0}\n >\n \n \n \n \n \n \n \n \n ) : }\n \n \n \n \n \n handleChange({ rg: value.target.value.toUpperCase() })}\n value={state.rg ? state.rg : ''}\n />\n \n \n \n \n handleChange({ orgaoExpedidor: value.target.value.toUpperCase() })}\n value={state.orgaoExpedidor ? state.orgaoExpedidor : ''}\n />\n \n \n \n \n handleChange({ _dtExpedicao: value.target.value.toUpperCase() })}\n className=\"form-control\"\n />\n \n \n
\n {!state.isNaoSocio && (\n \n \n \n option.placa}\n onChange={(_, value) => handleChange({ veiculo: value })}\n onInputChange={(_, value) => this.searchVeiculo(value)}\n inputMode=\"text\"\n key=\"veiculo\"\n loading={state.loadSelect}\n value={state.veiculo}\n multiple={true}\n renderInput={(params) => (\n \n {state.loadSelect ? \n \n
\n )}\n
\n );\n }\n}\n","import { FormControl, MenuItem, Select } from '@material-ui/core';\nimport React, { Component } from 'react';\nimport { Button, Card, CardBody, Col, FormGroup, Input, Row } from 'reactstrap';\nimport InputGroup from 'reactstrap/lib/InputGroup';\n\nexport default class Telefones extends Component {\n render() {\n const {\n state,\n addTelefone,\n removeTelefone,\n handleInputChangeTelefone,\n handleInputChangeTelefoneTipo\n } = this.props;\n\n return (\n \n
\n \n \n
\n\n \n \n {state.listaTelefone && state.listaTelefone.map((single, index) => {\n return (\n \n \n \n \n handleInputChangeTelefone(event.target.value, single, index)}\n id={single.id}\n value={single.telefone ? single.telefone : ''}\n placeholder=\"Telefone\"\n type=\"text\"\n />\n \n \n \n \n \n \n handleInputChangeTelefoneTipo(event.target.value, single, index)}\n >\n \n \n \n \n \n \n \n \n \n \n
\n )\n })}\n \n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport { Form } from 'reactstrap';\nimport CarteirinhaExameMedico from './CarteirinhaExameMedico';\nimport Enderecos from './Enderecos';\nimport OutrasInformacoes from './OutrasInformacoes';\nimport InformacoesGerais from './InformacoesGerais';\nimport Telefones from './Telefones';\n\nclass FormFields extends Component {\n render() {\n const { isNaoSocio } = this.props.state;\n return (\n \n );\n }\n}\n\nexport default FormFields;\n","const required = value => (value || (typeof value === 'number' && value > 0) || (typeof value === 'boolean' && (value === true || value === false)) ? undefined : 'Obrigatório');\n\nconst maxLength = max => value => value && value.length > max ? `Must be ${max} characters or less` : undefined;\n\nconst minLength = min => value => value && value.length < min ? `Must be ${min} characters or more` : undefined;\n\nconst equalsLength = min => value => value && value.length < min ? `Must be ${min} characters or more` : undefined\n\nconst number = value => value && isNaN(Number(value)) ? 'Must be a number' : undefined;\n\nconst minValue = min => value => value && value < min ? `Must be at least ${min}` : undefined;\nconst maxValue = max => value => value && value > max ? `Must be at least ${max}` : undefined;\n\nconst positiveValue = value => value && value <= 0 ? `Valor tende ser positivo` : undefined;\n\nconst cep = value => value && value.length < 9 ? `Must be 8 characters or more` : undefined\n\nconst email = value =>\n value && !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(value)\n ? 'E-mail invalido'\n : undefined\n\nconst phoneNumber = value =>\n value && (!/^\\(((1[1-9])|([2-9][0-9]))\\) ((3[0-9]{3}-[0-9]{4})|(9[0-9]{3}-[0-9]{5}))$/i.test(value))\n ? 'Telefone inválido'\n : undefined;\n\nconst cellPhoneNumber = value =>\n value && (!/^\\(((1[1-9])|([2-9][0-9]))\\) (?:((?:9\\d|[2-9])\\d{3})-?(\\d{4}))$/i.test(value))\n ? 'Celular inválido'\n : undefined;\n\nfunction isValidCPF(cpf) {\n if (typeof cpf !== \"string\") return false;\n\n cpf = cpf.replace(/[\\s.-]*/igm, '');\n\n if (!cpf ||\n cpf.length !== 11 ||\n cpf === \"00000000000\" ||\n cpf === \"11111111111\" ||\n cpf === \"22222222222\" ||\n cpf === \"33333333333\" ||\n cpf === \"44444444444\" ||\n cpf === \"55555555555\" ||\n cpf === \"66666666666\" ||\n cpf === \"77777777777\" ||\n cpf === \"88888888888\" ||\n cpf === \"99999999999\")\n return false\n\n let soma = 0;\n let resto;\n for (let i = 1; i <= 9; i++)\n soma = soma + parseInt(cpf.substring(i-1, i)) * (11 - i);\n\n resto = (soma * 10) % 11;\n if ((resto === 10) || (resto === 11)) resto = 0;\n if (resto !== parseInt(cpf.substring(9, 10)) ) return false;\n\n soma = 0;\n for (let i = 1; i <= 10; i++)\n soma = soma + parseInt(cpf.substring(i-1, i)) * (12 - i);\n\n resto = (soma * 10) % 11;\n if ((resto === 10) || (resto === 11)) resto = 0;\n if (resto !== parseInt(cpf.substring(10, 11) ) ) return false;\n\n return true\n}\n\nfunction isValidCNPJ(cnpj) {\n cnpj = cnpj.replace(/[^\\d]+/g,'');\n\n if(cnpj === '') return false;\n\n if (cnpj.length !== 14)\n return false;\n\n // Elimina CNPJs invalidos conhecidos\n if (cnpj === \"00000000000000\" ||\n cnpj === \"11111111111111\" ||\n cnpj === \"22222222222222\" ||\n cnpj === \"33333333333333\" ||\n cnpj === \"44444444444444\" ||\n cnpj === \"55555555555555\" ||\n cnpj === \"66666666666666\" ||\n cnpj === \"77777777777777\" ||\n cnpj === \"88888888888888\" ||\n cnpj === \"99999999999999\")\n return false;\n\n // Valida DVs\n let tamanho = cnpj.length - 2\n let numeros = cnpj.substring(0,tamanho);\n let digitos = cnpj.substring(tamanho);\n let soma = 0;\n let pos = tamanho - 7;\n\n for (let i = tamanho; i >= 1; i--) {\n soma += parseInt(numeros.charAt(tamanho - i)) * pos--;\n\n if (pos < 2)\n pos = 9;\n }\n\n let resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;\n if (resultado !== parseInt(digitos.charAt(0)))\n return false;\n\n tamanho = tamanho + 1;\n numeros = cnpj.substring(0,tamanho);\n soma = 0;\n pos = tamanho - 7;\n\n for (let i = tamanho; i >= 1; i--) {\n soma += parseInt(numeros.charAt(tamanho - i)) * pos--;\n\n if (pos < 2)\n pos = 9;\n }\n\n resultado = soma % 11 < 2 ? 0 : 11 - soma % 11;\n if (resultado !== parseInt(digitos.charAt(1)))\n return false;\n\n return true;\n}\n\nconst cpf = cpf => !isValidCPF(cpf) ? 'CPF Inválido' : undefined;\nconst cnpj = cnpj => {\n return !isValidCNPJ(cnpj) ? 'CNPJ Inválido' : undefined;\n}\n\nexport {\n required,\n cep,\n maxLength,\n minLength,\n minValue,\n maxValue,\n positiveValue,\n equalsLength,\n number,\n phoneNumber,\n cellPhoneNumber,\n email,\n cpf,\n isValidCPF,\n cnpj,\n isValidCNPJ\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\n\n// reactstrap components\nimport { Card, CardBody, CardHeader, Col, Container, Row } from \"reactstrap\";\n\nimport { Avatar as Avatars, ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\n\nimport moment from 'moment';\n\nimport WebcamCapture from \"views/components/WebcamCapture\";\nimport { b64toBlob, existIn } from \"Config\";\nimport { confirmAlert } from 'react-confirm-alert'; // Import\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\nimport Media from \"reactstrap/lib/Media\";\n\nimport Rodal from 'rodal';\n// include styles\nimport { validateEmail } from \"Config\";\nimport { BoxLoading } from \"react-loadingg\";\nimport 'rodal/lib/rodal.css';\nimport api from \"services/api\";\nimport PhotoEditor from \"utils/AvatarEditor\";\nimport { getCorStatusAssociado } from \"utils/StatusAssociado\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport FormFields from \"./Form/FormFields\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport { handleDeleteFile } from \"utils/file\";\nimport { handleUploadArrayFile } from \"utils/file\";\nimport { isValidCPF, isValidCNPJ } from \"utils/Validations\";\nimport phoneMask from \"utils/phoneMask\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = window.location.pathname.indexOf('nao-socios') >= 0 ? '/admin/nao-socios' : '/admin/associado';\n\nclass AssociadoCrud extends React.Component {\n state = {\n numeroTitulo: '',\n name: \"\",\n emails: [],\n telefones: [],\n enderecos: [],\n sexo: 0,\n estadoCivil: 0,\n statusAcesso: 1,\n categoria: 1,\n categoriaComplete: [],\n listaCarteirinhas: [],\n listaTelefone: [{\n id: null,\n tipo: 0,\n telefone: null\n }],\n listaEnderecos: [],\n observacoes: \"\",\n foto: null,\n loadSelect: false,\n dataVeiculos: [],\n veiculo: [],\n loading: true,\n files: [],\n filesRemovidos: [],\n isNaoSocio: window.location.pathname.indexOf('nao-socios') >= 0 ? true : false\n };\n\n async componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER));\n\n if (!user) {\n window.localStorage.removeItem(Config._USER);\n this.props.history.replace('/auth');\n return;\n }\n\n this.setState({ loading: true });\n await this.findAllCategoria();\n\n if (this.props.match.params.uk) {\n await this.findBy();\n }\n else if(\"ukAssociado\" in this.props.match.params) {\n let associadoStatus = 1;\n const responseAssociado = await api.get(`/api/user/${this.props.match.params.ukAssociado}`);\n associadoStatus = responseAssociado.data.statusAcesso;\n\n this.setState({\n statusAcessoAtual: existIn(associadoStatus, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]) ? associadoStatus : 1,\n statusAcesso: existIn(associadoStatus, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]) ? associadoStatus : 1\n });\n }\n\n this.setState({ loading: false });\n }\n\n findAllCategoria = async () => {\n const response = await api.get(\"/api/categoria\");\n\n this.setState({\n categoriaComplete: response.status === 200 ? response.data : [],\n })\n }\n\n findBy = async () => {\n const response = await api.get(`/api/user/${this.props.match.params.uk}`);\n let associadoStatus = 1;\n\n if(\"ukAssociado\" in this.props.match.params) {\n const responseAssociado = await api.get(`/api/user/${this.props.match.params.ukAssociado}`);\n associadoStatus = responseAssociado.data.statusAcesso;\n }\n\n let enderecoToState = {};\n if (response.status === 200) {\n response.data[\"_dtNascimento\"] = moment(response.data[\"dtNascimento\"]).format('YYYY-MM-DD');\n response.data[\"_dtExpedicao\"] = moment(response.data[\"dtExpedicao\"]).format('YYYY-MM-DD');\n response.data[\"_dtAssociacao\"] = moment(response.data[\"dtAssociacao\"]).format('YYYY-MM-DD');\n response.data[\"estadoCivil\"] = existIn(response.data['estadoCivil'], [1, 2, 3, 4, 5, 6]) ? response.data['estadoCivil'] : 1;\n response.data[\"statusAcesso\"] = existIn(response.data['statusAcesso'], [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]) ? response.data['statusAcesso'] : 1;\n response.data[\"statusAcessoAtual\"] = existIn(associadoStatus, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]) ? associadoStatus : 1;\n response.data[\"sexo\"] = existIn(response.data['sexo'], [1, 2, 3]) ? response.data['sexo'] : 1;\n\n if (response.data[\"listaEmails\"] && response.data[\"listaEmails\"].length > 0) {\n for (let i = 0; i <= response.data[\"listaEmails\"].length - 1; i++) {\n let tempListaEmails = response.data[\"listaEmails\"][i]\n enderecoToState['master-email-' + i] = tempListaEmails['principal'];\n enderecoToState['email-' + i] = tempListaEmails['email'];\n }\n }\n if (!response.data[\"listaTelefone\"] || response.data[\"listaTelefone\"].length <= 0) {\n response.data[\"listaTelefone\"] = [{\n tipo: 0,\n telefone: \"\"\n }]\n }\n\n if (!response.data[\"listaEnderecos\"] || response.data[\"listaEnderecos\"].length <= 0) {\n response.data[\"listaEnderecos\"] = [{\n bairro: null,\n cep: null,\n cidade: null,\n complemento: null,\n estado: 24,\n id: null,\n logradouro: null,\n numero: null,\n principal: false,\n tipo: null,\n uk: null,\n }]\n }\n }\n\n let responseFiles = await api.get(`/api/bucket?${jsonToUrlFilter({ owner: this.props.match.params.uk, key: \"documentos\" })}`);\n this.setState({ files: responseFiles.data, loading: false })\n\n this.setState({\n ...response.data,\n ...enderecoToState,\n })\n }\n\n handleSave = async (usuarioDesligar) => {\n let temp = this.state;\n const { ukAssociado } = this.props.match.params;\n this.setState({ loading: false });\n\n if(temp.isNaoSocio) {\n temp['profile'] = { id: 4 };\n }\n else {\n temp['profile'] = { id: !ukAssociado ? 2 : 3 };\n temp['associadoUk'] = ukAssociado;\n }\n\n if (!ukAssociado && temp.profile.id !== 4 && temp.numeroTitulo.length === 0) {\n this.props.enqueueSnackbar(\"Preencha o Número do Titulo\");\n return;\n }\n\n if (!temp.name || (temp.name.trim() === \"\")) {\n this.props.enqueueSnackbar(\"Preencha o Nome Completo\")\n return;\n }\n\n if (!ukAssociado && (!temp.cpfOrcnpj || (temp.cpfOrcnpj.trim() === \"\"))) {\n this.props.enqueueSnackbar(\"Preencha o CPF ou CNPJ\")\n return;\n }\n\n if (!temp._dtNascimento || !moment(temp._dtNascimento).isValid()) {\n this.props.enqueueSnackbar(\"Preencha uma data de Nascimento válida\")\n return;\n }\n\n if (!temp.sexo || !existIn(temp.sexo, [1, 2, 3])) {\n this.props.enqueueSnackbar(\"Preencha um valor para Sexo corretamente\")\n return;\n }\n\n if (!temp.estadoCivil || !existIn(temp.estadoCivil, [1, 2, 3, 4, 5, 6])) {\n this.props.enqueueSnackbar(\"Preencha um valor para Estado Cívil corretamente\")\n return;\n }\n\n // preencha ao menos um email\n if(!ukAssociado) {\n if ((!temp.email || (temp.email.trim() === \"\"))) {\n this.props.enqueueSnackbar(\"Preencha um E-mail\")\n return;\n }\n\n if (!validateEmail(temp.email)) {\n this.props.enqueueSnackbar(\"Preencha um E-mail Válido\")\n return;\n }\n }\n\n if (!this.props.match.params.uk) {\n if (!temp.senha || (temp.senha.trim() === \"\")) {\n this.props.enqueueSnackbar(\"Preencha uma Senha\")\n return;\n }\n }\n\n if(!temp.isNaoSocio) {\n if (!temp._dtAssociacao || (temp._dtAssociacao.trim() === \"\")) {\n this.props.enqueueSnackbar(\"Preencha a Data de Associação\")\n return;\n }\n }\n\n if (moment(temp['_dtNascimento']).isValid()) {\n temp['dtNascimento'] = moment(temp['_dtNascimento']).format('YYYY-MM-DD') + \"T00:00:00\"\n }\n if (moment(temp['dtExpedicao']).isValid()) {\n temp['dtExpedicao'] = moment(temp['_dtExpedicao']).format('YYYY-MM-DD') + \"T00:00:00\"\n }\n if (moment(temp['dtAssociacao']).isValid()) {\n temp['dtAssociacao'] = moment(temp['_dtAssociacao']).format('YYYY-MM-DD') + \"T00:00:00\"\n }\n\n temp['foto'] = null;\n\n delete temp['files'];\n delete temp['filesRemovidos'];\n\n let saveUser = true;\n this.setState({ loading: true });\n\n if(!!usuarioDesligar) {\n const responseUserUpdate = await api.put(\"/api/user\", usuarioDesligar);\n await api.get(`/api/integracoes/khronos/user/${usuarioDesligar.id}`);\n saveUser = !!('data' in responseUserUpdate)\n temp.unidadeSuperlogica = usuarioDesligar.unidadeSuperlogica;\n }\n\n let dataUser = JSON.stringify(temp);\n\n if(saveUser) {\n fetch(Config._HOST + \"/api/user\",\n {\n body: dataUser,\n method: this.props.match.params.uk ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(async data => {\n if (data.status === 200) {\n const dataSend = new FormData();\n\n await handleDeleteFile(this.state.filesRemovidos);\n await handleUploadArrayFile(data.data.uk, 'documentos', this.state.files);\n\n if (this.sendFile(dataSend)) {\n await this.handleUploadfile(data.data.id, data.data.uk, dataSend, false);\n }\n else {\n this.props.enqueueSnackbar(data.mensagem, { variant: 'success' });\n\n if(temp.profile.id !== 4) {\n const responseKhronos = await api.get(`/api/integracoes/khronos/user/${data.data.id}`);\n this.props.enqueueSnackbar(responseKhronos ? 'Integrado com sucesso na Khronos!' : 'Erro ao integrar na Khronos!', { variant: responseKhronos ? 'success' : 'error' });\n\n if(!ukAssociado) {\n const responseSuperlogica = await api.get(`/api/integracoes/superlogica/user/${data.data.id}`);\n this.props.enqueueSnackbar(responseSuperlogica ? 'Integrado com sucesso no Superlogica!' : 'Erro ao integrar no Superlogica!', { variant: responseSuperlogica ? 'success' : 'error' });\n }\n }\n\n this.setState({ loading: false })\n this.props.history.push(!!ukAssociado ? `${HISTORY_BACK}/${ukAssociado}/dependentes` : HISTORY_BACK);\n }\n }\n else {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(data.mensagem, { variant: 'error' });\n }\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\");\n });\n }\n else {\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\");\n }\n }\n\n create = async () => {\n const { numeroTitulo, id } = this.state;\n\n if(this.state.cpfOrcnpj.length === 14 && !isValidCPF(this.state.cpfOrcnpj)) {\n this.props.enqueueSnackbar(\"O campo CPF invalido!\")\n return;\n }\n\n if(this.state.cpfOrcnpj.length === 18 && !isValidCNPJ(this.state.cpfOrcnpj)) {\n this.props.enqueueSnackbar(\"O campo CNPJ invalido!\")\n return;\n }\n\n await setTimeout(async () => {\n this.setState({ loading: true });\n\n if(!!numeroTitulo) {\n let filter = {\n numero_titulo: numeroTitulo,\n 'status_acesso!=': 8\n }\n\n filter = !!id ? { ...filter, 'id!=': id } : filter;\n const response = await api.get(`/api/user?${jsonToUrlFilter(filter)}`);\n\n if(response.data.length) {\n this.setState({ loading: false });\n\n await confirmAlert({\n title: 'Outro associado já está ativo com esse titulo!',\n message: `Desligar associado (${response.data[0].cpfOrcnpj}) ${response.data[0].name}?`,\n buttons: [\n { label: 'Não' },\n {\n label: 'Sim',\n onClick: async () => {\n this.setState({ loading: true });\n const responseUser = await api.get(`/api/user/${response.data[0].uk}`);\n\n if('data' in responseUser) {\n responseUser.data.observacoes = `TITULO TRANSFERIDO PARA \"${this.state.name}\" EM ${moment().format('DD/MM/YYYY')}`;\n responseUser.data.statusAcesso = 8;\n await this.handleSave(responseUser.data);\n this.setState({ loading: false });\n }\n else {\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n }\n }\n }\n ]\n });\n }\n else {\n await this.handleSave();\n }\n }\n else {\n await this.handleSave();\n }\n }, 500);\n }\n\n handleUploadfile = async (id, uk, data, onlySaveImage = true) => {\n const { ukAssociado } = this.props.match.params;\n this.setState({ loading: true });\n const responseFoto = await api.post(`/api/bucket/owner/${uk}/foto-capa`, data);\n\n if (responseFoto.status === 200) {\n this.props.enqueueSnackbar(uk ? \"Foto atualizada com sucesso\" : \"Foto salva com sucesso\", { variant: 'success' });\n }\n else {\n this.props.enqueueSnackbar(uk, \"Ops, foto não foi salva.\", { variant: 'error' });\n }\n\n if(!onlySaveImage) {\n const responseKhronos = await api.get(`/api/integracoes/khronos/user/${id}`);\n this.props.enqueueSnackbar(responseKhronos ? 'Integrado com sucesso na Khronos!' : 'Erro ao integrar na Khronos!', { variant: responseKhronos ? 'success' : 'error' });\n\n if(!ukAssociado) {\n const responseSuperlogica = await api.get(`/api/integracoes/superlogica/user/${id}`);\n this.props.enqueueSnackbar(responseSuperlogica ? 'Integrado com sucesso no Superlogica!' : 'Erro ao integrar no Superlogica!', { variant: responseSuperlogica ? 'success' : 'error' });\n }\n }\n\n this.setState({ loading: false });\n }\n\n sendFile = (dataSend) => {\n let sendFile = false;\n\n if (this.state.avatar) {\n dataSend.append('file', b64toBlob(this.state.avatar), Config.FOTO_CAPA);\n sendFile = true;\n }\n\n return sendFile ? dataSend : null;\n }\n\n addTelefone = () => {\n const { listaTelefone } = this.state;\n\n listaTelefone.push({\n tipo: 0,\n telefone: null\n })\n\n this.setState({ listaTelefone: listaTelefone });\n }\n\n addCarteirinha = () => {\n const { listaCarteirinhas } = this.state;\n\n listaCarteirinhas.push({\n numero: null,\n validadeExame: null,\n userEntity: { id: this.state.id }\n })\n\n this.setState({ listaCarteirinhas });\n }\n\n addEndereco = () => {\n const { listaEnderecos } = this.state;\n\n listaEnderecos.push({\n bairro: null,\n cep: null,\n cidade: null,\n complemento: null,\n estado: 24,\n id: null,\n logradouro: null,\n numero: null,\n principal: false,\n tipo: null,\n uk: null,\n })\n\n this.setState({ listaEnderecos: listaEnderecos });\n }\n\n removeTelefone = async (index, telefone) => {\n this.setState({ loading: true })\n if(telefone.id) await api.delete(\"/api/user/telefone/\" + telefone.id);\n this.setState({ listaTelefone: this.state.listaTelefone.filter((single, key) => key !== index) });\n this.setState({ loading: false })\n }\n\n removeEndereco = async (index, endereco) => {\n this.setState({ loading: true })\n if(endereco.id) await api.delete(\"/api/user/endereco/\" + endereco.id);\n this.setState({ listaEnderecos: this.state.listaEnderecos.filter((single, key) => key !== index) });\n this.setState({ loading: false })\n }\n\n handleInputChangeTelefone = (value, single, index) => {\n let { listaTelefone } = this.state;\n listaTelefone[index].telefone = phoneMask(value);\n this.setState({ listaTelefone });\n }\n\n handleInputChangeTelefoneTipo = (value, single, index) => {\n let { listaTelefone } = this.state;\n listaTelefone[index].tipo = value;\n this.setState({ listaTelefone });\n }\n\n delete() {\n const { ukAssociado } = this.props.match.params;\n this.setState({ loading: true });\n let dataUser = JSON.stringify(this.state);\n\n fetch(Config._HOST + \"/api/user\",\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem)\n this.setState({\n loading: false\n }, () => {\n if (data.status === 200) {\n this.props.history.push(!!ukAssociado ? `${HISTORY_BACK}/${ukAssociado}/dependentes` : HISTORY_BACK);\n }\n })\n }).catch(e => {\n this.setState({\n loading: false,\n })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n handleChangeDropzone = (key, value) => {\n this.setState({ [key]: value });\n }\n\n handleChangeTipoEndereco = (e, targetIndex) => {\n const { value } = e.target;\n let { listaEnderecos } = this.state;\n listaEnderecos[targetIndex].tipo = value;\n this.setState({ listaEnderecos });\n }\n\n render() {\n const { uk, ukAssociado } = this.props.match.params;\n const { isNaoSocio } = this.state;\n\n return (\n <>\n {this.state.loading && (\n \n {parseInt(single.tipo) === 0 ? (\n single.telefone === null ? event.preventDefault() : ''}\n className=\"btn btn-outline-secondary\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n \n \n ) : (\n single.telefone === null ? event.preventDefault() : ''}\n className=\"btn btn-outline-secondary\"\n >\n \n \n )}\n
\n \n
\n )}\n\n \n
\n }\n titulo={(uk ? this.state.name : \"\")\n }\n />\n\n {/* Page content */}\n \n \n {!isNaoSocio ? (\n \n VOLTAR\n \n ) : (\n \n VOLTAR\n \n )}\n\n {!!uk && !ukAssociado && !isNaoSocio && (\n \n DEPENDENTES\n \n )}\n\n {!!uk && !ukAssociado && (\n \n HISTÓRICO FINANCEIRO\n \n )}\n\n {!!uk && !ukAssociado && !isNaoSocio && (\n \n HISTÓRICO RESERVAS\n \n )}\n\n {!!uk && !ukAssociado && !isNaoSocio && (\n \n CERTIFICADOS\n \n )}\n\n \n
\n \n {!isNaoSocio ? (uk ? \"Atualizar Associado\" : \"Cadastrar Novo Associado\") : (uk ? \"Atualizar Não Sócio\" : \"Cadastrar Novo Não Sócio\") }\n
\n \nNão existem Dependentes Cadastrados
\nFiltro de Dependentes não encontrado.
\n\n \n \n
\n
\n );\n }\n\n render() {\n const { loading } = this.state;\n const { uk } = this.props.match.params;\n\n return (\n <>\n | FOTO | \nNOME | \nRG | \nCPF/CNPJ | \nAÇÃO | \n
|---|---|---|---|---|
| \n | \n {single.name ? single.name : \"-\"} | \n{single.rg ? single.rg : '-'} | \n{single.cpfOrcnpj ? single.cpfOrcnpj : '-'} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n } titulo={\"Dependentes\"} subTitulo={\"Módulo de Gestão para Dependentes de \" + this.state.name} />\n\n \n \n \n \n {loading && \n
\n Total Dependentes ({this.state.data.length})
\nNão existem Contas a {type === 'receber' ? 'Receber' : 'Pagar'}
\n\n \n \n
\n\n {filter._page < total_pages && (\n \n )}\n
\n )\n }\n\n render() {\n const { filter, total_data, categorias, categoria } = this.state;\n const { uk } = this.props.match.params;\n\n return (\n <>\n | \n \n onChangeCheckbox(value, \"select-all\", this)} checked={!this.state.checkAll} />\n \n \n | \n SÓCIO | \nCATEGORIA | \nVALOR PARCELA | \nVALOR TOTAL | \nVENCIMENTO | \nEMISSÃO DO BOLETO VIA | \nSTATUS | \nBOLETO | \nVALOR PAGO | \nPAGO DIA | \nCRÉDITADO NA CONTA | \nJUROS/MULTA | \nAÇÃO | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n value === single.uk))} onChange={(value) => onChangeCheckbox(value, single.uk, this)} />\n \n \n | \n \n {single.financeiroContasEntity.cliente && single.financeiroContasEntity.cliente.name ? (\n \n {single.financeiroContasEntity.cliente.name}\n \n ) : single.financeiroContasEntity.fornecedor && single.financeiroContasEntity.fornecedor.nome ? (\n \n {single.financeiroContasEntity.fornecedor.nome}\n \n ) : \"-\"}\n | \n\n {single.financeiroContasEntity.ct && single.financeiroContasEntity.ct.nome}\n | \n\n {numeral(single.valorPagamento).format('$ 0,0.00')}\n {single.financeiroContasEntity.numeroParcelas > 1 && ` (Parcela ${single.parcela} de ${single.financeiroContasEntity.numeroParcelas})`}\n | \n{numeral(single.financeiroContasEntity.vlTotal).format('$ 0,0.00')} | \n\n{single.dtVencimento ? moment(single.dtVencimento).format('DD/MM/YYYY') : '-'} | \n{single.emitirBoletoVia && single.emitirBoletoVia.toUpperCase()} | \n\n {single.linkBoleto !== null && (\n \n \n Boleto\n \n )}\n | \n{numeral(single.valorPagamentoRecebido).format('$ 0,0.00')} | \n{single.dtRecebimento ? moment(single.dtRecebimento).format('DD/MM/YYYY') : '-'} | \n{single.dtCreditoConta ? moment(single.dtCreditoConta).format('DD/MM/YYYY') : '-'} | \n{(single.valorPagamentoRecebido && parseFloat(single.valorPagamentoRecebido.toFixed(2)) > parseFloat(single.valorPagamento.toFixed(2))) ? numeral(single.valorPagamentoRecebido - single.valorPagamento).format('$ 0,0.00') : '-'} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n
\n \n }\n titulo='HISTÓRICO FINANCEIRO'\n subTitulo='Histórico Financeiro do associado'\n />\n Total a Receber ({total_data ? total_data : 0})
\n\n \n \n
\n\n {this.state.loading &&
\n )\n }\n\n render() {\n const { uk } = this.props.match.params;\n\n return (\n <>\n {/* | LOCAL | \nData Início | \nDia da Semana | \nResponsável | \nStatus | \n\n |
|---|---|---|---|---|---|
| {single.ambiente.nome} | \n{moment(single.dtInicio).format('DD/MM') + \" às \" + moment(single.dtInicio).format('HH:MM')} | \n{TranslaterDayOfMonth(moment(single.dtInicio).isoWeekday())} | \n{single.usuario && single.usuario.name ? single.usuario.name : \"-\"} | \n{getStatusReserva(single.status)} | \n\n \n \n \n \n \n | \n
\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"HISTÓRICO RESERVAS\"} subTitulo={\"Módulo de Gestão de Histórico de Reservas\"}\n />\n \n \n \n \n {this.renderContent()}\n \n
\n Histórico Reservas ({this.state.data.length})
\nNenhuma carteirinha encontrada!
\n\n \n \n
\n\n {filter._page < total_pages && (\n \n )}\n\n
\n )\n }\n\n render() {\n const { filter, total_data } = this.state;\n\n return (\n <>\n | NOME | \nNÚMERO | \nVALIDADE EXAME | \nTIPO | \n
|---|---|---|---|
| \n \n {item.userEntity.name}\n \n | \n{item.numero} | \n{moment(item.validadeExame).isValid() ? moment(item.validadeExame).format('DD/MM/YYYY') : '-'} | \n{item.userEntity.profile.id === 2 ? \"ASSOCIADO\" : 'DEPENDENTE'} | \n
Total ({total_data ? total_data : 0})
\n\n {!!total_data && (\n <>\n\n {this.state.eventosLoad ?
Linha do Tempo de Eventos
:Não existem registros de eventos até o momento.
}\n \n {!this.state.eventosLoad && this.state.eventos.length > 0 ?\n\n
\n } titulo={this.state.name} subTitulo={\"Página de controle do Associado\"} />\n \n \n \n VOLTAR\n \n \n \n \n \n DEPENDENTES\n \n \n
\n \n \n \n
\n
\n );\n }\n\n render() {\n const { uk } = this.props.match.params;\n\n return (\n <>\n | NOME | \nAÇÃO | \n
|---|---|
| \n \n Ficha de Sócio\n | \n\n \n \n \n \n \n | \n
| \n \n Certificado de Título Patrimonial\n | \n\n \n \n | \n
| \n \n Certificado de Atirador\n | \n\n \n \n \n \n \n | \n
\n \n \n VOLTAR\n \n \n
\n \n } titulo={\"Certificados\"} subTitulo={\"Módulo de Certificados\"} />\n\n \n \n {this.renderContent()}\n \n
\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Categorias\"}\n subTitulo={(this.props.match.params.uk ? \"Atualizar Categoria\" : \"Cadastrar nova Categoria\")} />\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar Categoria\" : \"Cadastro de Categoria\"}\n
\n \n\n \n this.props.history.push('/admin/categoria/novo')}>\n NOVO\n \n \n
\n \n }\n titulo={\"Categoria\"} subTitulo={\"Controle geral de Categorias\"} />\n {/* Page content */}\n \n \n {this.renderContent()}\n \n
\n Não existem Categorias cadastradas
\n| NOME | \nAÇÃO | \n
|---|---|
| {single.nome} | \n\n \n \n | \n
Não Existem Compras cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | DESCRIÇÃO | \nQUANTIDADE | \nPREÇO | \nDATA DE COMPRA | \nAÇÃO | \n
|---|---|---|---|---|
| {single.descricao ? single.descricao : \"-\"} | \n{single.quantidade ? single.quantidade : \"-\"} | \n{single.preco ? single.preco : \"-\"} | \n{single.dataCompra ? moment(single.dataCompra.split('.000')[0]).format(\"DD/MM/YYYY \\\\à\\\\s hh:mm\") : \"-\"} | \n\n | \n
\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Compras\"} subTitulo={\"Módulo de Gestão para Compras\"}\n />\n\n {/* Page content */}\n \n \n \n \n \n \n \n \n \n \n { this.searchUpdated(value.target.value.toUpperCase()) }}\n value={this.state.searchTerm}\n placeholder=\"Buscar por nome\" type=\"text\"\n />\n \n */}\n \n\n {this.renderContent()}\n\n \n
\n Total de Compras ({this.state.data.length})
\n\n {/*\n \n \n \n handleChange({ descricao: value.target.value.toUpperCase() })}\n value={state.descricao}\n />\n \n \n \n \n handleChange({ quantidade: value.target.value.toUpperCase() })}\n value={state.quantidade}\n />\n \n \n \n \n \n \n\n \n \n option.nome}\n onChange={(_, value) => handleChange({ \"fornecedor\": value })}\n onInputChange={(_, value) => this.searchFornecedor(value)}\n inputMode=\"text\"\n key=\"fornecedor\"\n loading={state.loadSelect}\n value={state.fornecedor ? state.fornecedor : null}\n renderInput={(params) => (\n \n {state.loadSelect ? \n \n\n \n \n \n handleChange({ 'condicaoPagamento': value.target.value })}\n value={state.condicaoPagamento}\n >\n \n \n \n \n \n \n \n \n \n \n {\n if (moment(value.target.value.toUpperCase()).isValid())\n handleChange({ dataCompra: value.target.value.toUpperCase() })\n }}\n className=\"form-control\"\n />\n \n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/compras';\nconst ROUTE_API = '/api/compra';\n\nclass CompraCrud extends React.Component {\n state = {\n dataFornecedores: [],\n condicaoPagamento: \"Boleto\",\n loadSelect: false\n }\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.id) {\n this.findBy(this.props.match.params.id)\n }\n\n this.setState({ session: user })\n }\n\n findBy = (id) => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({\n ...response,\n tipo: (response.tipo && response.tipo ? response.tipo.id : null),\n status: (response.status && response.status ? response.status.id : null),\n dataUsers: [response.relator, ...response.envolvidos],\n data: response.data.split('.000')[0]\n })\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n delete() {\n const { id } = this.props.match.params;\n this.setState({ loading: true });\n\n let dataUser = JSON.stringify(this.state)\n fetch(Config._HOST + `${ROUTE_API}/${id}`,\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem)\n this.setState({\n loading: false\n }, () => {\n if (data.status === 200) {\n this.props.history.push('/admin/agenda/' + this.props.match.params.uk + '/convidados')\n }\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n create(id) {\n let temp = this.state;\n\n if (!this.state.tipo || this.state.tipo === 0) {\n this.props.enqueueSnackbar(\"Selecione um Tipo\")\n return;\n }\n if (!this.state.status || this.state.status === 0) {\n this.props.enqueueSnackbar(\"Selecione um Status\")\n return;\n }\n if (!this.state.descricao || this.state.descricao === \"\") {\n this.props.enqueueSnackbar(\"Campo Descrição em branco\")\n return;\n }\n if (!this.state.relator || this.state.relator === 0) {\n this.props.enqueueSnackbar(\"Selecione uma Relator\")\n return;\n }\n if (!this.state.envolvidos || this.state.envolvidos === 0) {\n this.props.enqueueSnackbar(\"Selecione os Envolvidos\")\n return;\n }\n if (!this.state.data || this.state.data === \"\") {\n this.props.enqueueSnackbar(\"Campo Data em branco\")\n return;\n }\n\n this.setState({ loading: true });\n\n temp[\"tipo\"] = { \"id\": temp.tipo };\n temp[\"status\"] = { \"id\": temp.status };\n\n let agendaData = JSON.stringify(temp);\n fetch(Config._HOST + `${ROUTE_API}/${id ? id : ''}`,\n {\n body: agendaData,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem)\n this.setState({ loading: false }, () => {\n this.props.history.push('/admin/compras')\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n handleChangeValorTotal = (event, value, maskedValue) => {\n event.preventDefault();\n this.setState({ vlTotal: value })\n };\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR OCORRENCIA\" : \"NOVO OCORRENCIA\"}\n subTitulo={\"Gerenciamento das Compras\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Compra\" : \"Cadastrar Novo Compra\"}\n
\n \nNão Existem Comunicados cadastrados
\n\n \n \n
\n {this.state.totalData > this.state.data.length ? (\n \n ) : }\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nDATA CADASTRO | \nAÇÃO | \n
|---|---|---|
| {single.nome ? single.nome : \"-\"} | \n{single.dataCadastro ? moment(single.dataCadastro).format(\"DD/MM/YYYY\") : \"-\"} | \n\n \n \n | \n
\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"COMUNICADOS\"} subTitulo={\"Módulo de Gestão para Comunicados\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Comunicados ({this.state.data ? this.state.data.length : 0})
\n\n \n \n \n handleChange('nome', value.target.value.toUpperCase())}\n value={state.nome ? state.nome : ''}\n />\n \n \n \n \n handleChange('dataPublicacao', value.target.value)}\n className=\"form-control\"\n />\n \n \n \n \n handleChange('mensagem', value.target.value)}\n />\n \n \n
\n
\n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\n\n// reactstrap components\nimport { Card, CardBody, CardHeader, Col, Container, Form, Row } from \"reactstrap\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport Config from \"Config\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport { withSnackbar } from \"notistack\";\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\nimport { BoxLoading } from \"react-loadingg\";\nimport 'rodal/lib/rodal.css';\nimport api from \"services/api\";\nimport { handleDeleteFile, handleUploadArrayFile } from \"utils/file\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport { req } from 'utils/req';\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport FormFields from \"./Form/FormFields\";\nimport ButtonControl from \"views/components/ButtonControl\";\nimport moment from \"moment\";\n\nconst HISTORY_BACK = '/admin/comunicados';\nconst ROUTE_API = '/api/comunicado';\n\nclass ComunicadoNovo extends React.Component {\n state = {\n files: [],\n filesRemovidos: [],\n dataCadastro: new Date(),\n dataPublicacao: moment().format('YYYY-MM-DDTHH:mm:ss'),\n loading: false\n };\n\n async componentDidMount() {\n const { id } = this.props.match.params;\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (id) await this.findBy();\n }\n\n findBy = async () => {\n this.setState({ loading: true })\n const { id } = this.props.match.params;\n\n let response = await api.get(`${ROUTE_API}/${id}`);\n this.setState({ ...response });\n let responseFiles = await api.get(`/api/bucket?${jsonToUrlFilter({ owner: response.uk })}`);\n this.setState({ files: responseFiles.data, loading: false })\n }\n\n create = async (id) => {\n let files = this.state.files;\n let temp = this.state;\n temp.files = [];\n\n if (!this.state.mensagem && files.length === 0) {\n this.props.enqueueSnackbar(\"Informe uma mensagem ou um anexo!\");\n return;\n }\n\n this.setState({ loading: true });\n await handleDeleteFile(this.state.filesRemovidos);\n\n req(ROUTE_API, temp, id)\n .then(async (response) => {\n if(!response || ('status' in response && response.status !== 200)) throw new Error(\"Ocorreu um Erro!\");\n if (files.length > 0) {\n const isUploaded = await handleUploadArrayFile(response.uk, 'comunicado', files)\n if(isUploaded !== 200) throw new Error(\"Falha ao salvar o arquivo.\")\n this.props.enqueueSnackbar(\"Arquivo salvo com sucesso\")\n }\n\n this.props.enqueueSnackbar(response.id ? \"Atualizado com Sucesso!\" : \"Criado com Sucesso!\");\n this.props.history.push(HISTORY_BACK);\n this.setState({ loading: false });\n }).catch((e) => {\n this.props.enqueueSnackbar(e.message);\n this.setState({ loading: false });\n });\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n const { loading } = this.state;\n\n return (\n <>\n {loading && (\n \n
Botão
\n\n \n \n \n handleChange('textoBotao', value.target.value.toUpperCase())}\n value={state.textoBotao ? state.textoBotao : ''}\n />\n \n \n \n \n handleChange('linkBotao', value.target.value)}\n value={state.linkBotao ? state.linkBotao : ''}\n />\n \n \n
\n
\n \n
Anexo
\n\n \n
\n
\n \n
\n )}\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR COMUNICADOS\" : \"NOVO COMUNICADOS\"}\n subTitulo={\"Gerenciamento dos Comunicados\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Comunicados\" : \"Cadastrar Novo Comunicados\"}\n
\n \nNão Existem Controle de Acesso cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | PESSOA | \nTIPO DE PESSOA | \nTIPO DE ABERTURA | \nZONA | \nPLACA DO VEÍCULO | \nDATA | \nAÇÃO | \n
|---|---|---|---|---|---|---|
| \n {single.usuario ? single.usuario.name\n : single.fornecedor ? single.fornecedor.nome\n : single.visitante ? single.visitante.nome\n : '-'}\n | \n\n {single.usuario ? \"Usuário\"\n : single.fornecedor ? \"Fornecedor / Prestador\"\n : single.visitante ? \"Visitante\"\n : '-'}\n | \n{single.tipoAbertura ? single.tipoAbertura.nome : '-'} | \n{single.zona ? single.zona.nome : '-'} | \n{single.placaVeiculo ? single.placaVeiculo : '-'} | \n{single.dataHora ? (\n moment(single.dataHora).format('DD/MM/YYYY') + \" às \" +\n moment(single.dataHora).format('HH:mm')\n ) : \"-\"} | \n\n | \n
\n \n \n \n \n \n
\n \n }\n titulo={\"Controle de Acesso\"} subTitulo={\"Módulo de Gestão para Controle de Acesso\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Controle de Acesso ({this.state.data.length})
\n\n \n \n \n \n { handleChange({ tipoBusca: value.target.value }) }}\n value={state.tipoBusca}\n >\n \n \n \n \n \n \n \n\n {state.tipoBusca === \"Usuário\" ? (\n \n \n option.name}\n onChange={(_, value) => handleChange({ usuario: value })}\n onInputChange={(_, value) => this.searchUsuario(value)}\n inputMode=\"text\"\n key=\"usuario\"\n loading={state.loadUsuario}\n value={state.usuario}\n renderInput={(params) => (\n \n {state.loadUsuário ? \n \n ) : state.tipoBusca === \"Fornecedor\" ? (\n <>\n \n \n option.nome}\n onChange={(_, value) => handleChange({ fornecedor: value })}\n onInputChange={(_, value) => this.searchFornecedor(value)}\n inputMode={\"text\"}\n key=\"fornecedor\"\n loading={state.loadFornecedor}\n value={state.fornecedor}\n renderInput={(params) => (\n \n {state.loadFornecedor ? \n \n \n \n option.nome}\n onChange={(_, value) => handleChange({ visitante: value })}\n onInputChange={(_, value) => this.searchVisitante(value)}\n inputMode=\"text\"\n key=\"visitante\"\n loading={state.loadVisitante}\n value={state.visitante}\n renderInput={(params) => (\n \n {state.loadVisitante ? \n \n
\n \n \n \n {\n if (moment(value.target.value.toUpperCase()).isValid())\n handleChange({ dataHora: value.target.value.toUpperCase() })\n }}\n className=\"form-control\"\n />\n \n \n\n \n \n handleChange({ placaVeiculo: value.target.value.toUpperCase() })}\n value={state.placaVeiculo}\n />\n \n \n \n \n \n { handleChange({ tipoAbertura: value.target.value }) }}\n value={state.tipoAbertura}\n >\n {state.dataTipoAbertura.map(value => (\n \n ))}\n \n \n \n \n \n \n \n { handleChange({ zona: value.target.value }) }}\n value={state.zona}\n >\n {state.dataZona.map(value => (\n \n ))}\n \n \n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/controle-acesso';\nconst ROUTE_API = '/api/controle-acesso';\n\nclass controleAcessoCrud extends React.Component {\n state = {\n tipoBusca: \"Usuário\",\n dataHora: '',\n dataFornecedor: [],\n dataUsuario: [],\n dataVisitante: [],\n Usuario: '',\n fornecedor: '',\n visitante: '',\n dataTipoAbertura: [],\n dataZona: [],\n tipoAbertura: '',\n zona: ''\n }\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.id) {\n this.findBy(this.props.match.params.id)\n }\n\n this.setState({ session: user })\n }\n\n findBy = (id) => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({ ...response.data })\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n delete() {\n const { id } = this.props.match.params;\n this.setState({ loading: true });\n\n let dataUser = JSON.stringify(this.state);\n fetch(Config._HOST + `${ROUTE_API}/${id}`,\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem)\n this.setState({\n loading: false\n }, () => {\n if (data.status === 200) {\n this.props.history.push('/admin/agenda/' + this.props.match.params.uk + '/convidados')\n }\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n create(id) {\n let temp = this.state;\n\n // Associado\n if (temp.tipoBusca === \"Associado\") {\n if (!this.state.associado) {\n this.props.enqueueSnackbar(\"Selecione uma Associado\")\n return;\n }\n }\n else {\n temp.associado = null;\n }\n\n // Fornecedor\n if (temp.tipoBusca === \"Fornecedor\") {\n if (!this.state.fornecedor) {\n this.props.enqueueSnackbar(\"Selecione um Fornecedor\")\n return;\n }\n }\n else {\n temp.fornecedor = null;\n }\n\n // Visitante\n if (temp.tipoBusca === \"Visitante\") {\n if (!this.state.visitante) {\n this.props.enqueueSnackbar(\"Selecione um Visitante\")\n return;\n }\n }\n else {\n temp.visitante = null;\n }\n\n\n if (!this.state.dataHora || this.state.dataHora === \"\") {\n this.props.enqueueSnackbar(\"Selecione uma Data\")\n return;\n }\n if (!this.state.tipoAbertura || this.state.tipoAbertura === 0) {\n this.props.enqueueSnackbar(\"Selecione um Tipo de Abertura\")\n return;\n }\n if (!this.state.zona || this.state.zona === 0) {\n this.props.enqueueSnackbar(\"Selecione um Zona\")\n return;\n }\n\n this.setState({ loading: true });\n\n let data = JSON.stringify(temp);\n fetch(Config._HOST + ROUTE_API + '/' + (id ? id : ''),\n {\n body: data,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.setState({ loading: false });\n\n if (data.status === 400) {\n this.props.enqueueSnackbar(data.message)\n }\n else {\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.props.history.push(HISTORY_BACK)\n }\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR CONTROLE ACESSO\" : \"NOVO CONTROLE ACESSO\"}\n subTitulo={\"Gerenciamento dos Controle Acesso\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Controle Acesso\" : \"Cadastrar Novo Controle Acesso\"}\n
\n \nNão Existem Deliberação da Diretoria cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | TIPO REUNIÃO | \nTIPO ORGÃO | \nDATA | \nAÇÃO | \n
|---|---|---|---|
| {single.tipoReuniao ? single.tipoReuniao : \"-\"} | \n{single.tipoOrgao ? single.tipoOrgao : \"-\"} | \n{single.data ? moment(single.data).format(\"DD/MM/YYYY\") : \"-\"} | \n\n \n \n | \n
\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Deliberação da Diretoria\"} subTitulo={\"Módulo de Gestão para Deliberação da Diretoria\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Deliberação da Diretoria ({this.state.data.length})
\n\n \n \n \n \n handleChange('tipoReuniao', value.target.value)}\n >\n \n \n \n \n \n \n \n \n \n handleChange('tipoOrgao', value.target.value)}\n >\n \n \n \n \n \n \n \n \n \n \n handleChange('data', value.target.value)}\n value={state.data}\n />\n \n \n \n \n handleChange('observacao', value.target.value.toUpperCase())}\n value={state.observacao}\n />\n \n \n
\n
\n \n
Anexo
\n\n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React, { Component } from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport { handleUploadArrayFile } from \"utils/file\";\nimport api from \"services/api\";\nimport { handleDeleteFile } from \"utils/file\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport { BoxLoading } from \"react-loadingg\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/deliberacao-diretoria';\nconst ROUTE_API = '/api/deliberacao-diretoria';\n\nclass DeliberacaoDiretoriaCrud extends Component {\n state = {\n tipoReuniao: \"Ordinária\",\n tipoOrgao: \"Executivo\",\n files: [],\n filesRemovidos: []\n }\n\n async componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER));\n\n if (!user) {\n window.localStorage.removeItem(Config._USER);\n this.props.history.replace('/auth');\n return;\n }\n\n if (this.props.match.params.id)\n this.findBy(this.props.match.params.id);\n\n this.setState({ session: user });\n }\n\n findBy = async (id) => {\n this.setState({ loading: true })\n\n let response = await api.get(`${ROUTE_API}/${id}`);\n this.setState(response);\n let responseFiles = await api.get(`/api/bucket?${jsonToUrlFilter({ owner: response.uk })}`);\n this.setState({ files: responseFiles.data, loading: false })\n }\n\n create = async (id) => {\n let files = this.state.files;\n\n if (files.length === 0) {\n this.props.enqueueSnackbar(\"Envie um arquivo!\");\n return;\n }\n\n if (!this.state.data || this.state.data.length === 0) {\n this.props.enqueueSnackbar(\"Campo data não preenchido!\");\n return;\n }\n\n if (!this.state.observacao || this.state.observacao.length === 0) {\n this.props.enqueueSnackbar(\"Campo observação não preenchido!\");\n return;\n }\n\n await handleDeleteFile(this.state.filesRemovidos);\n let temp = this.state;\n temp.files = [];\n\n this.setState({ loading: true });\n let response = null;\n\n if(id)\n response = await api.put(`${ROUTE_API}/${id}`, temp);\n else\n response = await api.post(`${ROUTE_API}/`, temp);\n\n if (files.length > 0) {\n this.props.enqueueSnackbar(await handleUploadArrayFile(response.uk, 'documento', files) === 200 ? \"Upload Realizada com sucesso\" : \"Falha no upload do arquivo.\")\n }\n\n this.props.enqueueSnackbar(id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\");\n\n this.setState({ loading: false });\n this.props.history.push(HISTORY_BACK);\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n const { loading } = this.state;\n\n return (\n <>\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR DELIBERAÇÃO DA DIRETORIA\" : \"NOVO DELIBERAÇÃO DA DIRETORIA\"}\n subTitulo={\"Gerenciamento da Deliberação da Diretoria\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Deliberação da diretoria\" : \"Cadastrar Novo Deliberação da diretoria\"}\n
\n \nNão Existem Documentos Cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nCATEGORIA | \nAÇÃO | \n
|---|---|---|
| {single.nome ? single.nome : \"-\"} | \n{single.categoria ? single.categoria.nome : \"\"} | \n\n \n \n | \n
\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Documentos\"} subTitulo={\"Módulo de Gestão para Documentos\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Documentos ({this.state.data.length})
\n\n \n \n \n handleChange( \"nome\", value.target.value.toUpperCase() )}\n value={state.nome}\n />\n \n \n \n \n {/* handleChange(\"categoria\", value.target.value)}\n > */}\n {/* */}\n {/* {state.categorias.map(single => {\n // return \n })} */}\n {/* */}\n handleChange(\"categoria\", value)}\n options={state.categorias.map(data => ({label: data.nome, value: data.id}))}\n />\n \n \n
\n
\n \n
Anexo
\n\n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport { handleUploadArrayFile } from \"utils/file\";\nimport api from \"services/api\";\nimport { findAllDocumentoCategorias } from \"utils/find\";\nimport { handleDeleteFile } from \"utils/file\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/documentos';\nconst ROUTE_API = '/api/documentos';\n\nclass DocumentosCrud extends React.Component {\n state = {\n // categoria: {id: 0, nome: \"\"},\n categorias: [],\n files: [],\n filesRemovidos: []\n }\n\n async componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER));\n\n if (!user) {\n window.localStorage.removeItem(Config._USER);\n this.props.history.replace('/auth');\n return;\n }\n\n const response = await findAllDocumentoCategorias();\n this.setState({ categorias: response.data });\n\n if (this.props.match.params.id)\n this.findBy(this.props.match.params.id);\n\n this.setState({ session: user });\n }\n\n findBy = async (id) => {\n this.setState({ loading: true })\n\n let response = await api.get(`${ROUTE_API}/${id}`);\n this.setState({\n ...response,\n categoria: { value: response.categoria.id, label: response.categoria.nome }\n });\n let responseFiles = await api.get(`/api/bucket?${jsonToUrlFilter({ owner: response.uk })}`);\n this.setState({ files: responseFiles.data, loading: false })\n }\n\n create = async (id) => {\n if (!this.state.categoria) {\n this.props.enqueueSnackbar(\"Selecione uma categoria de documento!\")\n return;\n }\n let files = this.state.files;\n if (files.length === 0) {\n this.props.enqueueSnackbar(\"Envie um arquivo!\");\n return;\n }\n await handleDeleteFile(this.state.filesRemovidos);\n let temp = this.state;\n temp.files = [];\n temp.categoria = { id: this.state.categoria.value, nome: this.state.categoria.label }\n this.setState({ loading: true });\n (id ? api.put(`${ROUTE_API}/${id}`, temp) : api.post(`${ROUTE_API}/`, temp))\n .then(async (response) => {\n this.props.enqueueSnackbar(id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\");\n if (files.length > 0) {\n this.props.enqueueSnackbar(await handleUploadArrayFile(response.uk, 'documento', files) === 200 ? \"Upload Realizada com sucesso\" : \"Falha no upload do arquivo.\")\n }\n this.setState({ loading: false }, () => {\n this.props.history.push(HISTORY_BACK);\n })\n })\n .catch((err) => {\n console.error(\"ops! ocorreu um erro\" + err);\n this.setState({ loading: false });\n });\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n return (\n <>\n\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR DOCUMENTO\" : \"NOVO DOCUMENTO\"}\n subTitulo={\"Gerenciamento de Documento\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Documento\" : \"Cadastrar Novo Documento\"}\n
\n \n\n \n\n {status === 1 && (\n \n \n this.setState({ modal: { ...this.state.modal, dtRecebimento: value.target.value } })}\n defaultValue={this.state.modal.dtRecebimento}\n />\n \n \n )}\n\n \n \n this.setState({ modal: { ...this.state.modal, observacao: value.target.value } })}\n />\n \n \n
\n
\n );\n }\n })\n });\n }, 300);\n\n }\n\n exportData = (data, type) => {\n const { type: tipoConta } = this.props.match.params;\n\n data = {\n ...data,\n _limit: 10000,\n [`${data._sort}>=`]: data.data_inicio + \" 00:00:00\",\n [`${data._sort}<=`]: data.data_fim + \" 23:59:59\"\n };\n\n if(tipoConta === 'receber') {\n data['_view'] = {\n template: 3,\n title: `VALORES RECEBIDOS - ${moment(data.data_inicio).format('DD/MM/YYYY')} A ${moment(data.data_fim).format('DD/MM/YYYY')}`,\n head: 'Cliente, Categoria, Valor Parcela, Vencimento, Emissão do Boleto Via, Status, Valor Pago, Pago Dia, Créditado na Conta',\n body: 'financeiroContasEntity.cliente.name,financeiroContasEntity.ct.nome,valorPagamento,dtVencimento:date,emitirBoletoVia,status:statusPagamento,valorPagamentoRecebido,dtRecebimento:date,dtCreditoConta:date'\n };\n }\n else {\n data['_view'] = {\n template: 3,\n title: `VALORES PAGOS - ${moment(data.data_inicio).format('DD/MM/YYYY')} A ${moment(data.data_fim).format('DD/MM/YYYY')}`,\n head: 'Fornecedor, Categoria, Valor Parcela, Vencimento, Status, Pago Dia',\n body: 'financeiroContasEntity.fornecedor.nome,financeiroContasEntity.ct.nome,valorPagamento,dtVencimento:date,status:statusPagamento,dtRecebimento:date'\n };\n }\n\n if(type === \"pdf\") {\n data['_view'] = { ...data['_view'], orientacao: 'landscape' }\n }\n\n delete data['data_inicio'];\n delete data['data_fim'];\n\n return data;\n }\n\n renderContent() {\n const { type } = this.props.match.params;\n const { data, length, total_pages, filter, loading } = this.state;\n\n if (loading) return {\"Mudar status para '\" + (status === 1 ? \"Confirmado\" : \"Cancelado\") + \"'?\"}
\n Todas as cobranças selecionas mudarão de status.\n\n \n {\n const { modal } = this.state;\n\n if(status === 1 && modal.dtRecebimento.length === 0) {\n this.props.enqueueSnackbar(\"preencha o campo 'Data Pagamento'.\");\n return;\n }\n\n if(modal.observacao.length === 0) {\n this.props.enqueueSnackbar(\"preencha o campo 'Observação'.\");\n return;\n }\n\n this.setState({ loading: true });\n onClose();\n\n this.setState({ loading: true });\n const response = await api.put('/api/financeiro/contas/status', { status: status, uks: this.state.checked, ...this.state.modal });\n setTimeout(() => {\n this.findContas();\n }, 300);\n\n this.setState({ loading: false });\n this.props.enqueueSnackbar(response.mensagem);\n }}\n >\n Sim\n \n
\n Não existem Contas a {type === 'receber' ? 'Receber' : 'Pagar'}
\n\n \n \n
\n\n {filter._page < total_pages && (\n \n )}\n
\n )\n }\n\n render() {\n const { filter, total_data, categorias, categoria, associados, cliente, fornecedores, fornecedor, loading } = this.state;\n const { type } = this.props.match.params;\n\n return (\n <>\n | \n \n onChangeCheckbox(value, \"select-all\", this)} checked={!this.state.checkAll} />\n \n \n | \n {type === 'receber' ? 'SÓCIO' : 'FORNECEDOR'} | \nCATEGORIA | \nVALOR PARCELA | \nVALOR TOTAL | \nVENCIMENTO | \nEMISSÃO DO BOLETO VIA | \nSTATUS | \nBOLETO | \nVALOR PAGO | \nPAGO DIA | \nCRÉDITADO NA CONTA | \nJUROS/MULTA | \nAÇÃO | \n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| \n \n value === single.uk))} onChange={(value) => onChangeCheckbox(value, single.uk, this)} />\n \n \n | \n \n {single.financeiroContasEntity.cliente && single.financeiroContasEntity.cliente.name ? (\n \n {single.financeiroContasEntity.cliente.name}\n \n ) : single.financeiroContasEntity.fornecedor && single.financeiroContasEntity.fornecedor.nome ? (\n \n {single.financeiroContasEntity.fornecedor.nome}\n \n ) : \"-\"}\n | \n\n {single.financeiroContasEntity.ct && single.financeiroContasEntity.ct.nome}\n | \n\n {numeral(single.valorPagamento).format('$ 0,0.00')}\n {single.financeiroContasEntity.numeroParcelas > 1 && ` (Parcela ${single.parcela} de ${single.financeiroContasEntity.numeroParcelas})`}\n | \n{numeral(single.financeiroContasEntity.vlTotal).format('$ 0,0.00')} | \n\n{single.dtVencimento ? moment(single.dtVencimento).format('DD/MM/YYYY') : '-'} | \n{single.emitirBoletoVia && single.emitirBoletoVia.toUpperCase()} | \n\n {single.linkBoleto !== null && (\n \n \n Boleto\n \n )}\n | \n{numeral(single.valorPagamentoRecebido).format('$ 0,0.00')} | \n{single.dtRecebimento ? moment(single.dtRecebimento).format('DD/MM/YYYY') : '-'} | \n{single.dtCreditoConta ? moment(single.dtCreditoConta).format('DD/MM/YYYY') : '-'} | \n{(single.valorPagamentoRecebido && parseFloat(single.valorPagamentoRecebido.toFixed(2)) > parseFloat(single.valorPagamento.toFixed(2))) ? numeral(single.valorPagamentoRecebido - single.valorPagamento).format('$ 0,0.00') : '-'} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n {type === 'receber' && (\n \n ACORDO\n \n )}\n \n RECORRÊNCIA\n \n \n
\n \n }\n titulo={`CONTAS A ${type === 'receber' ? 'RECEBER' : 'PAGAR'}`}\n subTitulo={`Controle completo das contas a ${type === 'receber' ? 'Receber' : 'Pagar'}`}\n />\n Total {type === 'receber' ? 'a Receber' : 'a Pagar'} ({total_data ? total_data : 0})
\n\n {!!total_data && (\n <>\n\n \n \n
\n
\n )\n }\n\n renderTotalParcelamentoEdit() {\n const { uk, type } = this.props.props.match.params;\n const { state, handleChange, changeStatus, changeData, showInfo, handleGerarBoleto } = this.props;\n const disabled = !!uk;\n\n const total = state.parcelamentos.sort((a, b) => {\n if (a.parcela < b.parcela)\n return -1;\n if (a.parcela > b.parcela)\n return 1;\n\n return 0;\n })\n\n return (\n | Parcelas | \n )}\nValor | \nStatus | \nData Vencimento | \n
|---|
| Parcelas | \nValor | \nData Vencimento | \nStatus | \n {state.tipoPagamento === 1 && type === 'receber' && (\nLink Boleto | \n )}\n
|---|---|---|---|---|
| {single.parcela}ª Parcela | \n\n | \n \n | \n \n | \n {type === 'receber' && (\n \n {state.tipoPagamento === 1 && !!single.linkBoleto ? (\n \n \n Link Boleto\n \n ) : state.tipoPagamento === 1 && single.status === 0 ? (\n \n ) : (\n Não disponivel\n )}\n | \n )}\n
Informações Gerais
\n\n \n {state.tipoBusca === \"Fornecedor\" ? (\n <>\n \n \n `(${option.cnpjCpf}) ${option.nome}`}\n onChange={(_, value) => handleChange(\"fornecedor\", value)}\n onInputChange={(_, value) => searchFornecedor(value)}\n inputMode=\"text\"\n key=\"fornecedor\"\n loading={state.loadFornecedor}\n value={state.fornecedor}\n renderOption={(option) => (\n ({option.cnpjCpf}) {option.nome}\n )}\n renderInput={(params) => (\n \n {state.loadFornecedor ? \n \n \n \n \n \n \n ) : (\n <>\n {!uk ? (\n \n \n \n { handleChange(\"todosClientes\", value.target.value) }}\n value={state.todosClientes ? state.todosClientes : false}\n disabled={disabled}\n >\n \n \n \n \n \n \n ) : ''}\n\n {!state.todosClientes ? (\n \n \n `(${!!option.numeroTitulo ? option.numeroTitulo : option.cpfOrcnpj}) ${option.name}`}\n onChange={(_, value) => handleChange(\"clientes\", value)}\n onInputChange={(_, value) => searchAssociado(value)}\n multiple={uk ? false : true}\n inputMode=\"text\"\n key=\"clientes\"\n loading={state.loadAssociado}\n value={uk ? state.clientes[0] : state.clientes}\n renderOption={(option) => (\n {`(${!!option.numeroTitulo ? option.numeroTitulo : option.cpfOrcnpj}) ${option.name}`}\n )}\n renderInput={(params) => (\n \n {state.loadAssociado ? \n \n ) : (\n <>\n \n handleChange(\"enviaParaProprietario\", !state.enviaParaProprietario)}\n checked={state.enviaParaProprietario}\n value={state.enviaParaProprietario}\n disabled={disabled}\n />\n \n \n \n handleChange(\"enviaParaRemido\", !state.enviaParaRemido)}\n checked={state.enviaParaRemido}\n value={state.enviaParaRemido}\n disabled={disabled}\n />\n \n \n \n handleChange(\"enviaParaBenemerito\", !state.enviaParaBenemerito)}\n checked={state.enviaParaBenemerito}\n value={state.enviaParaBenemerito}\n disabled={disabled}\n />\n \n \n \n \n )}\n \n )}\n\n \n \n handleChange(\"descricao\", value.target.value.toUpperCase())}\n value={state.descricao}\n disabled={disabled}\n maxLength={120}\n />\n \n \n \n \n `(${option.codigo}) ${option.nome}`}\n onChange={(_, value) => handleChange(\"ct\", value)}\n inputMode=\"text\"\n key=\"categorias\"\n value={state.ct}\n multiple={false}\n disabled={disabled}\n renderOption={(option) => (\n \n ({option.codigo}) {option.nome} \n \n )}\n renderInput={(params) => (\n \n {state.loadClientes ? \n \n \n \n {\n handleChange(\"departamento\", value.target.value)\n }}\n disabled={disabled}\n >\n \n {state.departamentos.map(single => {\n return \n })}\n \n \n \n
\n
\n\n \n
Financeiro
\n\n \n {type === 'receber' && (\n \n \n {\n handleChange(\"emitirBoletoVia\", value.target.value)\n\n if(value.target.value === 'Viacredi') {\n handleChange(\"caixa\", 10)\n handleChange(\"agruparCobrancaMensal\", true)\n }\n }}\n defaultValue={state.emitirBoletoVia}\n disabled={disabled}\n >\n \n \n \n \n \n )}\n \n \n handleChange(\"caixa\", value.target.value)}\n defaultValue={state.caixa}\n disabled={disabled || state.emitirBoletoVia === 'Viacredi'}\n >\n \n {state.contas.map(single => {\n return \n })}\n \n \n \n {state.emitirBoletoVia === 'Viacredi' && (\n <>\n \n \n handleChange(\"agruparCobrancaMensal\", value.target.value)}\n defaultValue={!!state.agruparCobrancaMensal}\n disabled={disabled}\n >\n \n \n \n \n \n\n {!!state.agruparCobrancaMensal && (\n \n \n Será emitido um único boleto no final do mês com essa cobrança\n \n \n )}\n \n )}\n
\n \n \n \n {\n handleChange(\"recorrencia\", value.target.value)\n\n if (value.target.value !== 'Parcelado') {\n handleChange(\"numeroParcelas\", 1)\n handleChange(\"dtVencimento\", moment().add(2, 'days').format('YYYY-MM-DD'));\n handleChange(\"status\", 0);\n handleChange(\"valorPagamento\", state.vlTotal);\n }\n }}\n disabled={disabled}\n >\n \n \n \n \n \n \n \n \n handleChange(\"tipoPagamento\", value.target.value)}\n disabled={disabled}\n >\n {type === 'receber' ? (\n \n ) : state.tipoPagamentos.map(value => (\n \n ))}\n \n \n \n \n \n {\n await handleChangeValorTotal(event, value);\n await handleChangeParcelas();\n }}\n />\n \n \n\n {state.recorrencia === 'Parcelado' && (\n \n \n {\n await handleChange(\"numeroParcelas\", value.target.value);\n await handleChangeParcelas();\n }}\n />\n \n \n )}\n\n {(state.recorrencia === 'Fixa Mensal' && !uk) && (\n \n \n {\n if (!moment(value.target.value).isValid()) return;\n handleChange(\"dataPrimeiraParcela\", value.target.value)\n }}\n className=\"form-control\"\n disabled={disabled}\n />\n \n \n )}\n\n
\n\n {type === 'receber' && state.tipoPagamento === 1 && (\n \n \n \n handleChange(\"desconto\", value.target.value.toUpperCase())}\n value={state.desconto}\n disabled={disabled}\n />\n \n \n \n \n handleChange(\"multa\", value.target.value.toUpperCase())}\n value={state.multa}\n disabled={disabled}\n />\n \n \n \n \n handleChange(\"juros\", value.target.value.toUpperCase())}\n value={state.juros}\n disabled={disabled}\n />\n \n \n
\n )}\n\n {(state.recorrencia !== 'Fixa Mensal' || !!uk) && (\n
\n\n {(state.recorrencia !== 'Fixa Mensal' || !!uk) && (\n <>\n \n {uk ? this.renderTotalParcelamentoEdit() : this.renderTotalParcelamento()}\n
\n )}\n \n
Anexo
\n\n \n
\n
\n \n )}\n \n );\n }\n}\n","import { ButtonGroup, FormControl, MenuItem, Select } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport Config, { currencyConfig } from \"Config\";\nimport moment from 'moment';\nimport { withSnackbar } from \"notistack\";\nimport React from \"react\";\nimport { confirmAlert } from \"react-confirm-alert\";\nimport IntlCurrencyInput from \"react-intl-currency-input\";\nimport BoxLoading from \"react-loadingg/lib/BoxLoading\";\nimport { Card, CardBody, CardHeader, Col, Container, Form, FormGroup, Input, Row } from \"reactstrap\";\nimport api from \"services/api\";\nimport { handleDeleteFile, handleUploadArrayFile } from \"utils/file\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport FormFields from \"./Form\";\nimport { getAccessWithStatus } from \"utils/StatusAcesso\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nclass FinanceiroCRUD extends React.Component {\n\n state = {\n valor: null,\n ct: null,\n tipoBusca: this.props.match.params.type === 'receber' ? 'Clientes' : 'Fornecedor',\n departamento: 0,\n status: [],\n categorias: [],\n departamentos: [],\n contas: [],\n associados: [],\n dataFornecedor: [],\n parcelamentos: [],\n tipoPagamentos: [],\n clientes: [],\n desconto: 0,\n multa: 0,\n juros: 0,\n recorrencia: \"Nenhuma\",\n tipoPagamento: 1,\n todosClientes: false,\n dtnfe: new Date(),\n enviaParaProprietario: true,\n enviaParaBenemerito: false,\n enviaParaRemido: false,\n files: [],\n filesRemovidos: [],\n loading: false,\n gerarBoletoLoading: false,\n emitirBoletoVia: this.props.match.params.type === 'receber' ? 'Viacredi' : '',\n agruparCobrancaMensal: false,\n caixa: 10,\n filter: {\n _limit: 999,\n _order: 'ASC',\n _sort: \"nome\",\n ativo: true\n },\n modal: {\n dtRecebimento: '2022-10-11',\n valorPagamentoRecebido: 0,\n observacao: ''\n }\n }\n\n async componentDidMount() {\n this.setState({ loading: true });\n\n const { uk } = this.props.match.params;\n let parcelas = {};\n\n for (let i = 1; i <= 100; i++) {\n parcelas = {\n ...parcelas,\n ['valorPagamento' + i]: 0,\n ['status' + i]: 0,\n ['dtVencimento' + i]: moment().add(i - 1, 'months').endOf('month').format('YYYY-MM-DD'),\n };\n }\n\n this.setState({ ...parcelas, numeroParcelas: 1 });\n\n !!uk && await this.findBy();\n !uk && await this.findCategorias();\n !uk && await this.findTipoPagamentos();\n !uk && await this.findAllDepartamento();\n !uk && await this.findAllCaixa();\n\n if(!uk) {\n const socioUk = (new URLSearchParams(window.location.search)).get(\"socio\");\n const descricao = (new URLSearchParams(window.location.search)).get(\"descricao\");\n const valor = (new URLSearchParams(window.location.search)).get(\"valor\");\n\n if(!!socioUk) {\n const response = await api.get(`/api/user/${socioUk}`);\n this.setState({ clientes: [response.data] });\n }\n\n if(!!descricao) {\n this.setState({ descricao });\n }\n\n if(!!valor) {\n this.setState({ vlTotal: parseFloat((parseFloat(valor)).toFixed(2)) }, () => this.handleChangeParcelas());\n }\n }\n\n this.setState({ loading: false });\n }\n\n findBy = async () => {\n const { uk } = this.props.match.params;\n if(!uk) return;\n\n const response = await api.get(`/api/financeiro/contas/${uk}`);\n\n if (response) {\n let temp = response.data.data;\n temp.contas = [temp.cx];\n temp.departamentos = [temp.dp];\n temp.associados = [temp.cliente];\n temp.dataFornecedor = [temp.fornecedor];\n temp.tipoPagamentos = [temp.tipoPagamento];\n temp.categorias = [temp.ct];\n temp.caixa = temp.cx.id;\n temp.departamento = temp.dp.id;\n temp.clientes = [temp.cliente];\n temp.tipoPagamento = temp.tipoPagamento.id;\n temp.files = response.data.files;\n temp.emitirBoletoVia = temp.parcelamentos[0].emitirBoletoVia\n\n this.setState({ ...this.state, ...temp });\n }\n }\n\n findAllDepartamento = async () => {\n const response = await api.get(\"/api/financeiro/departamento\");\n\n if (response) {\n this.setState({\n departamentos: response.status === 200 ? response.data : []\n })\n }\n }\n\n findCategorias = async () => {\n const { type } = this.props.match.params;\n\n const filter = {\n _limit: 999,\n _order: 'ASC',\n _sort: \"nome\",\n ativo: true,\n codigo_like: type === 'receber' ? '1.%' : '2.%'\n }\n\n const response = await api.get(`/api/financeiro/categoria?${jsonToUrlFilter(filter)}`);\n this.setState({ categorias: response.data });\n }\n\n findTipoPagamentos = async () => {\n const filter = {\n _limit: 999,\n _order: 'ASC',\n _sort: \"id\",\n }\n\n const response = await api.get(`/api/tipo-pagamentos?${jsonToUrlFilter(filter)}`);\n this.setState({ tipoPagamentos: response.data });\n }\n\n handleGerarBoleto = async parcelaId => {\n this.setState({ gerarBoletoLoading: true });\n const response = await api.post(`/api/boleto/${parcelaId}`);\n this.setState({ gerarBoletoLoading: false });\n\n if(!response || response.status === 400) {\n this.props.enqueueSnackbar(\"Ocorreu um erro ao gerar o boleto!\", {variant: 'error'})\n }\n\n await this.findBy();\n }\n\n searchFornecedor = async (search) => {\n if (!search) return;\n\n this.setState({ loadFornecedor: true });\n const response = await api.get(`/api/fornecedor?nome_like=${search}`);\n const response2 = await api.get(`/api/fornecedor?cnpj_cpf_like=${search}`);\n\n if (response && response2) {\n this.setState({\n dataFornecedor: [...response.data, ...response2.data],\n loadFornecedor: false,\n })\n }\n else {\n this.setState({ loadFornecedor: false })\n }\n }\n\n searchAssociado = async (search) => {\n if (!search) return;\n\n const filter = {\n _limit: 50,\n _order: 'ASC',\n _sort: \"name\",\n profile: { id: [2, 4] },\n status_acesso: getAccessWithStatus(\"App\")\n };\n\n this.setState({ loadAssociado: true });\n const response = await api.get(`/api/user?name_like=${search}&${jsonToUrlFilter(filter)}`);\n const response2 = await api.get(`/api/user?numero_titulo_like=${search}&${jsonToUrlFilter(filter)}`);\n const response3 = await api.get(`/api/user?cpf_orcnpj_like=${search}&${jsonToUrlFilter(filter)}`);\n\n if (response && response2 && response3) {\n this.setState({\n associados: [...response.data, ...response2.data, ...response3.data],\n loadAssociado: false,\n })\n }\n else {\n this.setState({ loadAssociado: false })\n }\n }\n\n findAllCaixa = async () => {\n const response = await api.get('/api/financeiro/caixa?ativo=true');\n\n if (response) {\n this.setState({ contas: response.data })\n }\n }\n\n handleChangeValorTotal = (event, value) => {\n event.preventDefault();\n this.setState({ vlTotal: value })\n }\n\n delete = () => {\n this.setState({ loading: true });\n let dataUser = JSON.stringify({ uk: this.state.uk });\n\n fetch(Config._HOST + \"/api/financeiro/contas\",\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem);\n\n this.setState({ loading: false }, () => {\n const { type } = this.props.match.params;\n if (data.status === 200) {\n this.props.history.push(`/admin/financeiro/contas/${type}`);\n }\n })\n }).catch(e => {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n changeData = (data, uk) => {\n this.setState({ loading: true })\n\n if(!!uk) {\n let dataUser = JSON.stringify({ dtVencimento: moment(data).format('YYYY-MM-DD') + \"T00:00:00\" });\n\n fetch(Config._HOST + `/api/documento-agenda/parcelamentos/${uk}/data`,\n {\n body: dataUser,\n method: 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(response => {\n if (!this.props.match.params.uk) {\n this.setState({\n loading: false\n })\n return\n }\n }).catch(e => {\n this.setState({\n loading: false\n })\n })\n }\n }\n\n showInfo = parcela => {\n confirmAlert({\n customUI: ({ onClose }) => {\n return (\n \n \n {parcela.status === 1 && (\n <>\n \n \n \n \n \n \n \n \n \n )}\n \n \n \n \n
\n
\n );\n }\n })\n }\n\n changeStatus = (status, uk, valorPagamento) => {\n if (this.props.match.params.uk) {\n this.setState({\n modal: {\n dtRecebimento: status === 1 ? moment().format('YYYY-MM-DD') : null,\n valorPagamentoRecebido: status === 1 ? valorPagamento : null,\n observacao: ''\n }\n }, () => {\n confirmAlert({\n customUI: ({ onClose }) => {\n return (\n Mais informações da parcela selecionada
\n\n \n
\n \n \n\n {status === 1 && (\n \n \n this.setState({ modal: { ...this.state.modal, dtRecebimento: value.target.value } })}\n defaultValue={this.state.modal.dtRecebimento}\n />\n \n \n )}\n\n \n \n this.setState({ modal: { ...this.state.modal, observacao: value.target.value } })}\n />\n \n \n
\n
\n );\n },\n buttons: [\n {\n label: 'Não'\n },\n {\n label: 'Sim',\n }\n ]\n })\n });\n }\n else {\n this.setState({ [\"status\" + uk]: status });\n }\n }\n\n create = async () => {\n const { uk, type } = this.props.match.params;\n let files = this.state.files;\n let temp = {...this.state};\n temp.files = [];\n\n if (!uk) {\n if (temp.tipoBusca === 'Fornecedor') {\n if (!temp.fornecedor) {\n this.props.enqueueSnackbar(\"Selecione um fornecedor\");\n return;\n }\n }\n else {\n if (!temp.todosClientes && !temp.clientes.length) {\n this.props.enqueueSnackbar(\"Selecione um associado\");\n return;\n }\n }\n }\n\n if (!temp.ct) {\n this.props.enqueueSnackbar(\"Selecione uma categoria\")\n return;\n }\n\n if (!temp.departamento) {\n this.props.enqueueSnackbar(\"Selecione um departamento\")\n return;\n }\n\n if (temp.caixa === 0) {\n this.props.enqueueSnackbar(\"Selecione uma conta\")\n return;\n }\n\n if (!temp.vlTotal || temp.vlTotal < 0) {\n this.props.enqueueSnackbar(\"Preencha um valor total\")\n return;\n }\n\n if (!temp.tipoPagamento) {\n this.props.enqueueSnackbar(\"Preencha a Forma de Pagamento\")\n return;\n }\n else {\n temp.tipoPagamento = { id: temp.tipoPagamento }\n }\n\n let menorParcela = 0;\n let total = temp.numeroParcelas;\n let parcelamentos = [];\n let totalParcelas = 0;\n\n for (let i = 1; i <= total; i++) {\n parcelamentos.push({\n dtVencimento: moment(temp[\"dtVencimento\" + i]).format('YYYY-MM-DD') + \"T00:00:00\",\n parcela: i,\n valorPagamento: temp[\"valorPagamento\" + i],\n status: temp[\"status\" + i],\n emitirBoletoVia: temp.emitirBoletoVia\n })\n\n totalParcelas = parseFloat((parseFloat(totalParcelas) + parseFloat(temp[\"valorPagamento\" + i])).toFixed(2));\n\n if (temp[\"valorPagamento\" + i] > menorParcela)\n menorParcela = temp[\"valorPagamento\" + i];\n }\n\n if (!uk && totalParcelas !== temp.vlTotal) {\n this.props.enqueueSnackbar(\"Soma de Parcelas e Valor Total Diferentes!\");\n return;\n }\n\n if (!uk && menorParcela < 7.5) {\n this.props.enqueueSnackbar(\"O valor da parcela do boleto deve ser maior ou igual à R$7,50\")\n return;\n }\n\n this.setState({ loading: true });\n\n temp[\"type\"] = type;\n temp[\"dtnfe\"] = moment(new Date()).format('YYYY-MM-DD') + \"T00:00:00\";\n temp['recorrencia'] = temp['recorrencia'] === 'Nenhuma' ? null : temp['recorrencia'];\n\n if(temp.recorrencia === 'Fixa Mensal') {\n const response = await api.post('/api/financeiro/recorrencias', {\n descricao: temp.descricao,\n tipo: temp.type,\n tipo_busca: temp.tipoBusca,\n todos_clientes: temp.todosClientes,\n envia_para_proprietario: temp.enviaParaProprietario,\n envia_para_remido: temp.enviaParaRemido,\n envia_para_benemerito: temp.enviaParaBenemerito,\n tipo_pagamento: temp.tipoPagamento,\n valor: temp.vlTotal,\n usuarios: temp.tipoBusca === 'Clientes' ? temp.clientes.map(item => { return { id: item.id } }) : null,\n fornecedor: temp.tipoBusca === 'Fornecedor' ? temp.fornecedor : null,\n departamento: { id: temp.departamento },\n categoria: { id: temp.ct.id },\n conta: { id: temp.caixa },\n juros: temp.juros,\n desconto: temp.desconto,\n multa: temp.multa,\n data_primeira_parcela: temp.dataPrimeiraParcela\n });\n\n if(!!response) {\n this.props.enqueueSnackbar(\"Conta criada com sucesso!\");\n this.props.history.replace(`/admin/financeiro/recorrencia/${type}/${response.id}/editar`);\n await this.findBy();\n this.setState({ loading: false });\n }\n else {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Ops, ocorreu um erro!\");\n }\n }\n else {\n let dataUser = JSON.stringify({ ...temp, parcelamentos });\n await handleDeleteFile(this.state.filesRemovidos);\n\n fetch(Config._HOST + \"/api/financeiro/contas\",\n {\n body: dataUser,\n method: uk ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(async (response) => {\n this.props.enqueueSnackbar(response.mensagem)\n\n if (response.status === 200) {\n if (files.length > 0) {\n const saveFile = await handleUploadArrayFile(Array.isArray(response.data) ? response.data[0].uk : response.data.uk, `conta-${type}`, files);\n\n if (saveFile === 200) {\n this.props.enqueueSnackbar(\"Upload Realizada com sucesso\");\n }\n else {\n this.props.enqueueSnackbar(\"Falha no upload do arquivo.\")\n return;\n }\n }\n\n await this.props.history.replace(`/admin/financeiro/contas/${type}/${Array.isArray(response.data) ? response.data[0].uk : response.data.uk}/editar`);\n await this.findBy();\n }\n\n this.setState({ loading: false });\n }).catch(e => {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Ops, ocorreu um erro!\");\n })\n }\n }\n\n\n handleChangeParcelas = async () => {\n const { vlTotal, numeroParcelas } = this.state;\n const valorParcela = (vlTotal / numeroParcelas);\n let parcelas = {};\n let valor_total = 0;\n\n for (let i = 1; i <= parseInt(numeroParcelas); i++) {\n valor_total += parseFloat((valorParcela).toFixed(2));\n parcelas = {\n ...parcelas,\n ['dtVencimento' + i]: moment().add(i - 1, 'months').endOf('month').format('YYYY-MM-DD'),\n ['valorPagamento' + i]: parseFloat((valorParcela).toFixed(2)),\n ['status' + i]: 0,\n };\n }\n\n let valorResto = parseFloat((vlTotal - valor_total).toFixed(2));\n parcelas['valorPagamento' + numeroParcelas] += valorResto;\n await this.setState({ ...parcelas });\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n const { tipoPagamento, loading } = this.state;\n const { uk, type } = this.props.match.params;\n const disabled = uk && tipoPagamento === \"BOLETO\" ? true : false;\n\n return (\n <>\n Tem certeza que deseja alterar status?
\n\n \n {\n const { modal } = this.state;\n\n if(status === 1 && modal.dtRecebimento.length === 0) {\n this.props.enqueueSnackbar(\"preencha o campo 'Data Pagamento'.\");\n return;\n }\n\n if(modal.observacao.length === 0) {\n this.props.enqueueSnackbar(\"preencha o campo 'Observação'.\");\n return;\n }\n\n this.setState({ loading: true });\n onClose();\n\n const response = await api.post(`/api/documento-agenda/parcelamentos/${uk}/status/${status}`, modal);\n\n if (response.status === 200) {\n this.setState({ [\"status\" + uk]: status })\n }\n\n this.setState({ loading: false })\n this.props.enqueueSnackbar(response.mensagem);\n }}\n >\n Sim\n \n
\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={`Contas a ${type === 'receber' ? 'Receber' : 'Pagar'}`}\n subTitulo={(uk ? `Atualizar contas a ${type === 'receber' ? 'Receber' : 'Pagar'}` : `Cadastrar nova conta a ${type === 'receber' ? 'Receber' : 'Pagar'}`)}\n />\n\n {/* Page content */}\n \n {uk ? `Atualizar contas a ${type === 'receber' ? 'Receber' : 'Pagar'}` : `Cadastro de conta a ${type === 'receber' ? 'Receber' : 'Pagar'}`}\n
\n \nNão existem recorrência cadastrada
\n\n \n \n
\n {this.state.totalData > this.state.data.length ? (\n \n ) : }\n
\n );\n }\n\n render() {\n const { type } = this.props.match.params;\n\n return (\n <>\n\n {/* | DESCRIÇÃO | \n{type === 'receber' ? 'CLIENTE' : 'FORNECEDOR'} | \nCATEGORIA | \nVENCIMENTO DA PRIMEIRA PARCELA | \nVALOR | \nAÇÃO | \n
|---|---|---|---|---|---|
| {item.descricao} | \n\n {!!item.usuarios && item.usuarios.length > 0 ? (\n \n {item.usuarios[0].name}\n {item.usuarios.length > 1 && (\n | \n {item.categoria.nome} | \n{moment(item.data_primeira_parcela).format(\"DD/MM/YYYY\")} | \n{numeral(item.valor).format('$ 0,0.00')} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"RECORRÊNCIA\"} subTitulo={\"Módulo de Gestão de Recorrência\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n \n
\n Total ({this.state.data ? this.state.data.length : 0})
\nInformações Gerais
\n\n \n {state.tipoBusca === \"Fornecedor\" ? (\n <>\n \n \n `(${option.cnpjCpf}) ${option.nome}`}\n onChange={(_, value) => handleChange(\"fornecedor\", value)}\n onInputChange={(_, value) => searchFornecedor(value)}\n inputMode=\"text\"\n key=\"fornecedor\"\n loading={state.loadFornecedor}\n value={state.fornecedor}\n renderOption={(option) => (\n ({option.cnpjCpf}) {option.nome}\n )}\n renderInput={(params) => (\n \n {state.loadFornecedor ? \n \n \n ) : (\n <>\n {!uk ? (\n \n \n \n { handleChange(\"todosClientes\", value.target.value) }}\n value={state.todosClientes ? state.todosClientes : false}\n >\n \n \n \n \n \n \n ) : ''}\n\n {!state.todosClientes ? (\n \n \n `(${option.numeroTitulo}) ${option.name}`}\n onChange={(_, value) => handleChange(\"usuarios\", value)}\n onInputChange={(_, value) => searchAssociado(value)}\n inputMode=\"text\"\n value={state.usuarios}\n multiple\n renderOption={(option) => (\n ({option.numeroTitulo}) {option.name}\n )}\n renderInput={(params) => (\n \n {state.loadAssociado ? \n \n ) : (\n <>\n \n handleChange(\"enviaParaRemido\", !state.enviaParaRemido)}\n checked={state.enviaParaRemido}\n value={state.enviaParaRemido}\n />\n \n \n \n handleChange(\"enviaParaBenemerito\", !state.enviaParaBenemerito)}\n checked={state.enviaParaBenemerito}\n value={state.enviaParaBenemerito}\n />\n \n \n \n \n )}\n \n )}\n\n \n \n handleChange(\"descricao\", value.target.value.toUpperCase())}\n value={state.descricao}\n maxLength={120}\n />\n \n \n \n \n `(${option.codigo}) ${option.nome}`}\n onChange={(_, value) => handleChange(\"categoria\", value)}\n inputMode=\"text\"\n key=\"categorias\"\n value={state.categoria}\n renderOption={(option) => (\n \n ({option.codigo}) {option.nome} \n \n )}\n renderInput={(params) => (\n \n {state.loadClientes ? \n \n \n \n {\n handleChange(\"departamento\", value.target.value)\n }}\n >\n \n {state.departamentos.map(single => {\n return \n })}\n \n \n \n
\n
\n\n \n
Financeiro
\n\n \n \n \n handleChange(\"conta\", value.target.value)}\n defaultValue={state.conta}\n >\n \n {state.contas.map(single => {\n return \n })}\n \n \n \n
\n \n \n \n \n \n \n \n \n handleChange(\"tipo_pagamento\", value.target.value)}\n >\n {state.tipo_pagamentos.map(value => (\n \n ))}\n \n \n \n \n \n {\n handleChangeValorTotal(event, value);\n }}\n />\n \n \n\n \n \n {\n if (!moment(value.target.value).isValid()) return;\n handleChange(\"data_primeira_parcela\", value.target.value)\n }}\n className=\"form-control\"\n />\n \n \n
\n\n {type === 'receber' && state.tipo_pagamento === 1 && (\n \n \n \n handleChange(\"desconto\", value.target.value.toUpperCase())}\n value={state.desconto}\n />\n \n \n \n \n handleChange(\"multa\", value.target.value.toUpperCase())}\n value={state.multa}\n />\n \n \n \n \n handleChange(\"juros\", value.target.value.toUpperCase())}\n value={state.juros}\n />\n \n \n
\n )}\n
\n \n );\n }\n}\n","import { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport React, { Component } from \"react\";\nimport BoxLoading from \"react-loadingg/lib/BoxLoading\";\nimport { Card, CardBody, CardHeader, Col, Container, Form, Row } from \"reactstrap\";\nimport api from \"services/api\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport FormFields from \"./Form\";\nimport { getAccessWithStatus } from \"utils/StatusAcesso\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nclass FinanceiroRecorrenciaCRUD extends Component {\n\n state = {\n valor: null,\n categoria: null,\n tipoBusca: this.props.match.params.type === 'receber' ? 'Clientes' : 'Fornecedor',\n departamento: 0,\n status: [],\n conta: 0,\n categorias: [],\n departamentos: [],\n contas: [],\n associados: [],\n fornecedores: [],\n tipo_pagamentos: [],\n clientes: [],\n desconto: 0,\n multa: 0,\n juros: 0,\n recorrencia: \"Fixa Mensal\",\n tipo_pagamento: 1,\n todosClientes: false,\n enviaParaBenemerito: false,\n enviaParaRemido: false,\n loading: false,\n filter: {\n _limit: 999,\n _order: 'ASC',\n _sort: \"nome\",\n ativo: true\n }\n }\n\n async componentDidMount() {\n this.setState({ loading: true });\n await this.findCategorias();\n await this.findTipoPagamentos();\n await this.findAllDepartamento();\n await this.findAllCaixa();\n await this.findContaRecorrencia();\n this.setState({ loading: false })\n }\n\n findContaRecorrencia = async () => {\n const { id } = this.props.match.params;\n const response = await api.get(`/api/financeiro/recorrencias/${id}`);\n\n if (response) {\n let temp = response;\n temp.conta = temp.conta.id;\n temp.departamento = temp.departamento.id;\n temp.tipo_pagamento = temp.tipo_pagamento.id;\n\n this.setState({\n ...this.state,\n ...temp,\n })\n }\n }\n\n findAllDepartamento = async () => {\n const response = await api.get(\"/api/financeiro/departamento\");\n\n if (response) {\n this.setState({\n departamentos: response.status === 200 ? response.data : []\n })\n }\n }\n\n findCategorias = async () => {\n const { type } = this.props.match.params;\n\n const filter = {\n _limit: 999,\n _order: 'ASC',\n _sort: \"nome\",\n ativo: true,\n codigo_like: type === 'receber' ? '1.%' : '2.%'\n }\n\n const response = await api.get(`/api/financeiro/categoria?${jsonToUrlFilter(filter)}`);\n this.setState({ categorias: response.data });\n }\n\n findTipoPagamentos = async () => {\n const filter = {\n _limit: 999,\n _order: 'ASC',\n _sort: \"id\",\n }\n\n const response = await api.get(`/api/tipo-pagamentos?${jsonToUrlFilter(filter)}`);\n this.setState({ tipo_pagamentos: response.data });\n }\n\n searchFornecedor = async (search) => {\n if (!search) return;\n\n this.setState({ loadFornecedor: true });\n const response = await api.get(`/api/fornecedor?nome_like=${search}`);\n const response2 = await api.get(`/api/fornecedor?cnpj_cpf_like=${search}`);\n\n if (response && response2) {\n this.setState({\n fornecedores: [...response.data, ...response2.data],\n loadFornecedor: false,\n })\n }\n else {\n this.setState({ loadFornecedor: false })\n }\n }\n\n searchAssociado = async (search) => {\n if (!search) return;\n\n const filter = {\n _limit: 50,\n _order: 'ASC',\n _sort: \"name\",\n profile: { id: 2 },\n status_acesso: getAccessWithStatus(\"App\")\n };\n\n this.setState({ loadAssociado: true });\n const response = await api.get(`/api/user?name_like=${search}&${jsonToUrlFilter(filter)}`);\n const response2 = await api.get(`/api/user?numero_titulo_like=${search}&${jsonToUrlFilter(filter)}`);\n\n if (response && response2) {\n this.setState({\n associados: [...response.data, ...response2.data],\n loadAssociado: false,\n })\n }\n else {\n this.setState({ loadAssociado: false })\n }\n }\n\n findAllCaixa = async () => {\n const response = await api.get('/api/financeiro/caixa?ativo=true');\n\n if (response) {\n this.setState({ contas: response.data })\n }\n }\n\n handleChangeValorTotal = (event, value) => {\n event.preventDefault();\n this.setState({ valor: value })\n }\n\n delete = () => {\n this.setState({ loading: true });\n let dataUser = JSON.stringify({ uk: this.state.uk });\n\n fetch(Config._HOST + \"/api/financeiro/contas\",\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem);\n\n this.setState({ loading: false }, () => {\n if (data.status === 200) {\n this.props.history.push(\"/admin/financeiro/contas-a-receber\");\n }\n })\n }).catch(e => {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n create = async () => {\n const { id, type } = this.props.match.params;\n let temp = this.state;\n temp.files = [];\n\n // if (!uk) {\n // if (temp.tipoBusca === 'Fornecedor') {\n // if (!temp.fornecedor) {\n // this.props.enqueueSnackbar(\"Selecione um fornecedor\");\n // return;\n // }\n // }\n // else {\n // if (!temp.todosClientes && !temp.clientes.length) {\n // this.props.enqueueSnackbar(\"Selecione um associado\");\n // return;\n // }\n // }\n // }\n\n if (!temp.categoria) {\n this.props.enqueueSnackbar(\"Selecione uma categoria\")\n return;\n }\n\n if (!temp.departamento) {\n this.props.enqueueSnackbar(\"Selecione um departamento\")\n return;\n }\n\n if (temp.conta === 0) {\n this.props.enqueueSnackbar(\"Selecione uma conta\")\n return;\n }\n\n if (!temp.valor || temp.valor < 0) {\n this.props.enqueueSnackbar(\"Preencha um valor total\")\n return;\n }\n\n if (!temp.tipo_pagamento) {\n this.props.enqueueSnackbar(\"Preencha a Forma de Pagamento\")\n return;\n }\n\n this.setState({ loading: true });\n\n const response = await api.put(`/api/financeiro/recorrencias/${id}`, {\n ...temp,\n tipo: type,\n departamento: { id: temp.departamento },\n conta: { id: temp.conta },\n tipo_pagamento: { id: temp.tipo_pagamento }\n });\n\n if(!response || ('data' in response && 'error' in response.data && 'status' in response.data)) {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Ops, ocorreu um erro!\");\n return;\n }\n\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Recorrência atualizada com sucesso!\");\n this.props.history.push(`/admin/financeiro/recorrencia/${type}`);\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n const { tipo_pagamento, loading } = this.state;\n const { uk, type } = this.props.match.params;\n const disabled = uk && tipo_pagamento === \"BOLETO\" ? true : false;\n\n return (\n <>\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={`Contas a ${type === 'receber' ? 'Receber' : 'Pagar'}`}\n subTitulo={(uk ? `Atualizar contas a ${type === 'receber' ? 'Receber' : 'Pagar'}` : `Cadastrar nova conta a ${type === 'receber' ? 'Receber' : 'Pagar'}`)}\n />\n\n {/* Page content */}\n \n {uk ? `Atualizar contas a ${type === 'receber' ? 'Receber' : 'Pagar'}` : `Cadastro de conta a ${type === 'receber' ? 'Receber' : 'Pagar'}`}\n
\n \nNão existem Categorias cadastradas
\n\n \n \n
\n
\n }\n\n\n renderContentIten() {\n let data = []\n for (let single of this.state.data) {\n data.push(| CÓDIGO | \nNOME | \nSTATUS | \nAÇÃO | \n
|---|---|---|---|
| {single.codigo ? single.codigo : \"-\"} | \n{single.nome ? single.nome : \"-\"} | \n{single.ativo ? \"ATIVO\" : 'INATIVO'} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Categorias\"} subTitulo={\"Módulo de gestão para Categoria\"} />\n {/* Page content */}\n \n \n\n \n \n {this.renderContent()}\n \n
\n Total Categoria ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Categoria\"}\n subTitulo={(this.props.match.params.uk ? \"Atualizar Categoria\" : \"Cadastrar nova Categoria\")} />\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar Categoria\" : \"Cadastro de Categoria\"}\n
\n \nNão existem caixas cadastrados
\n\n \n \n
\n
\n )\n }\n\n\n renderContentIten() {\n let data = []\n for (let single of this.state.data) {\n data.push(| NOME | \nTIPO | \nPRINCIPAL | \nATIVO | \nAÇÃO | \n
|---|---|---|---|---|
| {single.nome ? single.nome : \"-\"} | \n{single.tipo ? single.tipo : \"-\"} | \n{single.principal ? \"Sim\" : \"Não\"} | \n{single.ativo ? \"Sim\" : \"Não\"} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Conta\"}\n subTitulo={\"Módulo de gestão para Contas\"}\n />\n\n {/* Page content */}\n \n \n\n \n \n {this.renderContent()}\n \n
\n Total Caixas ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Conta\"}\n subTitulo={(ukCaixa ? \"Atualizar Conta\" : \"Cadastrar novo Conta\")} />\n {/* Page content */}\n \n {ukCaixa ? \"Atualizar Conta\" : \"Cadastro de Conta\"}\n
\n \n\n \n \n Contas a pagar\n \n \n Contas a receber\n \n \n Conta\n \n \n Departamento\n \n \n Categoria\n \n \n Fornecedores\n \n \n
\n \n }\n subTitulo={\"Controle completo Financeiro\"}\n />\n\n \n \n \n
\n \n \n \n Contas a Pagar\n \n\n \n {loadingContasPagar ? (\n \n \n \n Contas a Receber\n \n\n \n {loadingContasReceber ? (\n \n \n
\n
\n Nenhuma conta a pagar
\n ) : (\n \n )}\n \n )}\n Nenhuma conta a receber
\n ) : (\n \n )}\n \n )}\n Não existem Departamentos cadastrados
\nFiltro de Departamentos não encontrado
\n\n \n \n
\n
\n }\n\n\n renderContentIten() {\n let data = []\n for (let single of this.state.data) {\n data.push(| NOME | \nAÇÃO | \n
|---|---|
| {single.nome ? single.nome : \"-\"} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Departamento\"}\n subTitulo={\"Módulo de gestão para Departamentos\"}\n />\n\n {/* Page content */}\n \n \n\n \n \n {this.renderContent()}\n \n
\n Total Departamentos ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"Departamento\"}\n subTitulo={(this.props.match.params.uk ? \"Atualizar departamento\" : \"Cadastrar novo departamento\")} />\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar departamento\" : \"Cadastro de departamento\"}\n
\n \nNão Existem Fornecedores cadastrados
\n\n \n \n
\n
\n );\n }\n\n searchUpdated(chave) {\n console.log(KEYS_TO_FILTERS)\n this.setState({\n data: createFilter(\n (\n chave && chave.trim().length > 0 ? chave : \"\"\n ), KEYS_TO_FILTERS, this.state.data),\n searchTerm: (\n chave && chave.trim().length > 0 ? chave : \"\"\n )\n });\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nAÇÃO | \n
|---|---|
| {single.nome ? single.nome : \"-\"} | \n\n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"FORNECEDORES\"}\n subTitulo={\"Módulo de Gestão para Fornecedores\"}\n />\n\n {/* Page content */}\n \n \n \n \n \n \n \n \n \n \n { this.searchUpdated(value.target.value.toUpperCase()) }}\n value={this.state.searchTerm}\n placeholder=\"Buscar por nome\" type=\"text\"\n />\n \n */}\n \n\n {this.renderContent()}\n\n \n
\n Total de Fornecedores ({this.state.data.length})
\n\n {/*\n \n \n \n {\n value = value.target.value.replace(/\\D/g, '');\n handleBuscaFornecedorSuperlogica(value)\n }}\n onChange={value => {\n value = value.target.value.replace(/\\D/g, '');\n\n if (value.length <= 18) {\n handleChange(\"cnpjCpf\", value.length <= 11 ? cpfMask(value) : cnpjMask(value))\n }\n }}\n value={state.cnpjCpf ? (state.cnpjCpf.replace(/\\D/g, '').length <= 11 ? cpfMask(state.cnpjCpf) : cnpjMask(state.cnpjCpf)) : ''}\n />\n \n \n \n \n handleChange('nome', value.target.value.toUpperCase())}\n value={state.nome ? state.nome : ''}\n />\n \n \n
\n
\n\n \n
Contato
\n\n \n \n \n handleChange('whatsapp', value.target.value.toUpperCase())}\n value={state.whatsapp ? state.whatsapp : ''}\n />\n \n \n \n \n handleChange('telefone', value.target.value.toUpperCase())}\n value={state.telefone ? state.telefone : ''}\n />\n \n \n \n \n handleChange('email', value.target.value.toLowerCase())}\n value={state.email ? state.email : ''}\n />\n \n \n
\n
\n\n \n
Endereço
\n\n \n \n \n handleChange('cep', value.target.value.toUpperCase())}\n value={state.cep ? state.cep : ''}\n />\n \n \n \n \n handleChange('endereco', value.target.value.toUpperCase())}\n value={state.endereco ? state.endereco : ''}\n />\n \n \n \n \n handleChange('complemento', value.target.value.toUpperCase())}\n value={state.complemento ? state.complemento : ''}\n />\n \n \n \n \n handleChange('bairro', value.target.value.toUpperCase())}\n value={state.bairro ? state.bairro : ''}\n />\n \n \n \n \n handleChange('cidade', value.target.value.toUpperCase())}\n value={state.cidade ? state.cidade : ''}\n />\n \n \n \n \n handleChange('uf', value.target.value.toUpperCase())}\n value={state.uf ? state.uf : ''}\n />\n \n \n
\n
\n\n \n
Pagamento
\n\n \n \n \n handleChange('formaPagamentoPreferencial', value.target.value)}\n value={state.formaPagamentoPreferencial ? state.formaPagamentoPreferencial : \"Boleto\"}\n >\n \n \n \n \n \n \n
\n \n \n \n handleChange('banco', value.target.value.toUpperCase())}\n value={state.banco ? state.banco : ''}\n />\n \n \n \n \n handleChange('agencia', value.target.value.toUpperCase())}\n value={state.agencia ? state.agencia : ''}\n />\n \n \n \n \n handleChange('conta', value.target.value.toUpperCase())}\n value={state.conta ? state.conta : ''}\n />\n \n \n \n \n handleChange('chavePix', value.target.value.toUpperCase())}\n value={state.chavePix ? state.chavePix : ''}\n />\n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport api from \"services/api\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nimport 'rodal/lib/rodal.css';\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\n\nconst HISTORY_BACK = '/admin/fornecedores';\nconst ROUTE_API = '/api/fornecedor';\n\nclass FornecedorNovo extends React.Component {\n state = {};\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.id) {\n this.findBy()\n }\n }\n\n findBy = () => {\n this.setState({ loading: true })\n const { id } = this.props.match.params;\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({\n loading: 0,\n ...response,\n })\n })\n .catch(e => {\n this.setState({ loading: false })\n })\n }\n\n create = () => {\n this.setState({ loading: true })\n const id = this.props.match.params.id !== undefined ? this.props.match.params.id : '';\n let data = JSON.stringify(this.state)\n\n fetch(Config._HOST + `${ROUTE_API}/${id ? id : ''}`,\n {\n body: data,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.props.history.push(HISTORY_BACK)\n })\n .catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n handleBuscaFornecedorSuperlogica = async cnpjCpf => {\n if ((cnpjCpf.length === 11 || cnpjCpf.length === 14)) {\n const response = await api.get(`api/fornecedor/superlogica/${cnpjCpf}`);\n\n if (response) {\n this.setState({ ...response })\n }\n }\n }\n\n render() {\n\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR FORNECEDORES\" : \"NOVO FORNECEDORES\"}\n subTitulo={\"Gerenciamento dos Fornecedores\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Fornecedores\" : \"Cadastrar Novo Fornecedores\"}\n
\n \nNão existem categorias cadastradas
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nAÇÃO | \n
|---|---|
| {single.nome ? single.nome : \"-\"} | \n\n \n \n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"CATEGORIAS DA MANUTENÇÃO\"}\n subTitulo={\"Módulo de Gestão para categorias\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total categorias ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.uk ? \"EDITAR CATEGORIA DA MANUTENÇÃO\" : \"NOVA CATEGORIA DA MANUTENÇÃO\"}\n subTitulo={\"Gerenciamento completo das Categorias\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar Categoria\" : \"Cadastrar Nova Categoria\"}\n
\n \nNão existem Ocorrências cadastradas
\n\n \n \n
\n
\n );\n }\n\n render() {\n const { filter } = this.state;\n\n return (\n <>\n\n {/* | AMBIENTE | \nSETOR | \nMANUTENÇÃO | \nSTATUS | \nDATA | \nAÇÃO | \n
|---|---|---|---|---|---|
| {single.setor.ambiente ? single.setor.ambiente.nome : \"-\"} | \n{single.setor ? single.setor.nome : \"-\"} | \n{single.manutencao ? single.manutencao.categoria.nome : \"-\"} | \n{single.status ? single.status : \"-\"} | \n\n {single.dt_inicio ? (\n moment(single.dt_inicio).format('DD/MM/YYYY') + \" às \" +\n moment(single.dt_inicio).format('HH:mm')\n ) : \"-\"}\n | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"OCORRÊNCIAS\"} subTitulo={\"Módulo de Gestão para Ocorrências\"}\n />\n\n {/* Page content */}\n \n \n \n \n \n \n \n this.onChangeFilter(\"setor.ambiente.nome_like\", value.target.value.toUpperCase())}\n value={filter['setor.ambiente.nome_like']}\n />\n \n \n \n \n this.onChangeFilter(\"setor.nome_like\", value.target.value.toUpperCase())}\n value={filter['setor.nome_like']}\n />\n \n \n \n \n this.onChangeFilter(\"status_like\", value.target.value.toUpperCase())}\n value={filter['status_like']}\n />\n \n \n \n \n {\n if (moment(value.target.value.toUpperCase()).isValid())\n this.onChangeFilter('dt_inicio_like', value.target.value.toUpperCase())\n }}\n />\n \n \n
\n \n \n\n {this.renderContent()}\n \n
\n Total de Ocorrencias ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR OCORRÊNCIA\" : \"NOVA OCORRÊNCIA\"}\n subTitulo={\"Gerenciamento completo das Ocorrências\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Ocorrência\" : \"Cadastrar Nova Ocorrência\"}\n
\n \nNão Existem Tipos cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nAÇÃO | \n
|---|---|
| {single.nome ? single.nome : \"-\"} | \n\n \n \n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"TIPOS DE MANUTENÇÃO\"} subTitulo={\"Módulo de Gestão para Tipos de Manutenção\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Tipos ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.uk ? \"EDITAR TIPO DE MANUTENÇÃO\" : \"NOVO TIPO DE MANUTENÇÃO\"}\n subTitulo={\"Gerenciamento Completo dos Tipos de Manutenção\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar Tipo de Manutenção\" : \"Cadastrar Novo Tipo de Manutenção\"}\n
\n \nNão existem Manutenções cadastradas
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | TIPO | \nCATEGORIA | \nMODO | \nINTERVALO | \nTIPO INTERVALO | \nDESCRIÇÃO | \nAÇÃO | \n
|---|---|---|---|---|---|---|
| {single.tipo ? single.tipo.nome : \"-\"} | \n{single.categoria ? single.categoria.nome : \"-\"} | \n{single.modo ? getDescricaoModoManutencao(single.modo) : \"-\"} | \n{single.intervalo ? single.intervalo : \"-\"} | \n{single.tipo_intervalo ? getDescricaoTipoIntervalo(single.tipo_intervalo) : \"-\"} | \n{single.descricao ? single.descricao : \"-\"} | \n\n | \n
\n \n \n NOVO\n \n \n Ocorrências\n \n \n Tipos\n \n \n Categorias\n \n \n
\n \n }\n titulo={\"MANUTENÇÕES\"} subTitulo={\"Módulo de Gestão para Manutenções\"}\n />\n\n {/* Page content */}\n \n \n \n \n {this.renderContent()}\n \n
\n Total Manutenções ({this.state.data.length})
\n\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.uk ? \"EDITAR MANUTENÇÃO\" : \"NOVA MANUTENÇÃO\"}\n subTitulo={\"Gerenciamento completo da Manutenção\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar Manutenção\" : \"Cadastrar Nova Manutenção\"}\n
\n \nNão Existem Mensagens!
\n\n \n \n
\n
\n );\n }\n\n render() {\n const { filter, dataTipos, dataStatus } = this.state;\n\n return (\n <>\n\n {/* | DESCRIÇÃO | \nTIPO | \nSTATUS | \nDATA | \nAÇÃO | \n
|---|---|---|---|---|
| {single.descricao ? (single.descricao.substring(0, 80) + (single.descricao.length > 80 ? \"...\" : \"\")) : \"-\"} | \n{single.tipo ? single.tipo.nome : \"-\"} | \n{single.status ? single.status.nome : \"-\"} | \n{single.data ? moment(single.data.split('.000')[0]).format(\"DD/MM/YYYY \\\\à\\\\s HH:mm\") : \"-\"} | \n\n \n \n | \n
\n \n \n \n \n \n \n this.onChangeFilter(\"descricao_like\", value.target.value.toUpperCase())}\n value={filter.descricao}\n />\n \n \n \n \n this.onChangeFilter(\"tipo.id\", value.target.value)}\n value={filter[\"tipo.id\"] ? filter[\"tipo.id\"] : 0}\n >\n \n {dataTipos.map(tipo => (\n \n ))}\n \n \n \n \n \n this.onChangeFilter(\"status.id\", value.target.value)}\n value={filter[\"status.id\"] ? filter[\"status.id\"] : 0}\n >\n \n {dataStatus.map(status => (\n \n ))}\n \n \n \n \n \n {\n if (moment(value.target.value.toUpperCase()).isValid())\n this.onChangeFilter('data_like', value.target.value.toUpperCase())\n }}\n />\n \n \n
\n \n \n\n {this.renderContent()}\n\n \n
\n Total de Mensagens ({this.state.data.length})
\n\n \n \n \n { handleChange({ tipo: value.target.value }) }}\n value={state.tipo ? state.tipo : 0}\n >\n \n {state.dataTipos.map(tipo => (\n \n ))}\n \n \n \n \n \n { handleChange({ status: value.target.value }) }}\n value={state.status ? state.status : 0}\n >\n \n {state.dataStatus.map(status => (\n \n ))}\n \n \n \n \n \n {\n if (moment(value.target.value.toUpperCase()).isValid())\n handleChange({ data: value.target.value.toUpperCase() })\n }}\n className=\"form-control\"\n />\n \n \n
\n\n \n \n \n handleChange({ descricao: value.target.value.toUpperCase() })}\n value={state.descricao}\n />\n \n \n \n \n option.name}\n onChange={(_, value) => handleChange({ \"relator\": value })}\n onInputChange={(_, value) => this.searchUser(value, \"dataUsers\")}\n inputMode=\"text\"\n key=\"relator\"\n loading={state.loadSelect}\n value={state.relator ? state.relator : null}\n renderInput={(params) => (\n \n {state.loadSelect ? \n \n \n \n option.name}\n onChange={(_, value) => handleChange({ \"envolvidos\": value })}\n onInputChange={(_, value) => {\n console.log(value)\n this.searchUser(value, \"dataUsers\");\n }}\n inputMode=\"text\"\n key=\"envolvidos\"\n loading={state.loadSelect}\n value={state.envolvidos ? state.envolvidos : null}\n multiple={true}\n renderInput={(params) => (\n \n {state.loadSelect ? \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/fale-conosco';\nconst ROUTE_API = '/api/ocorrencia';\n\nclass FaleConoscoCrud extends React.Component {\n\n state = {\n dataResponsavelFinanceiro: [],\n dataUsers: [],\n dataTipos: [],\n dataStatus: [],\n dataResponsavel: [],\n envolvidos: []\n }\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.id) {\n this.findBy(this.props.match.params.id)\n }\n\n this.setState({ session: user })\n }\n\n findBy = (id) => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({\n ...response,\n tipo: (response.tipo && response.tipo ? response.tipo.id : null),\n status: (response.status && response.status ? response.status.id : null),\n dataUsers: [response.relator, ...response.envolvidos],\n data: response.data.split('.000')[0]\n })\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n\n create(id) {\n let temp = this.state;\n\n if (!this.state.tipo || this.state.tipo === 0) {\n this.props.enqueueSnackbar(\"Selecione um Tipo\")\n return;\n }\n if (!this.state.status || this.state.status === 0) {\n this.props.enqueueSnackbar(\"Selecione um Status\")\n return;\n }\n if (!this.state.descricao || this.state.descricao === \"\") {\n this.props.enqueueSnackbar(\"Campo Descrição em branco\")\n return;\n }\n if (!this.state.relator || this.state.relator === 0) {\n this.props.enqueueSnackbar(\"Selecione uma Relator\")\n return;\n }\n if (!this.state.envolvidos || this.state.envolvidos === 0) {\n this.props.enqueueSnackbar(\"Selecione os Envolvidos\")\n return;\n }\n if (!this.state.data || this.state.data === \"\") {\n this.props.enqueueSnackbar(\"Campo Data em branco\")\n return;\n }\n\n this.setState({ loading: true });\n\n temp[\"tipo\"] = { \"id\": temp.tipo };\n temp[\"status\"] = { \"id\": temp.status };\n\n let agendaData = JSON.stringify(temp);\n fetch(Config._HOST + `${ROUTE_API}/${id ? id : ''}`,\n {\n body: agendaData,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.setState({ loading: false }, () => {\n this.props.history.push('/admin/fale-conosco')\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR MENSAGEM\" : \"NOVA MENSAGEM\"}\n subTitulo={\"Gerenciamento das Mensagens\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Ocorrencia\" : \"Cadastrar Novo Ocorrencia\"}\n
\n \n\n \n \n
\n );\n }\n}\n","import { Button, Card, CardBody, Col, Container, Form, Input, Row } from \"reactstrap\";\nimport { ButtonGroup, FormGroup, List, ListItem, ListItemText } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport Config from \"Config\";\nimport moment from \"moment\";\nimport { withSnackbar } from \"notistack\";\nimport React from \"react\";\nimport { confirmAlert } from \"react-confirm-alert\";\nimport { BoxLoading } from \"react-loadingg\";\nimport api from \"services/api\";\nimport { req } from \"utils/req\";\nimport TimeLine from \"./TimeLine\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst ROUTE_API = '/api/ocorrencia';\n\nclass FaleConoscoView extends React.Component {\n state = {\n tipo: {\n id: null,\n nome: null\n },\n relator: {\n id: null,\n nome: null\n },\n respostas: [],\n mensagem: ''\n }\n\n compararPorData(a, b) {\n const dataA = new Date(a.data);\n const dataB = new Date(b.data);\n\n return dataA - dataB;\n }\n\n componentDidMount() {\n const { id } = this.props.match.params;\n id && this.findBy(id);\n }\n\n findBy = async (id) => {\n this.setState({ loading: true });\n const response = await api.get(`${ROUTE_API}/${id}`);\n response.respostas.sort(this.compararPorData)\n this.setState({ ...this.state, ...response, loading: false });\n }\n\n handleResponder = async () => {\n if(this.state.mensagem.length === 0) return false;\n let user = JSON.parse(window.localStorage.getItem(Config._USER));\n\n let data = {\n ocorrencia: { \"id\": this.state.id },\n mensagem: this.state.mensagem,\n usuario: user\n }\n this.setState({ loading: true });\n await req(`${ROUTE_API}-respostas`, data);\n this.setState({ mensagem: '' });\n this.findBy(this.props.match.params.id);\n }\n\n handleFinalizar = async () => {\n await this.setState({ status: { \"id\": 2, \"nome\": \"Finalizado\" } });\n await req(`${ROUTE_API}`, this.state, this.state.id);\n this.props.history.push('/admin/fale-conosco');\n }\n\n render() {\n return (\n <>\n {this.state.loading && (\n \n {this.props.respostas.length > 0 ? (\n
\n {this.props.msgTitulo} \n
\n ) : (\n\n {this.props.msgEmpty} \n
\n )}\n \n\n\n {this.props.respostas.length > 0 && this.props.respostas.map(single => (\n
\n\n \n {single.usuario.id === user.id ? (\n
\n ))}\n \n
\n ) : (\n \n
\n {single.mensagem}
\n \n {moment(single.data).format('DD/MM/YYYY') + ' às ' + moment(single.data).format('HH:mm')}\n
\n \n
\n )}\n \n
\n {single.mensagem}
\n \n {moment(single.data).format('DD/MM/YYYY') + ' às ' + moment(single.data).format('HH:mm')}\n
\n \n
\n )}\n\n \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={\"PROCESSAR OCORRÊNCIA\"}\n subTitulo={\"Gerenciamento das mensagens\"}\n />\n \n Documento de Ocorrência\n
\n- \n
\n
\n {status && status.id !== 2 &&\n \n }\n
Não Existem PDF cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | ID | \nNOME | \nAÇÃO | \n
|---|---|---|
| {single.id} | \n{single.nome ? single.nome : \"-\"} | \n\n \n \n \n \n \n | \n
\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"PDF\"} subTitulo={\"Módulo de Gestão para PDF\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de PDF ({this.state.data.length})
\n\n \n \n \n handleChange('nome', value.target.value)}\n value={state.nome ? state.nome : ''}\n />\n \n \n \n \n \n handleChange(\"orientacaoPagina\", value.target.value)}\n >\n \n \n \n \n \n \n
\n handleChange(\"text\", content)}\n init={{\n height: 500,\n selector: 'textarea',\n language: 'pt_BR',\n menubar: 'edit view insert format table',\n // plugins: [\n // 'advlist autolink lists link image charmap',\n // 'searchreplace visualblocks code fullscreen',\n // 'insertdatetime media table paste code help wordcount'\n // ],\n plugins: [\n 'paste importcss searchreplace autolink',\n 'directionality code visualblocks visualchars fullscreen',\n 'image link media template table charmap hr',\n 'nonbreaking anchor toc insertdatetime advlist lists wordcount',\n 'imagetools textpattern noneditable help charmap quickbars emoticons'\n ],\n toolbar: 'undo redo | fontselect formatselect fontsizeselect | ' +\n 'bold italic underline strikethrough forecolor backcolor removeformat |' +\n 'alignleft aligncenter alignright alignjustify |' +\n 'bullist numlist | outdent indent | table image link |' +\n 'charmap fullscreen preview | template ',\n fontsize_formats: '8px 9px 10px 11px 12px 13px 14px 15px 16px 17px 18px 19px 20px ' +\n '21px 22px 23px 24px 25px 26px 26px 27px 28px 29px 30px ' +\n '31px 32px 33px 34px 35px 36px 36px 37px 38px 39px 40px'\n }}\n />\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\n\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\n\nimport 'rodal/lib/rodal.css';\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/pdf';\nconst ROUTE_API = '/api/pdf';\n\nclass PdfCrud extends React.Component {\n state = {\n orientacaoPagina: \"portrait\"\n };\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.id) {\n this.findBy()\n }\n }\n\n findBy = () => {\n this.setState({ loading: true })\n const { id } = this.props.match.params;\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({\n loading: 0,\n ...response,\n })\n })\n .catch(e => {\n this.setState({ loading: false })\n })\n }\n\n create = () => {\n this.setState({ loading: true })\n const id = this.props.match.params.id !== undefined ? this.props.match.params.id : '';\n let data = JSON.stringify(this.state)\n\n fetch(Config._HOST + `${ROUTE_API}/${id ? id : ''}`,\n {\n body: data,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.props.history.push(HISTORY_BACK)\n })\n .catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR PDF\" : \"NOVO PDF\"}\n subTitulo={\"Gerenciamento dos PDF\"}\n />\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar PDF\" : \"Cadastrar Novo PDF\"}\n
\n \nNão Existem Tipo de Aberturas cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nAÇÃO | \n
|---|---|
| {single.nome ? single.nome : '-'} | \n\n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Tipo de Aberturas\"} subTitulo={\"Módulo de Gestão para Tipo de Aberturas\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Tipo de Aberturas ({this.state.data.length})
\n\n \n \n \n handleChange({ nome: value.target.value.toUpperCase() })}\n value={state.nome}\n />\n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/controle-acesso/tipo-aberturas';\nconst ROUTE_API = '/api/controle-acesso/tipo-abertura';\n\nclass tipoAberturaCrud extends React.Component {\n state = {\n nome: \"\",\n }\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.id) {\n this.findBy(this.props.match.params.id)\n }\n\n this.setState({ session: user })\n }\n\n findBy = (id) => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({ ...response })\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n delete() {\n const { id } = this.props.match.params;\n this.setState({ loading: true });\n\n let dataUser = JSON.stringify(this.state);\n fetch(Config._HOST + `${ROUTE_API}/${id}`,\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.props.history.push(HISTORY_BACK)\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n create(id) {\n let temp = this.state;\n\n if (!this.state.nome || this.state.nome === 0) {\n this.props.enqueueSnackbar(\"Selecione um nome\")\n return;\n }\n\n this.setState({ loading: true });\n\n let data = JSON.stringify(temp);\n fetch(Config._HOST + ROUTE_API + '/' + (id ? id : ''),\n {\n body: data,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.setState({ loading: false });\n\n if (data.status === 400) {\n this.props.enqueueSnackbar(data.message)\n }\n else {\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.props.history.push(HISTORY_BACK)\n }\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR TIPO DE ABERTURA\" : \"NOVO TIPO DE ABERTURA\"}\n subTitulo={\"Gerenciamento dos Tipo de Abertura\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Tipo de Abertura\" : \"Cadastrar Novo Tipo de Abertura\"}\n
\n \nNão Existem Usuários cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n | NOME | \nDESCRIÇÃO | \nStatus | \nAÇÃO | \n|
|---|---|---|---|---|
| {single.name ? single.name : \"-\"} | \n{single.email ? single.email : \"-\"} | \n{single.profile ? single.profile.descricao : \"-\"} | \n{single.statusAcesso === 1 ? \"Ativo\" : \"Inativo\" } | \n\n | \n
\n \n \n NOVO\n \n \n PERFIS\n \n \n
\n \n }\n titulo={\"Usuários\"}\n subTitulo={\"Módulo de Gestão para Usuários\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Usuários ({this.state.data.length})
\n\n \n {profile.id === 1 && (\n <>\n \n \n \n { handleChange({ profile: value.target.value }) }}\n value={state.profile}\n >\n {state.dataProfile.map(profile => (\n \n ))}\n \n \n \n \n {'id' in state && profile.id !== state.id && (\n \n \n \n { handleChange({ statusAcesso: value.target.value }) }}\n value={state.statusAcesso}\n >\n \n \n \n \n \n \n )}\n \n )}\n
\n \n \n \n handleChange({ name: value.target.value.toUpperCase() })}\n value={state.name}\n />\n \n \n \n \n handleChange({ email: value.target.value.toLowerCase() })}\n value={state.email}\n />\n \n \n \n \n handleChange({ senha: value.target.value })}\n value={state.senha}\n />\n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/usuarios';\nconst ROUTE_API = '/api/user';\n\nclass UsuarioCrud extends React.Component {\n\n state = {\n dataProfile: [],\n statusAcesso: 1,\n profile: 1\n }\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.uk) {\n this.findBy(this.props.match.params.uk)\n }\n\n this.setState({ session: user })\n }\n\n findBy = id => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({\n ...response.data,\n profile: response.data.profile.id\n })\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n create(id) {\n let temp = this.state;\n\n if (!this.state.name || this.state.name === 0) {\n this.props.enqueueSnackbar(\"Selecione um Nome\")\n return;\n }\n if (!this.state.email || this.state.email === 0) {\n this.props.enqueueSnackbar(\"Selecione um Email\")\n return;\n }\n if (!id && (!this.state.senha || this.state.senha === 0)) {\n this.props.enqueueSnackbar(\"Selecione um Senha\")\n return;\n }\n\n this.setState({ loading: true });\n temp.profile = { id: temp.profile };\n\n let data = JSON.stringify(temp);\n fetch(Config._HOST + ROUTE_API,\n {\n body: data,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data.mensagem)\n this.setState({ loading: false }, () => {\n this.props.history.push(HISTORY_BACK)\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.uk ? \"EDITAR USUÁRIO\" : \"NOVO USUÁRIO\"}\n subTitulo={\"Gerenciamento dos Usuários\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.uk ? \"Atualizar Usuário\" : \"Cadastrar Novo Usuário\"}\n
\n \nNão Existem Veículos cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | PLACA | \nCOR | \nMARCA | \nMODELO | \nAÇÃO | \n
|---|---|---|---|---|
| {single.placa ? single.placa : \"-\"} | \n{single.cor ? single.cor : \"-\"} | \n{single.marca ? single.marca : \"-\"} | \n{single.modelo ? single.modelo : \"-\"} | \n\n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Veículos\"}\n subTitulo={\"Módulo de Gestão para Veículos\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Veículos ({this.state.data.length})
\n\n \n \n \n handleChange({ placa: value.target.value.toUpperCase() })}\n value={state.placa}\n />\n \n \n \n \n handleChange({ cor: value.target.value.toUpperCase() })}\n value={state.cor}\n />\n \n \n \n \n handleChange({ marca: value.target.value.toUpperCase() })}\n value={state.marca}\n />\n \n \n \n \n handleChange({ modelo: value.target.value.toUpperCase() })}\n value={state.modelo}\n />\n \n \n \n \n handleChange({ ano: value.target.value.toUpperCase() })}\n value={state.ano}\n />\n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/veiculos';\nconst ROUTE_API = '/api/veiculo';\n\nclass VeiculoCrud extends React.Component {\n state = {};\n\n componentDidMount() {\n const { id } = this.props.match.params\n id && this.findBy(id);\n }\n\n findBy = (id) => {\n this.setState({ loading: true });\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({ ...response });\n }).catch(e => {\n this.setState({ loading: false });\n })\n }\n\n delete() {\n const { id } = this.props.match.params;\n this.setState({ loading: true });\n\n let dataUser = JSON.stringify(this.state)\n fetch(Config._HOST + `${ROUTE_API}/${id}`,\n {\n body: dataUser,\n method: 'DELETE',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data ? \"Deletado com sucesso!\" : 'Ops, ocorreu um erro!');\n this.setState({ loading: false }, () => {\n this.props.history.push(HISTORY_BACK);\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n create(id) {\n let temp = this.state;\n this.setState({ loading: true });\n\n fetch(Config._HOST + `${ROUTE_API}/${id ? id : ''}`,\n {\n body: JSON.stringify(temp),\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.setState({ loading: false }, () => {\n this.props.history.push(HISTORY_BACK);\n })\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR VEÍCULOS\" : \"NOVO VEÍCULOS\"}\n subTitulo={\"Gerenciamento da Veículos\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Veículo\" : \"Cadastrar Novo Veículo\"}\n
\n \n\n \n \n observacao = value.target.value }\n />\n \n \n\n
\n );\n }\n })\n }\n\n handleShowHistorico = async item => {\n this.setState({ loadingFull: true });\n const filter = {\n visitante: { id: item.id },\n _page: 1,\n _limit: 99999,\n _order: 'desc',\n _sort: \"data_cadastro\"\n };\n const response = await api.get(`api/visitantes/historico?${jsonToUrlFilter(filter)}`);\n\n if(!!response) {\n this.setState({ loadingFull: false, showModalHistorico: true, modalBody: response.data });\n }\n else {\n this.setState({ loadingFull: false });\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro, tente novamente mais tarde.\");\n }\n }\n\n modalHistorico = () => {\n const { showModalHistorico, modalBody } = this.state;\n\n return (\n <>\n Deseja aprovar a entrada?
\n\n Esta ação não poderá ser desfeita.\n\n \n \n
\n \n
\n Observação: {item.observacao}\n )}\n
Nenhum visitante encontrado!
\n\n \n \n
\n\n {filter._page < total_pages && (\n \n )}\n\n
\n )\n }\n\n render() {\n const { filter, total_data, loadingFull } = this.state;\n const user = JSON.parse(window.localStorage.getItem(Config._USER));\n\n return (\n <>\n {this.modalHistorico()}\n\n {loadingFull && (\n | NOME | \nCPF | \nTELEFONE | \nAÇÃO | \n
|---|---|---|---|
| {item.nome} | \n{item.cpf} | \n{item.telefone} | \n\n \n \n {!!item.aprovar && (\n \n )}\n \n | \n
\n
\n )}\n\n Visitantes ({total_data ? total_data : 0})
\n\n \n \n \n handleChange({ nome: value.target.value.toUpperCase() })}\n value={state.nome}\n />\n \n \n \n \n handleChange({ cpf: cpfMask(value.target.value) })}\n value={state.cpf}\n />\n \n \n \n \n handleChange({ telefone: phoneMask(value.target.value) })}\n value={state.telefone}\n />\n \n \n \n \n handleChange({ observacao: value.target.value.toUpperCase() })}\n value={state.observacao}\n />\n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport { isValidCPF } from \"utils/Validations\";\nimport { req } from \"utils/req\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/visitantes';\nconst ROUTE_API = '/api/visitantes';\n\nclass VisitanteCrud extends React.Component {\n state = {}\n\n async componentDidMount() {\n const { id } =this.props.match.params;\n id && await this.findBy(id);\n }\n\n findBy = async (id) => {\n this.setState({ loading: true })\n\n await fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({\n ...this.state,\n ...response,\n });\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n create = async id => {\n let temp = this.state;\n this.setState({ loading: true });\n\n if (!temp.nome || (temp.nome.trim() === \"\")) {\n this.props.enqueueSnackbar(\"Preencha o Nome Completo\");\n return;\n }\n\n if(!isValidCPF(this.state.cpf)) {\n this.props.enqueueSnackbar(\"O campo CPF invalido!\");\n return;\n }\n\n if (!temp.telefone || (temp.telefone.trim() === \"\")) {\n this.props.enqueueSnackbar(\"Preencha o Telefone\");\n return;\n }\n\n const response = await req(ROUTE_API, temp, id);\n\n if(!!response) {\n this.props.enqueueSnackbar(id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\")\n this.setState({ loading: false });\n this.props.history.push(HISTORY_BACK);\n }\n else {\n this.setState({ loading: false });\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro, tente novamente mais tarde.\");\n }\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR VISITANTES\" : \"NOVO VISITANTES\"}\n subTitulo={\"Gerenciamento dos Visitantes\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Visitante\" : \"Cadastrar Novo Visitante\"}\n
\n \nNão Existem Zonas cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | NOME | \nAÇÃO | \n
|---|---|
| {single.nome ? single.nome : '-'} | \n\n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Zonas\"} subTitulo={\"Módulo de Gestão para Zonas\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Zonas ({this.state.data.length})
\n\n \n \n \n handleChange({ nome: value.target.value.toUpperCase() })}\n value={state.nome}\n />\n \n \n
\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport Config from \"Config\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nconst HISTORY_BACK = '/admin/controle-acesso/zonas';\nconst ROUTE_API = '/api/controle-acesso/zona';\n\nclass ZonaCrud extends React.Component {\n state = {\n nome: ''\n }\n\n componentDidMount() {\n let user = JSON.parse(window.localStorage.getItem(Config._USER))\n if (!user) {\n window.localStorage.removeItem(Config._USER)\n this.props.history.replace('/auth')\n return;\n }\n\n if (this.props.match.params.id) {\n this.findBy(this.props.match.params.id)\n }\n\n this.setState({ session: user })\n }\n\n findBy = (id) => {\n this.setState({ loading: true })\n\n fetch(Config._HOST + `${ROUTE_API}/${id}`)\n .then(response => response.json())\n .then(response => {\n this.setState({ ...response })\n }).catch(e => {\n this.setState({ loading: false })\n })\n }\n\n\n create(id) {\n let temp = this.state;\n\n if (!this.state.nome || this.state.nome === 0) {\n this.props.enqueueSnackbar(\"Selecione um nome\")\n return;\n }\n\n this.setState({ loading: true });\n\n let data = JSON.stringify(temp);\n fetch(Config._HOST + ROUTE_API + '/' + (id ? id : ''),\n {\n body: data,\n method: id ? 'PUT' : 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n },\n )\n .then(response => response.json())\n .then(data => {\n this.setState({ loading: false });\n\n if (data.status === 400) {\n this.props.enqueueSnackbar(data.message)\n }\n else {\n this.props.enqueueSnackbar(data ? (id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\") : \"Ops, ocorreu um erro!\")\n this.props.history.push(HISTORY_BACK)\n }\n }).catch(e => {\n this.setState({ loading: false })\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n })\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n render() {\n return (\n <>\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR ZONA\" : \"NOVO ZONA\"}\n subTitulo={\"Gerenciamento dos Zona\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Zona\" : \"Cadastrar Novo Zona\"}\n
\n \nNão Existem inscrições cadastrados
\n| TÍTULO | \nMENSALIDADE | \nSTATUS | \nAÇÃO | \n
|---|---|---|---|
| {single.titulo} | \n{single.mensalidade ? 'Sim' : 'Não'} | \n{isAtivo ? 'Ativo' : 'Inativo'} | \n\n \n | \n
\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"INSCRIÇÕES\"} subTitulo={\"Módulo de Gestão de inscrições\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n \n
\n Total ({this.state.data.length})
\nLoading...
);\n }\n const Component = dynamic;\n return \n
\n );\n }\n}\n\nexport default injectIntl(PlaceHolder);\nPlaceHolder.propTypes = {\n text: PropTypes.string,\n show: PropTypes.bool,\n};\n\nPlaceHolder.defaultProps = {\n text: 'Dropzone',\n show: false,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactDOM from 'react-dom';\nimport cx from 'classnames';\n\n/**\n * @fileoverview react-star-rating\n * @author @cameronjroe\n * {placeHolder}
\n this.node = c}\n className=\"rating-container rating-gly-star\"\n data-content={this.state.glyph}\n onMouseMove={this.handleMouseMove.bind(this)}\n onMouseLeave={this.handleMouseLeave.bind(this)}\n onClick={this.handleClick.bind(this)}>\n \n
\n );\n } else {\n starRating = (\n this.node = c} className=\"rating-container rating-gly-star\" data-content={this.state.glyph}>\n \n
\n );\n }\n\n return (\n \n this.rootNode = c} style={{ cursor: 'pointer' }} className={classes}>\n {starRating}\n );\n }\n}\n\nexport default DragSource(\n ItemTypes.BOX,\n dragHandleSource,\n (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging(),\n }),\n)(DragHandle);\n","/**\n *
\n {this.props.data.text}\n
\n );\n }\n}\n","import React from 'react';\nimport HeaderBar from './header-bar';\n\nconst ComponentHeader = (props) => {\n if (props.mutable) {\n return null;\n }\n return (\n \n {this.props.data.element !== 'LineBreak' &&\n
\n \n }\n
\n {/* {!this.props.data.isContainer &&\n
\n {props.data.pageBreakBefore &&\n
\n );\n};\n\nexport default ComponentHeader;\n","import xss from 'xss';\n\nconst myxss = new xss.FilterXSS({\n whiteList: {\n a: ['href', 'title', 'target'],\n u: [],\n br: [],\n b: [],\n i: [],\n ol: ['style'],\n ul: ['style'],\n li: [],\n p: ['style'],\n sub: [],\n sup: [],\n div: ['style'],\n em: [],\n strong: [],\n span: ['style'],\n ins: [],\n },\n});\n\nexport default myxss;\n","import React from 'react';\nimport myxss from './myxss';\n\nconst ComponentLabel = (props) => {\n const hasRequiredLabel = (props.data.hasOwnProperty('required') && props.data.required === true && !props.read_only);\n const labelText = myxss.process(props.data.label);\n return (\n \n );\n};\n\nexport default ComponentLabel;\n","import React from 'react';\nimport { format, parse } from 'date-fns';\nimport ReactDatePicker, { registerLocale } from 'react-datepicker';\nimport MaskedTextInput from \"react-text-mask\";\nimport ComponentHeader from './component-header';\nimport ComponentLabel from './component-label';\nimport ptBR from 'date-fns/locale/pt-BR';\nregisterLocale('pt-BR', ptBR)\n\nclass DatePicker extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n\n const { formatMask } = DatePicker.updateFormat(props, null);\n this.state = DatePicker.updateDateTime(props, { formatMask }, formatMask);\n }\n\n // formatMask = '';\n\n handleChange = (dt, event) => {\n let placeholder;\n const { formatMask } = this.state;\n\n if (dt && dt.target) {\n placeholder = (dt && dt.target && dt.target.value === '') ? formatMask.toLowerCase() : '';\n const formattedDate = (dt.target.value) ? format(dt.target.value, formatMask) : '';\n this.setState({\n value: formattedDate,\n internalValue: formattedDate,\n placeholder,\n });\n }\n else {\n console.log(dt)\n this.setState({\n value: (dt) ? format(dt, formatMask) : '',\n internalValue: dt,\n placeholder,\n });\n }\n };\n\n static updateFormat(props, oldFormatMask) {\n const { showTimeSelect, showTimeSelectOnly, showTimeInput } = props.data;\n const dateFormat = showTimeSelect && showTimeSelectOnly ? '' : props.data.dateFormat;\n const timeFormat = (showTimeSelect || showTimeInput) ? props.data.timeFormat : '';\n const formatMask = (`${dateFormat} ${timeFormat}`).trim();\n const updated = formatMask !== oldFormatMask;\n\n return { updated, formatMask };\n }\n\n static updateDateTime(props, state, formatMask) {\n let value;\n let internalValue;\n const { defaultToday } = props.data;\n\n if (defaultToday && (props.defaultValue === '' || props.defaultValue === undefined)) {\n value = format(new Date(), formatMask);\n internalValue = new Date();\n }\n else {\n value = props.defaultValue;\n\n if (value === '' || value === undefined) {\n internalValue = undefined;\n } else {\n internalValue = parse(value, state.formatMask, new Date());\n }\n }\n\n return {\n value,\n internalValue,\n placeholder: formatMask.toLowerCase(),\n defaultToday,\n formatMask: state.formatMask,\n };\n }\n\n // componentWillReceiveProps(props) {\n // const formatUpdated = this.updateFormat(props);\n // if ((props.data.defaultToday !== !this.state.defaultToday) || formatUpdated) {\n // const state = this.updateDateTime(props, this.formatMask);\n // this.setState(state);\n // }\n // }\n\n static getDerivedStateFromProps(props, state) {\n const { updated, formatMask } = DatePicker.updateFormat(props, state.formatMask);\n if ((props.data.defaultToday !== state.defaultToday) || updated) {\n const newState = DatePicker.updateDateTime(props, state, formatMask);\n return newState;\n }\n return null;\n }\n\n render() {\n const { showTimeSelect, showTimeSelectOnly, showTimeInput } = this.props.data;\n const props = {};\n props.type = 'date';\n props.className = 'form-control';\n props.name = this.props.data.field_name;\n const readOnly = this.props.data.readOnly || this.props.read_only;\n // const iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\n const placeholderText = this.state.formatMask.toLowerCase();\n\n if (this.props.mutable) {\n props.defaultValue = this.props.defaultValue;\n props.ref = this.inputField;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n Page Break
\n }\n \n
\n );\n }\n}\n\nexport default DatePicker;\n","/* eslint-disable jsx-a11y/alt-text */\n// eslint-disable-next-line max-classes-per-file\nimport fetch from 'isomorphic-fetch';\nimport { saveAs } from 'file-saver';\nimport React from 'react';\nimport Select from 'react-select';\nimport SignaturePad from 'react-signature-canvas';\nimport ReactBootstrapSlider from 'react-bootstrap-slider';\n\nimport StarRating from './star-rating';\nimport DatePicker from './date-picker';\nimport ComponentHeader from './component-header';\nimport ComponentLabel from './component-label';\nimport myxss from './myxss';\nimport phoneMask from 'utils/phoneMask';\n\nconst FormElements = {};\n\nclass Header extends React.Component {\n render() {\n // const headerClasses = `dynamic-input ${this.props.data.element}-input`;\n let classNames = 'static';\n if (this.props.data.bold) { classNames += ' bold'; }\n if (this.props.data.italic) { classNames += ' italic'; }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n {readOnly && (\n
\n \n
\n );\n }\n}\n\nclass Paragraph extends React.Component {\n render() {\n let classNames = 'static';\n if (this.props.data.bold) { classNames += ' bold'; }\n if (this.props.data.italic) { classNames += ' italic'; }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n );\n }\n}\n\nclass Label extends React.Component {\n render() {\n let classNames = 'static';\n if (this.props.data.bold) { classNames += ' bold'; }\n if (this.props.data.italic) { classNames += ' italic'; }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n );\n }\n}\n\nclass LineBreak extends React.Component {\n render() {\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n
\n );\n }\n}\n\nclass TextInput extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n }\n\n render() {\n const props = {};\n props.type = 'text';\n props.className = 'form-control';\n props.name = this.props.data.field_name;\n if (this.props.mutable) {\n props.defaultValue = this.props.defaultValue;\n props.ref = this.inputField;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n return (\n \n
\n
\n );\n }\n}\n\nclass EmailInput extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n }\n\n render() {\n const props = {};\n props.type = 'text';\n props.className = 'form-control';\n props.name = this.props.data.field_name;\n if (this.props.mutable) {\n props.defaultValue = this.props.defaultValue;\n props.ref = this.inputField;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass PhoneNumber extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n\n this.state = {\n phone: ''\n }\n }\n\n render() {\n const props = {};\n props.type = 'tel';\n props.className = 'form-control';\n props.name = this.props.data.field_name;\n if (this.props.mutable) {\n props.defaultValue = this.props.defaultValue;\n props.ref = this.inputField;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass NumberInput extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n }\n\n render() {\n const props = {};\n props.type = 'number';\n props.className = 'form-control';\n props.name = this.props.data.field_name;\n\n if (this.props.mutable) {\n props.defaultValue = this.props.defaultValue;\n props.ref = this.inputField;\n }\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass TextArea extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n }\n\n render() {\n const props = {};\n props.className = 'form-control';\n props.name = this.props.data.field_name;\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n if (this.props.mutable) {\n props.defaultValue = this.props.defaultValue;\n props.ref = this.inputField;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass Dropdown extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n }\n\n render() {\n const props = {};\n props.className = 'form-control';\n props.name = this.props.data.field_name;\n\n if (this.props.mutable) {\n props.defaultValue = this.props.defaultValue;\n props.ref = this.inputField;\n }\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass Signature extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n defaultValue: props.defaultValue,\n };\n this.inputField = React.createRef();\n this.canvas = React.createRef();\n }\n\n clear = () => {\n if (this.state.defaultValue) {\n this.setState({ defaultValue: '' });\n } else if (this.canvas.current) {\n this.canvas.current.clear();\n }\n }\n\n render() {\n const { defaultValue } = this.state;\n let canClear = !!defaultValue;\n const props = {};\n props.type = 'hidden';\n props.name = this.props.data.field_name;\n\n if (this.props.mutable) {\n props.defaultValue = defaultValue;\n props.ref = this.inputField;\n }\n const pad_props = {};\n // umd requires canvasProps={{ width: 400, height: 150 }}\n if (this.props.mutable) {\n pad_props.defaultValue = defaultValue;\n pad_props.ref = this.canvas;\n canClear = !this.props.read_only;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n let sourceDataURL;\n if (defaultValue && defaultValue.length > 0) {\n sourceDataURL = `data:image/png;base64,${defaultValue}`;\n }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass Tags extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n const { defaultValue, data } = props;\n this.state = { value: this.getDefaultValue(defaultValue, data.options) };\n }\n\n getDefaultValue(defaultValue, options) {\n if (defaultValue) {\n if (typeof defaultValue === 'string') {\n const vals = defaultValue.split(',').map(x => x.trim());\n return options.filter(x => vals.indexOf(x.value) > -1);\n }\n return options.filter(x => defaultValue.indexOf(x.value) > -1);\n }\n return [];\n }\n\n // state = { value: this.props.defaultValue !== undefined ? this.props.defaultValue.split(',') : [] };\n\n handleChange = (e) => {\n this.setState({ value: e || [] });\n };\n\n render() {\n const options = this.props.data.options.map(option => {\n option.label = option.text;\n return option;\n });\n const props = {};\n props.isMulti = true;\n props.name = this.props.data.field_name;\n props.onChange = this.handleChange;\n\n props.options = options;\n if (!this.props.mutable) { props.value = options[0].text; } // to show a sample of what tags looks like\n if (this.props.mutable) {\n props.isDisabled = this.props.read_only;\n props.value = this.state.value;\n props.ref = this.inputField;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n 
)\n : (
\n \n
\n );\n }\n}\n\nclass Checkboxes extends React.Component {\n constructor(props) {\n super(props);\n this.options = {};\n }\n\n render() {\n const self = this;\n let classNames = 'custom-control custom-checkbox';\n if (this.props.data.inline) { classNames += ' option-inline'; }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass RadioButtons extends React.Component {\n constructor(props) {\n super(props);\n this.options = {};\n }\n\n render() {\n const self = this;\n let classNames = 'custom-control custom-radio';\n if (this.props.data.inline) { classNames += ' option-inline'; }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n {\n if (c && self.props.mutable) {\n self.options[`child_ref_${option.key}`] = c;\n }\n }} {...props} />\n \n
\n );\n })}\n \n
\n );\n }\n}\n\nclass Image extends React.Component {\n render() {\n const style = (this.props.data.center) ? { textAlign: 'center' } : null;\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n {\n if (c && self.props.mutable) {\n self.options[`child_ref_${option.key}`] = c;\n }\n }} {...props} />\n \n
\n );\n })}\n \n 
\n }\n { !this.props.data.src &&\n
\n );\n }\n}\n\nclass Rating extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n }\n\n render() {\n const props = {};\n props.name = this.props.data.field_name;\n props.ratingAmount = 5;\n\n if (this.props.mutable) {\n props.rating = (this.props.defaultValue !== undefined) ? parseFloat(this.props.defaultValue, 10) : 0;\n props.editing = true;\n props.disabled = this.props.read_only;\n props.ref = this.inputField;\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n Sem Imagem
\n }\n \n
\n );\n }\n}\n\nclass HyperLink extends React.Component {\n render() {\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n
\n );\n }\n}\n\nclass Download extends React.Component {\n render() {\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n );\n }\n}\n\nclass Camera extends React.Component {\n constructor(props) {\n super(props);\n this.state = { img: null, previewImg: null };\n }\n\n displayImage = (e) => {\n const self = this;\n const target = e.target;\n if (target.files && target.files.length) {\n self.setState({ img: target.files[0], previewImg: URL.createObjectURL(target.files[0]) });\n }\n };\n\n clearImage = () => {\n this.setState({\n img: null,\n previewImg: null,\n });\n };\n\n getImageSizeProps({ width, height }) {\n const imgProps = { width: '100%' };\n if (width) {\n imgProps.width = width < window.innerWidth\n ? width\n : 0.9 * window.innerWidth;\n }\n if (height) {\n imgProps.height = height;\n }\n return imgProps;\n }\n\n render() {\n const imageStyle = { objectFit: 'scale-down', objectPosition: (this.props.data.center) ? 'center' : 'left' };\n let baseClasses = 'SortableItem rfb-item';\n const name = this.props.data.field_name;\n const fileInputStyle = this.state.img ? { display: 'none' } : null;\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n let sourceDataURL;\n if (this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0) {\n if (this.props.defaultValue.indexOf(name > -1)) {\n sourceDataURL = this.props.defaultValue;\n } else {\n sourceDataURL = `data:image/png;base64,${this.props.defaultValue}`;\n }\n }\n\n return (\n \n
\n \n );\n }\n}\n\nclass FileUpload extends React.Component {\n constructor(props) {\n super(props);\n this.state = { fileUpload: null };\n }\n\n displayFileUpload = (e) => {\n const self = this;\n const target = e.target;\n let file;\n\n if (target.files && target.files.length > 0) {\n file = target.files[0];\n\n self.setState({\n fileUpload: file,\n });\n }\n };\n\n clearFileUpload = () => {\n this.setState({\n fileUpload: null,\n });\n };\n\n saveFile = async (e) => {\n e.preventDefault();\n const sourceUrl = this.props.defaultValue;\n const response = await fetch(sourceUrl, {\n method: 'GET',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json; charset=utf-8',\n },\n responseType: 'blob',\n });\n const dispositionHeader = response.headers.get('Content-Disposition');\n const resBlob = await response.blob();\n // eslint-disable-next-line no-undef\n const blob = new Blob([resBlob], {\n type: this.props.data.fileType || response.headers.get('Content-Type'),\n });\n if (dispositionHeader && dispositionHeader.indexOf(';filename=') > -1) {\n const fileName = dispositionHeader.split(';filename=')[1];\n saveAs(blob, fileName);\n } else {\n const fileName = sourceUrl.substring(sourceUrl.lastIndexOf('/') + 1);\n saveAs(response.url, fileName);\n }\n };\n\n render() {\n let baseClasses = 'SortableItem rfb-item';\n const name = this.props.data.field_name;\n const fileInputStyle = this.state.fileUpload ? { display: 'none' } : null;\n if (this.props.data.pageBreakBefore) {\n baseClasses += ' alwaysbreak';\n }\n return (\n \n
\n )}\n \n
\n ) : (\n \n
\n )}\n \n
\n\n {this.state.img && (\n \n
\n \n Upload Photo\n
\n Select an image from your computer or device.
\n\n URL.revokeObjectURL(this.state.previewImg)}\n src={this.state.previewImg}\n height=\"100\"\n className=\"image-upload-preview\"\n />\n
\n\n Clear Photo\n
\n \n
\n
\n )}\n \n \n );\n }\n}\n\nclass Range extends React.Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n this.state = {\n value: props.defaultValue !== undefined ? parseInt(props.defaultValue, 10) : parseInt(props.data.default_value, 10),\n };\n }\n\n changeValue = (e) => {\n const { target } = e;\n this.setState({\n value: target.value,\n });\n }\n\n render() {\n const props = {};\n const name = this.props.data.field_name;\n\n props.type = 'range';\n props.list = `tickmarks_${name}`;\n props.min = this.props.data.min_value;\n props.max = this.props.data.max_value;\n props.step = this.props.data.step;\n\n props.value = this.state.value;\n props.change = this.changeValue;\n\n if (this.props.mutable) {\n props.ref = this.inputField;\n }\n\n const datalist = [];\n for (let i = parseInt(props.min, 10); i <= parseInt(props.max, 10); i += parseInt(props.step, 10)) {\n datalist.push(i);\n }\n\n const oneBig = 100 / (datalist.length - 1);\n\n const _datalist = datalist.map((d, idx) => );\n\n const visible_marks = datalist.map((d, idx) => {\n const option_props = {};\n let w = oneBig;\n if (idx === 0 || idx === datalist.length - 1) { w = oneBig / 2; }\n option_props.key = `${props.list}_label_${idx}`;\n option_props.style = { width: `${w}%` };\n if (idx === datalist.length - 1) { option_props.style = { width: `${w}%`, textAlign: 'right' }; }\n return ;\n });\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n )}\n \n \n Baixar arquivo\n \n
\n ) : (\n \n
\n\n Remover Arquivo\n
\n \n
\n\n {this.state.fileUpload && (\n \n
\n \n Enviar arquivo\n
\n Selecione um arquivo.
\n\n
\n \n \n {`Name: ${this.state.fileUpload.name}`}\n
\n \n {this.state.fileUpload.size.length > 6\n ? `Size: ${Math.ceil(\n this.state.fileUpload.size / (1024 * 1024)\n )} mb`\n : `Size: ${Math.ceil(\n this.state.fileUpload.size / 1024\n )} kb`}\n
\n \n
\n
\n );\n }\n}\n\nFormElements.Header = Header;\nFormElements.Paragraph = Paragraph;\nFormElements.Label = Label;\nFormElements.LineBreak = LineBreak;\nFormElements.TextInput = TextInput;\nFormElements.EmailInput = EmailInput;\nFormElements.PhoneNumber = PhoneNumber;\nFormElements.NumberInput = NumberInput;\nFormElements.TextArea = TextArea;\nFormElements.Dropdown = Dropdown;\nFormElements.Signature = Signature;\nFormElements.Checkboxes = Checkboxes;\nFormElements.DatePicker = DatePicker;\nFormElements.RadioButtons = RadioButtons;\nFormElements.Image = Image;\nFormElements.Rating = Rating;\nFormElements.Tags = Tags;\nFormElements.HyperLink = HyperLink;\nFormElements.Download = Download;\nFormElements.Camera = Camera;\nFormElements.FileUpload = FileUpload;\nFormElements.Range = Range;\n\nexport default FormElements;\n","import React, { Component } from 'react';\nimport ComponentHeader from './component-header';\nimport ComponentLabel from './component-label';\n\nclass CustomElement extends Component {\n constructor(props) {\n super(props);\n this.inputField = React.createRef();\n }\n\n render() {\n const { bare } = this.props.data;\n const props = {};\n props.name = this.props.data.field_name;\n props.defaultValue = this.props.defaultValue;\n\n if (this.props.mutable && this.props.data.forwardRef) {\n props.ref = this.inputField;\n }\n\n if (this.props.read_only) {\n props.disabled = 'disabled';\n }\n\n // Return if component is invalid.\n if (!this.props.data.component) return null;\n const Element = this.props.data.component;\n\n let baseClasses = 'SortableItem rfb-item';\n if (this.props.data.pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n \n
\n \n {this.props.data.min_label}\n {this.props.data.max_label}\n
\n \n {visible_marks}\n
\n \n \n \n
\n );\n }\n}\n\nCustomElement.propTypes = {};\n\nexport default CustomElement;\n","import React, { useImperativeHandle, Fragment } from 'react';\nimport { DropTarget } from 'react-dnd';\nimport FormElements from '../form-elements';\nimport ItemTypes from '../ItemTypes';\n\nimport CustomElement from '../form-elements/custom-element';\nimport Registry from '../stores/registry';\n\nfunction getCustomElement(item, props) {\n if (!item.component || typeof item.component !== 'function') {\n item.component = Registry.get(item.key);\n if (!item.component) {\n console.error(`${item.element} was not registered`);\n }\n }\n return (\n \n
\n }\n \n {element}\n
,\n );\n },\n);\n\nexport default DropTarget(\n (props) => props.accepts,\n {\n drop(\n props,\n monitor,\n component,\n ) {\n if (!component) {\n return;\n }\n\n // //Do nothing whith busy dustbin\n // if(props.items[props.col]) return;\n // Allow swap column if target and source are in same multi column row\n const isBusy = !!props.items[props.col];\n const item = monitor.getItem();\n\n // Do nothing when moving the box inside the same column\n if (props.col === item.col && props.items[props.col] === item.id) return;\n\n if (!isContainer(item)) {\n (component).onDrop(item);\n if (item.data && typeof props.setAsChild === 'function') {\n const isNew = !item.data.id;\n const data = isNew ? item.onCreate(item.data) : item.data;\n props.setAsChild(props.data, data, props.col, isBusy);\n }\n }\n },\n },\n (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n draggedItem: monitor.getItem() ? monitor.getItem() : null,\n isOver: monitor.isOver(),\n isOverCurrent: monitor.isOver({ shallow: true }),\n canDrop: monitor.canDrop(),\n }),\n)(Dustbin);\n","/* eslint-disable camelcase */\nimport React from 'react';\n\nimport ComponentHeader from '../form-elements/component-header';\nimport ComponentLabel from '../form-elements/component-label';\nimport Dustbin from './dustbin';\nimport ItemTypes from '../ItemTypes';\n\nconst accepts = [ItemTypes.BOX, ItemTypes.CARD];\n\nclass MultiColumnRowBase extends React.Component {\n render() {\n const {\n controls, data, editModeOn, getDataById, setAsChild, removeChild, seq, className, index,\n } = this.props;\n const { childItems, pageBreakBefore } = data;\n let baseClasses = 'SortableItem rfb-item';\n if (pageBreakBefore) { baseClasses += ' alwaysbreak'; }\n\n return (\n \n
\n );\n }\n}\n\nconst TwoColumnRow = ({ data, class_name, ...rest }) => {\n const className = class_name || 'col-md-6';\n if (!data.childItems) {\n // eslint-disable-next-line no-param-reassign\n data.childItems = [null, null]; data.isContainer = true;\n }\n return (\n \n
\n \n {childItems.map((x, i) => (\n
\n {\n controls ? controls[i] :\n removeChild(data, i)}\n getDataById={getDataById}\n setAsChild={setAsChild}\n seq={seq}\n />}\n
))}\n {title}
;\n};\n\nexport const BoxDragPreview = ({ item }) => {\n const [ tickTock ] = useState(false);\n\n const text = item.data.content ? item.data.content : (item.data.label ? item.data.label : item.data.text)\n const isLongText = text.length > 20;\n const previewText = isLongText ? `${text.slice(0, 20)}...` : text\n\n return (\n \n
\n );\n};\n","import React from 'react';\nimport { DragLayer } from 'react-dnd';\nimport ItemTypes from '../ItemTypes';\nimport { BoxDragPreview } from './component-drag-preview';\n\nconst layerStyles = {\n position: 'fixed',\n pointerEvents: 'none',\n zIndex: 100,\n left: 0,\n top: 0,\n width: '100%',\n height: '100%',\n};\nfunction getItemStyles(props) {\n const { initialOffset, currentOffset } = props;\n if (!initialOffset || !currentOffset) {\n return {\n display: 'none',\n };\n }\n let { x, y } = currentOffset;\n \n const transform = `translate(${x}px, ${y}px)`;\n return {\n transform,\n WebkitTransform: transform,\n };\n}\nconst CustomDragLayer = (props) => {\n const { item, itemType, isDragging } = props;\n function renderItem() {\n switch (itemType) {\n case ItemTypes.BOX:\n return \n\t\t\t
);\n};\nexport default DragLayer((monitor) => ({\n item: monitor.getItem(),\n itemType: monitor.getItemType(),\n initialOffset: monitor.getInitialSourceClientOffset(),\n currentOffset: monitor.getSourceClientOffset(),\n isDragging: monitor.isDragging(),\n}))(CustomDragLayer);\n","/**\n * {renderItem()}
\n\t\t\n
\n );\n }\n}\nPreview.defaultProps = {\n showCorrectColumn: false,\n files: [],\n editMode: false,\n editElement: null,\n className: 'col-md-9 react-form-builder-preview float-left',\n renderEditForm: props => \n {this.props.editElement !== null && this.showEditForm()}\n
\n {items}
\n \n \n
\n \n
\n - \n { group.map(renderItem) }\n
\n
\n );\n }\n}\n\nexport default injectIntl(Toolbar);\n","import React from 'react';\nimport * as PkgTextAreaAutosize from 'react-textarea-autosize';\nimport * as DraftJs from 'draft-js';\nimport * as draftToHtml from 'draftjs-to-html';\nimport { Editor } from 'react-draft-wysiwyg';\nimport ID from '../UUID';\n\nconst generateUUID = () => ID.uuid();\n\nconst TextAreaAutosize = (props) => {this.props.intl.formatMessage({ id: 'toolbox' })}
\n- \n {\n items.map(this.renderItem)\n }\n {\n groupKeys.map(k =>
\n
\n );\n }\n}\n\nexport default injectIntl(ReactForm);\nReactForm.defaultProps = { validateForCorrectness: false };\n","import enLang from './entries/en-us';\nimport vnLang from './entries/vi-vn';\n\nexport const AppLanguages = [\n {\n languageId: 'vietnamese',\n locale: 'vi',\n name: 'Vietnamese',\n icon: 'vn',\n },\n {\n languageId: 'english',\n locale: 'en',\n name: 'English',\n icon: 'us',\n },\n\n];\n\nconst AppLocale = {\n en: enLang,\n vi: vnLang,\n};\n\nexport default AppLocale;\n","import enMessages from '../locales/en-us.json';\n\nconst EnLang = {\n messages: {\n ...enMessages,\n },\n locale: 'en-US',\n};\nexport default EnLang;\n","import viMessages from '../locales/vi-vn.json';\n\nconst VnLang = {\n messages: {\n ...viMessages,\n },\n locale: 'vi-VN',\n};\nexport default VnLang;\n","/**\n * \n \n
\n \n
\n \n \n
\n \n
\n \n
\n );\n }\n}\n","import { CircularProgress, FormControl, MenuItem, Select, TextField } from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\nimport { Editor } from '@tinymce/tinymce-react';\nimport 'assets/css/react-form-builder2.css';\nimport { ReactFormBuilder } from 'views/components/react-form-builder';\nimport { Component } from 'react';\nimport { Col, FormGroup, Input, Nav, NavItem, NavLink, Row, TabContent, TabPane } from 'reactstrap';\nimport Dropzone from 'views/components/Dropzone';\nimport IntlCurrencyInput from \"react-intl-currency-input\";\nimport Preview from './Preview';\nimport moment from 'moment';\n\nconst currencyConfig = {\n locale: \"pt-BR\",\n formats: {\n number: {\n BRL: {\n style: \"currency\",\n currency: \"BRL\",\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n },\n },\n },\n};\n\n\nvar items = [\n { key: 'TextInput', name: 'Texto' },\n { key: 'TextArea', name: 'Texto grande' },\n { key: 'DatePicker', name: 'Data' },\n { key: 'EmailInput', name: 'E-mail' },\n { key: 'NumberInput', name: 'Número', icon: \"fas fa-sort-numeric-up-alt\" },\n { key: 'PhoneNumber', name: 'Telefone' },\n { key: 'Dropdown', name: 'Única seleção' },\n { key: 'Tags', name: 'Múltipla seleção', icon: \"fas fa-check-double\" },\n { key: 'Checkboxes', name: 'Múltipla escolha' },\n { key: 'RadioButtons', name: 'Única escolha' },\n { key: 'Range', name: 'Intervalo' },\n // { key: 'Header', name: 'Título' },\n // { key: 'LineBreak', name: 'Divisor' },\n { key: 'Image', name: 'Imagem' },\n { key: 'Rating', name: 'Avaliação' },\n { key: 'HyperLink', name: 'Link' },\n // { key: 'FileUpload', name: 'Arquivo' },\n];\n\nexport default class FormFields extends Component {\n\n state = {\n activeTab: '1'\n };\n\n toggle = this.toggle.bind(this);\n\n toggle(tab) {\n if (this.state.activeTab !== tab) {\n this.setState({\n activeTab: tab\n });\n }\n }\n\n render() {\n const { handleChange, state } = this.props;\n\n return (\n Formulário
\n \n\n {this.state.previewVisible && (\n\n
\n )}\n \n
\n \n
\n \n\n
\n\n \n \n
\n \n \n \n\n \n \n \n \n {\n const data_inicio = value.target.value;\n\n if(!!state.data_fim && moment(state.data_fim).isBefore(data_inicio))\n handleChange({ data_inicio, data_fim: null })\n else\n handleChange({ data_inicio })\n }}\n />\n \n \n \n \n handleChange({ data_fim: value.target.value })}\n />\n \n \n
\n \n
\n \n
\n \n\n \n \n \n \n handleChange({ titulo: value.target.value.toUpperCase() })}\n value={!!('titulo' in state) ? state.titulo : ''}\n />\n \n \n \n \n handleChange({ cor_primaria: value.target.value.toUpperCase() })}\n value={state.cor_primaria}\n />\n \n \n \n \n handleChange({ cor_contraste: value.target.value.toUpperCase() })}\n value={state.cor_contraste}\n />\n \n \n handleChange({ descricao: content })}\n init={{\n height: 500,\n selector: 'textarea',\n language: 'pt_BR',\n menubar: 'edit view insert format table',\n // plugins: [\n // 'advlist autolink lists link image charmap',\n // 'searchreplace visualblocks code fullscreen',\n // 'insertdatetime media table paste code help wordcount'\n // ],\n plugins: [\n 'paste importcss searchreplace autolink',\n 'directionality code visualblocks visualchars fullscreen',\n 'image link media template table charmap hr',\n 'nonbreaking anchor toc insertdatetime advlist lists wordcount',\n 'imagetools textpattern noneditable help charmap quickbars emoticons'\n ],\n toolbar: 'undo redo | fontselect formatselect fontsizeselect | ' +\n 'bold italic underline strikethrough forecolor backcolor removeformat |' +\n 'alignleft aligncenter alignright alignjustify |' +\n 'bullist numlist | outdent indent | table image link |' +\n 'charmap fullscreen preview | template ',\n fontsize_formats: '8px 9px 10px 11px 12px 13px 14px 15px 16px 17px 18px 19px 20px ' +\n '21px 22px 23px 24px 25px 26px 26px 27px 28px 29px 30px ' +\n '31px 32px 33px 34px 35px 36px 36px 37px 38px 39px 40px'\n }}\n />\n \n
\n \n\n \n {!state.loading && (\n \n\n \n \n \n \n handleChange({ taxa_inscricao_descricao: value.target.value.toUpperCase() })}\n value={state.taxa_inscricao_descricao}\n />\n \n \n \n \n `(${option.codigo}) ${option.nome}`}\n onChange={(_, value) => handleChange({ taxa_inscricao_categoria: value })}\n inputMode=\"text\"\n key=\"categorias\"\n value={state.taxa_inscricao_categoria}\n renderOption={option => ({option.codigo}) {option.nome} }\n renderInput={params => (\n \n {state.loadClientes ? \n \n \n \n {\n handleChange({ taxa_inscricao_departamento: { id: value.target.value } })\n }}\n >\n \n {state.departamentos.map(single => {\n return \n })}\n \n \n \n \n \n handleChange({ taxa_inscricao_conta: { id: value.target.value } })}\n >\n \n {state.contas.map(single => {\n return \n })}\n \n \n \n \n \n {\n handleChange({ taxa_inscricao_valor: value })\n }}\n />\n \n \n\n {state.hibilitado_para_nao_socio && (\n \n \n {\n handleChange({ taxa_inscricao_valor_nao_socio: value })\n }}\n />\n \n \n )}\n\n \n \n handleChange({ taxa_inscricao_multa: value.target.value.toUpperCase() })}\n value={state.taxa_inscricao_multa}\n />\n \n \n \n \n handleChange({ taxa_inscricao_juros: value.target.value.toUpperCase() })}\n value={state.taxa_inscricao_juros}\n />\n \n \n
\n \n\n \n \n \n \n handleChange({ mensalidade_descricao: value.target.value.toUpperCase() })}\n value={state.mensalidade_descricao}\n />\n \n \n \n \n `(${option.codigo}) ${option.nome}`}\n onChange={(_, value) => handleChange({ mensalidade_categoria: value })}\n inputMode=\"text\"\n key=\"categorias\"\n value={state.mensalidade_categoria}\n renderOption={option => ({option.codigo}) {option.nome} }\n renderInput={params => (\n \n {state.loadClientes ? \n \n \n \n {\n handleChange({ mensalidade_departamento: { id: value.target.value } })\n }}\n >\n \n {state.departamentos.map(single => {\n return \n })}\n \n \n \n \n \n handleChange({ mensalidade_conta: { id: value.target.value } })}\n >\n \n {state.contas.map(single => {\n return \n })}\n \n \n \n \n \n {\n handleChange({ mensalidade_valor: value })\n }}\n />\n \n \n {state.hibilitado_para_nao_socio && (\n \n \n {\n handleChange({ mensalidade_valor_nao_socio: value })\n }}\n />\n \n \n )}\n \n \n handleChange({ mensalidade_multa: value.target.value.toUpperCase() })}\n value={state.mensalidade_multa}\n />\n \n \n \n \n handleChange({ mensalidade_juros: value.target.value.toUpperCase() })}\n value={state.mensalidade_juros}\n />\n \n \n
\n \n\n \n
\n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React from \"react\";\n\n// reactstrap components\nimport { Card, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport { withSnackbar } from \"notistack\";\nimport { ButtonGroup } from \"@material-ui/core\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport 'rodal/lib/rodal.css';\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport api from \"services/api\";\nimport { BoxLoading } from \"react-loadingg\";\nimport { handleDeleteFile, handleUploadArrayFile } from \"utils/file\";\nimport { jsonToUrlFilter } from \"utils/filter\";\nimport ButtonControl from \"views/components/ButtonControl\";\n\nimport 'react-confirm-alert/src/react-confirm-alert.css'; // Import css\n\nconst HISTORY_BACK = '/admin/inscricoes';\nconst ROUTE_API = '/api/inscricoes';\n\nclass InscricaoCrud extends React.Component {\n state = {\n form: [],\n ativo: true,\n loading: false,\n cor_primaria: '#673ab7',\n cor_contraste: '#ffffff',\n descricao: '',\n files: [],\n filesRemovidos: [],\n\n contas: [],\n categorias: [],\n departamentos: [],\n\n taxa_inscricao_categoria: 0,\n taxa_inscricao_departamento: 0,\n taxa_inscricao_conta: 0,\n taxa_inscricao_valor: 0,\n taxa_inscricao_multa: 0,\n taxa_inscricao_juros: 0,\n taxa_inscricao_valor_nao_socio: 0,\n\n mensalidade_categoria: 0,\n mensalidade_departamento: 0,\n mensalidade_conta: 0,\n mensalidade_valor: 0,\n mensalidade_multa: 0,\n mensalidade_juros: 0,\n mensalidade_valor_nao_socio: 0,\n\n hibilitado_para_socio: true,\n hibilitado_para_nao_socio: true,\n mensalidade: false,\n taxa_inscricao: true,\n requer_aprovacao: true,\n }\n\n async componentDidMount() {\n this.setState({ loading: true });\n await this.findCategorias();\n await this.findAllDepartamento();\n await this.findAllCaixa();\n !!this.props.match.params.id && await this.findBy();\n this.setState({ loading: false });\n }\n\n findBy = async () => {\n const { id } = this.props.match.params;\n const response = await api.get(`${ROUTE_API}/${id}`);\n const responseFiles = await api.get(`/api/bucket?${jsonToUrlFilter({ owner: response.uk })}`);\n\n this.setState({\n ...response,\n files: responseFiles.data\n });\n }\n\n findCategorias = async () => {\n const filter = {\n _limit: 999,\n _order: 'ASC',\n _sort: \"nome\",\n ativo: true,\n codigo_like: '1.%'\n }\n\n const response = await api.get(`/api/financeiro/categoria?${jsonToUrlFilter(filter)}`);\n this.setState({ categorias: response.data });\n }\n\n findAllDepartamento = async () => {\n const response = await api.get(\"/api/financeiro/departamento\");\n\n if (response) {\n this.setState({\n departamentos: response.status === 200 ? response.data : []\n })\n }\n }\n\n findAllCaixa = async () => {\n const response = await api.get('/api/financeiro/caixa?ativo=true');\n\n if (response) {\n this.setState({ contas: response.data })\n }\n }\n\n create = async () => {\n\n const id = this.props.match.params.id !== undefined ? this.props.match.params.id : '';\n\n if (!this.state.titulo) {\n this.props.enqueueSnackbar(\"Cadastre um Título\");\n return;\n }\n\n if (this.state.taxa_inscricao) {\n if (!this.state.taxa_inscricao_descricao) {\n this.props.enqueueSnackbar(\"Cadastre uma descrição da cobrança da taxa de inscrição\");\n return;\n }\n if (!this.state.taxa_inscricao_categoria) {\n this.props.enqueueSnackbar(\"Selecione uma categoria na taxa de inscrição\");\n return;\n }\n if (!this.state.taxa_inscricao_departamento) {\n this.props.enqueueSnackbar(\"Selecione um departamento na taxa de inscrição\");\n return;\n }\n if (!this.state.taxa_inscricao_conta) {\n this.props.enqueueSnackbar(\"Selecione uma conta na taxa de inscrição\");\n return;\n }\n if (!this.state.taxa_inscricao_valor) {\n this.props.enqueueSnackbar(\"Cadastre um valor na taxa de inscrição\");\n return;\n }\n if (this.state.hibilitado_para_nao_socio && this.state.taxa_inscricao_valor_nao_socio <= 0) {\n this.props.enqueueSnackbar(\"Cadastre um valor na taxa de inscrição para não sócio\");\n return;\n }\n if (!this.state.taxa_inscricao_multa && this.state.taxa_inscricao_multa <= 0) {\n this.props.enqueueSnackbar(\"Cadastre um valor para multa na taxa de inscrição\");\n return;\n }\n if (!this.state.taxa_inscricao_juros && this.state.taxa_inscricao_juros <= 0) {\n this.props.enqueueSnackbar(\"Cadastre um valor para juros na taxa de inscrição\");\n return;\n }\n }\n\n if (this.state.mensalidade) {\n if (!this.state.mensalidade_descricao) {\n this.props.enqueueSnackbar(\"Cadastre uma descrição da cobrança da mensalidade\");\n return;\n }\n if (!this.state.mensalidade_categoria) {\n this.props.enqueueSnackbar(\"Selecione uma categoria na mensalidade\");\n return;\n }\n if (!this.state.mensalidade_departamento) {\n this.props.enqueueSnackbar(\"Selecione um departamento na mensalidade\");\n return;\n }\n if (!this.state.mensalidade_conta) {\n this.props.enqueueSnackbar(\"Selecione uma conta na mensalidade\");\n return;\n }\n if (!this.state.mensalidade_valor) {\n this.props.enqueueSnackbar(\"Cadastre um valor na mensalidade\");\n return;\n }\n if (this.state.hibilitado_para_nao_socio && this.state.mensalidade_valor_nao_socio <= 0) {\n this.props.enqueueSnackbar(\"Cadastre um valor na mensalidade para não sócio\");\n return;\n }\n if (!this.state.mensalidade_multa && this.state.mensalidade_multa <= 0) {\n this.props.enqueueSnackbar(\"Cadastre um valor para multa na mensalidade\");\n return;\n }\n if (!this.state.mensalidade_juros && this.state.mensalidade_juros <= 0) {\n this.props.enqueueSnackbar(\"Cadastre um valor para juros na mensalidade\");\n return;\n }\n }\n\n const temp = { ...this.state };\n\n if(!temp.mensalidade) {\n delete temp.mensalidade_descricao;\n delete temp.mensalidade_categoria;\n delete temp.mensalidade_conta;\n delete temp.mensalidade_departamento;\n delete temp.mensalidade_juros;\n delete temp.mensalidade_multa;\n delete temp.mensalidade_valor;\n }\n\n if(!temp.taxa_inscricao) {\n delete temp.taxa_inscricao_descricao;\n delete temp.taxa_inscricao_categoria;\n delete temp.taxa_inscricao_conta;\n delete temp.taxa_inscricao_departamento;\n delete temp.taxa_inscricao_juros;\n delete temp.taxa_inscricao_multa;\n delete temp.taxa_inscricao_valor;\n }\n\n this.setState({ loading: true })\n let files = this.state.files;\n await handleDeleteFile(this.state.filesRemovidos);\n const data = { ...temp, form: JSON.stringify(this.state.form) }\n delete data['files'];\n delete data['filesRemovidos'];\n\n const response = !!id ? await api.put(`${ROUTE_API}/${id}`, data) : await api.post(`${ROUTE_API}`, data);\n\n if(!!response && !('data' in response && response.data.status !== 200)) {\n this.props.enqueueSnackbar(id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\");\n\n if (files.length > 0) {\n this.props.enqueueSnackbar(await handleUploadArrayFile(response.uk, 'inscricoes', files) === 200 ? \"Upload Realizada com sucesso\" : \"Falha no upload do arquivo.\")\n }\n }\n else {\n this.props.enqueueSnackbar(\"Ops, ocorreu um erro!\");\n }\n\n this.setState({ loading: false });\n if(!!response && !('data' in response && response.data.status !== 200)) this.props.history.push(HISTORY_BACK);\n }\n\n handleChange = value => {\n this.setState({ ...this.state, ...value });\n }\n\n handleChangeDropzone = (key, value) => {\n this.setState({ [key]: value });\n }\n\n render() {\n return (\n <>\n {this.state.loading && (\n \n handleChange({ ativo: !state.ativo })}\n checked={state.ativo}\n value={state.ativo}\n />\n \n
\n \n \n handleChange({ taxa_inscricao: !state.taxa_inscricao })}\n checked={state.taxa_inscricao}\n value={state.taxa_inscricao}\n />\n \n
\n \n \n {\n handleChange({ mensalidade: !state.mensalidade });\n }}\n checked={state.mensalidade}\n value={state.mensalidade}\n />\n \n
\n \n \n handleChange({ requer_aprovacao: !state.requer_aprovacao })}\n checked={state.requer_aprovacao}\n value={state.requer_aprovacao}\n disabled\n />\n \n
\n \n \n handleChange({ hibilitado_para_socio: !state.hibilitado_para_socio })}\n checked={state.hibilitado_para_socio}\n value={state.hibilitado_para_socio}\n />\n \n
\n \n \n handleChange({ hibilitado_para_nao_socio: !state.hibilitado_para_nao_socio })}\n checked={state.hibilitado_para_nao_socio}\n value={state.hibilitado_para_nao_socio}\n />\n \n
\n \n \n
\n )}\n \n
\n )}\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR INSCRIÇÕES\" : \"NOVA INSCRIÇÕES\"}\n subTitulo={\"Gerenciamento das inscrições\"}\n />\n\n {/* Page content */}\n \n
\n );\n }\n })\n });\n }\n\n handleCancelar = (inscricao, status) => {\n this.setState({ modal: {} }, () => {\n confirmAlert({\n customUI: ({ onClose }) => {\n return (\n Deseja mesmo 'Aprovar'?
\n Nome do Inscrito: {inscricao.tipo_socio === 'Não Sócio' ? (!!inscricao.nome ? inscricao.nome : inscricao.usuario.name) : inscricao.usuario.name}\n\n \n \n {\n let user = JSON.parse(window.localStorage.getItem(Config._USER));\n this.setState({ loading: true });\n onClose();\n\n let data = {\n status: inscricao.inscricao.taxa_inscricao ? 'Aguardando Pagamento' : 'Confirmado',\n aprovado_by: { id: user.id },\n aprovado_at: moment().format('YYYY-MM-DD\\\\THH:mm:ss'),\n }\n\n const response = await api.put(`/api/inscricoes/inscritos/${inscricao.id}`, data);\n\n if(!response || ('data' in response && 'error' in response.data && 'status' in response.data)) {\n this.props.enqueueSnackbar(response.mensagem);\n this.setState({ loading: false });\n }\n else {\n this.props.enqueueSnackbar(\"Inscrição Aprovada!\");\n this.setState({ loading: false });\n setTimeout(() => {\n this.findInscritos();\n }, 300);\n }\n }}\n >\n Sim\n \n
\n \n \n \n this.setState({ modal: { ...this.state.modal, observacao: value.target.value } })}\n />\n \n \n\n
\n );\n }\n })\n });\n }\n\n exportData = () => {\n const { filter, inscricao } = this.state;\n\n return {\n ...filter,\n _limit: 10000,\n _view: {\n title: `Inscrições \"${inscricao.titulo}\"`,\n head: 'Data Cadastro,Nome,Status' + (inscricao.taxa_inscricao ? ',Status Pagamento' : ''),\n body: 'data_cadastro:date,nome,status' + (inscricao.taxa_inscricao ? ',financeiro_taxa_inscricao.parcelamentos.status:statusPagamento' : ''),\n template: 2,\n },\n }\n }\n\n renderContent() {\n const { data } = this.state;\n\n if (data.length === 0) {\n return (\n Deseja mesmo '{status === 'Reprovado' ? \"Reprovar\" : \"Cancelar\"}'?
\n\n Esta operação não poderá ser desfeita.\n\n \n {\n const { modal } = this.state;\n\n if(!modal.observacao) {\n this.props.enqueueSnackbar(\"Preencha o campo 'Observação'.\");\n return;\n }\n\n this.setState({ loading: true });\n onClose();\n let user = JSON.parse(window.localStorage.getItem(Config._USER));\n\n const data = {\n status,\n observacao: modal.observacao,\n cancelado_by: { id: user.id },\n cancelado_at: moment().format('YYYY-MM-DD\\\\THH:mm:ss'),\n };\n\n const response = await api.put(`/api/inscricoes/inscritos/${inscricao.id}`, data);\n\n if(!response || ('data' in response && 'error' in response.data && 'status' in response.data)) {\n this.props.enqueueSnackbar(response.mensagem);\n this.setState({ loading: false });\n }\n else {\n this.props.enqueueSnackbar(`Inscrição ${status === 'Reprovado' ? \"reprovada\" : \"cancelada\"}!`);\n this.setState({ loading: false });\n setTimeout(() => {\n this.findInscritos();\n }, 300);\n }\n }}\n >\n Sim\n \n
\n Não Existem inscrições cadastrados
\n| DATA CADASTRO | \nNOME | \nSÓCIO | \nSTATUS | \nBOLETO | \nAÇÃO | \n
|---|---|---|---|---|---|
| {moment(item.data_cadastro).format('DD/MM/YYYY HH:mm')} | \n{item.tipo_socio === 'Não Sócio' ? (!!item.nome ? item.nome : item.usuario.name) : item.usuario.name} | \n{item.tipo_socio === 'Não Sócio' ? \"Não\" : \"Sim\"} | \n{DescricaoStatusInscricao(item.status)} | \n\n {item.financeiro_taxa_inscricao !== null && item.financeiro_taxa_inscricao.parcelamentos !== null && (\n \n \n Boleto\n \n )}\n | \n\n \n {item.status === 'Aguardando Aprovação' && (\n \n )}\n {['Cancelado', 'Reprovado'].indexOf(item.status) === -1 && (\n \n )}\n \n \n | \n
\n
\n )}\n \n );\n }\n\n render() {\n const { loading, filter, inscricao } = this.state;\n\n\n return (\n <>\n\n {loading && (\n \n
\n \n
\n \n
\n \n \n
\n \n\n \n\n {!!modal.usuario ? (\n <>\n \n \n
\n \n\n \n \n \n Nome do Responsável: \n {modal.usuario.name}\n \n \n \n
\n \n\n {!!modal.tipo_socio && (\n \n \n
\n \n )}\n \n ) : (\n <>\n {!!modal.nome && (\n \n \n
\n \n )}\n\n {!!modal.cpf && (\n \n \n
\n \n )}\n\n {!!modal.telefone && (\n \n \n
\n \n )}\n\n {!!modal.email && (\n \n \n
\n \n )}\n \n )}\n\n {!!modal.data_cadastro && (\n \n \n
\n \n )}\n\n {!!modal.data_primeira_mensalidade && (\n \n \n
\n \n )}\n\n \n\n {!!modal.aprovado_at && (\n <>\n \n\n {!!modal.financeiro_taxa_inscricao && (\n \n \n \n \n Taxa de Inscrição\n \n \n \n \n
\n \n )}\n\n {!!modal.aprovado_at && (\n \n \n
\n \n )}\n\n {!!modal.aprovado_by && (\n \n \n
\n \n )}\n \n \n )}\n\n {!!modal.cancelado_at && (\n <>\n \n {!!modal.cancelado_at && (\n \n \n
\n \n )}\n\n {!!modal.cancelado_by && (\n \n \n
\n \n )}\n\n {!!modal.observacao && (\n \n \n
\n \n )}\n\n \n \n )}\n\n \n \n \n
\n \n \n ))}\n
\n Informações da inscrição
\nInformações da aprovação
\nInformações do cancelamento
\nRespostas do formulário
\n {modal.respostas.map(item => (\n\n
\n )}\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={(!!inscricao ? inscricao.titulo : '')}\n subTitulo={\"Módulo de Gestão de inscrições\"}\n />\n\n {this.maisInformacoes()}\n\n {/* Page content */}\n \n \n \n \n \n \n \n this.setState({ filter: { ...filter, nome_like: value.target.value } })}\n />\n \n \n \n \n \n this.setState({ filter: { ...filter, usuario: value.target.value } })}\n multiple\n >\n \n \n \n \n \n \n \n \n \n {\n this.setState({ filter: { ...filter, status: value.target.value } })\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n {\n this.setState({ filtrar_data: value.target.value })\n }}\n >\n \n \n \n \n \n \n
\n \n \n\n {this.renderContent()}\n \n
\n Total ({this.state.data.length})
\n\n {!!this.state.data.length && !loading && (\n <>\nNão existem acordo cadastrado
\n\n \n \n
\n\n
\n );\n }\n\n render() {\n return (\n <>\n\n {/* | SÓCIO | \nDATA DO ACORDO | \nPARCELAS | \nPARCELAS PAGAS | \nTOTAL PAGO | \nAÇÃO | \n
|---|---|---|---|---|---|
| {`(${item.financeiro.cliente.numeroTitulo}) ${item.financeiro.cliente.name}`} | \n{moment(item.data_acordo).format(\"DD/MM/YYYY\")} | \n{!!item.financeiro.parcelamentos ? item.financeiro.parcelamentos.length : 0} | \n{parcelasPagas} | \n{addMaskMoney(valorPago)} | \n\n \n \n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Acordo\"} subTitulo={\"Módulo de Gestão de Acordo\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n \n
\n Total ({this.state.data ? this.state.data.length : 0})
\nContas Atrasadas
\n\n| \n \n \n | \n )}\n CATEGORIA | \nVALOR PARCELA | \nMULTA | \nJUROS | \nVALOR TOTAL | \nVENCIMENTO | \nFINANCEIRO | \n
|---|---|---|---|---|---|---|---|
| \n \n \n | \n )}\n\n \n {parcela.financeiroContasEntity.ct && parcela.financeiroContasEntity.ct.nome}\n | \n{numeral(valor).format('$ 0,0.00')} | \n{numeral(multa).format('$ 0,0.00')} | \n{numeral(juros).format('$ 0,0.00')} | \n{numeral(valor + multa + juros).format('$ 0,0.00')} | \n{parcela.dtVencimento ? moment(parcela.dtVencimento).format('DD/MM/YYYY') : '-'} | \n\n \n Visualizar\n \n | \nTotal: | \n{numeral(valorTotal).format('$ 0,0.00')} | \n{numeral(multaTotal).format('$ 0,0.00')} | \n{numeral(jurosTotal).format('$ 0,0.00')} | \n{numeral(valorTotal + multaTotal + jurosTotal).format('$ 0,0.00')} | \n\n {!id && | }\n \n |
\n
| Vencimento | \nValor | \nObservação | \n {!!id &&Financeiro | }\n
|---|---|---|---|
| \n | \n \n | \n \n | \n\n {!!id && (\n \n \n Visualizar\n \n | \n )}\n
\n \n \n VOLTAR\n \n \n
\n \n }\n titulo={'Acordo'}\n subTitulo={'Módulo de Gestão para acordos'}\n />\n\n {/* Page content */}\n \n {!!id ? 'Visualizar acordo' : 'Novo acordo'}\n
\n \nNão Existem Perfis cadastrados
\n\n \n \n
\n
\n );\n }\n\n render() {\n return (\n <>\n | PERFIL | \nAÇÃO | \n
|---|---|
| {single.descricao ? single.descricao : \"-\"} | \n\n | \n
\n \n \n VOLTAR\n \n \n NOVO\n \n \n
\n \n }\n titulo={\"Perfis\"}\n subTitulo={\"Módulo de Gestão para Perfis\"}\n />\n\n {/* Page content */}\n \n \n \n \n\n {this.renderContent()}\n\n \n
\n Total de Perfis ({this.state.data.length})
\n\n {routes.map((route, index) => {\n if(!('children' in route)) return false\n return (\n
\n \n );\n }\n}\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport { ButtonGroup } from \"@material-ui/core\";\nimport { withSnackbar } from \"notistack\";\nimport React from \"react\";\nimport { Card, CardHeader, CardBody, Form, Container, Row, Col } from \"reactstrap\";\nimport HeaderButtonGroup from \"views/components/Headers/HeaderButtonGroup\";\nimport FormFields from \"./Form/FormFields\";\nimport FormButtonAction from \"views/components/FormButtonAction\";\nimport ButtonControl from \"views/components/ButtonControl\";\nimport api from \"services/api\";\nimport { BoxLoading } from \"react-loadingg\";\n\nconst HISTORY_BACK = '/admin/usuarios/perfis';\n\nclass PerfisCrud extends React.Component {\n\n state = {\n permissaoWeb: [],\n loading: false\n };\n\n async componentDidMount() {\n const {id} = this.props.match.params;\n !!id && this.findProfileRotas()\n }\n\n findProfileRotas = async () => {\n this.setState({ loading: true })\n const {id} = this.props.match.params;\n const response = await api.get(`/api/profile/${id}`);\n if (!!response) {\n this.setState({\n ...response,\n loading: false,\n })\n }\n }\n\n handleChecked = rota => {\n const {permissaoWeb} = this.state;\n const searchRota = permissaoWeb.find(dataRota => dataRota.rota === rota);\n return !!searchRota\n }\n\n handleSelectAll = rotas => {\n const { permissaoWeb } = this.state;\n const { id } = this.props.match.params;\n const parent = rotas.layout+rotas.path;\n if (!this.handleChecked(parent)) {\n permissaoWeb.push({ rota: parent, profile: { id: parseInt(id) } })\n }\n rotas.children.forEach(children => {\n var rota = rotas.layout+rotas.path+children.path\n if (!this.handleChecked(rota)) {\n permissaoWeb.push({ rota, profile: { id: parseInt(id) } })\n }\n })\n this.setState({ permissaoWeb })\n }\n\n handleUnselectAll = rotas => {\n var { permissaoWeb } = this.state;\n const parent = rotas.layout+rotas.path;\n if (this.handleChecked(parent)) {\n permissaoWeb = permissaoWeb.filter(dataRota => dataRota.rota !== parent);\n }\n rotas.children.forEach(children => {\n var rota = rotas.layout+rotas.path+children.path\n if (this.handleChecked(rota)) {\n permissaoWeb = permissaoWeb.filter(dataRota => dataRota.rota !== rota);\n }\n })\n this.setState({ permissaoWeb })\n }\n\n handleChangePermissaoWeb = rota => {\n const { permissaoWeb } = this.state;\n const { id } = this.props.match.params;\n\n if (this.handleChecked(rota)) {\n const filterRota = permissaoWeb.filter(dataRota => dataRota.rota !== rota);\n this.setState({permissaoWeb: filterRota})\n } else {\n this.setState({ permissaoWeb: [...permissaoWeb,{ rota, profile: { id: parseInt(id) } }]})\n }\n }\n\n handleChange = (value) => {\n this.setState({ ...this.state, ...value });\n }\n\n create = async () => {\n this.setState({ loading: true })\n let { id } = this.props.match.params;\n let data = { ...this.state };\n let response = null\n if (!id) {\n response = await api.post('/api/profile/', {...data, permissaoWeb: []})\n id = response.id\n data.id = id\n data.permissaoWeb = data.permissaoWeb.map(item => {\n return { ...item, profile: { id: parseInt(id) } }\n })\n }\n if (!!id) {\n response = await api.put(`/api/profile/${id}`, data)\n }\n\n if(!!response) {\n this.props.enqueueSnackbar(id ? \"Atualizado com sucesso!\" : \"Cadastrado com sucesso!\");\n this.props.history.push(HISTORY_BACK);\n }\n else {\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro, tente novamente mais tarde.\")\n }\n\n this.setState({ loading: false })\n }\n\n render() {\n return (\n <>\n {this.state.loading && (\n \n \n \n
\n \n \n
\n \n \n \n \n \n Página { route.nome }\n \n \n \n { route.nome }\n \n \n
\n \n \n \n \n {route.children.map((propAction, key) => {\n return (\n \n \n \n { propAction.nome }\n \n \n \n {propAction.nome}\n \n \n
\n )\n })}\n \n \n \n
\n )\n })}\n \n
\n )}\n\n\n {/* \n \n \n VOLTAR\n \n \n
\n \n }\n titulo={this.props.match.params.id ? \"EDITAR USUÁRIO\" : \"NOVO USUÁRIO\"}\n subTitulo={\"Gerenciamento dos Usuários\"}\n />\n\n\n {/* Page content */}\n \n {this.props.match.params.id ? \"Atualizar Perfis\" : \"Cadastrar Novo Perfil\"}\n
\n \n\n \n {!!logo && (\n 
\n \n ) : (\n \n \n \n )}\n \n )}\n \n \n \n \n \n
\n
\n\n {/* Form */}\n \n
CLUBES ASSOCIADOS
\n\n {/* Navigation */}\n \n\n\n\n
CONFIGURAÇÕES
\n\n \n\n\n
\n \n \n \n \n
\n \n );\n }\n}\n\nexport default AdminLayout;\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\n/*eslint-disable*/\nimport React, { Component } from \"react\";\n\n// reactstrap components\nimport { Container, Row, Col } from \"reactstrap\";\n\nclass Login extends Component {\n render() {\n return (\n <>\n \n \n );\n }\n}\n\nexport default Login;\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport React, { Component } from \"react\";\n\n// reactstrap components\nimport Config from 'Config';\nimport { BoxLoading } from 'react-loadingg';\nimport { withSnackbar } from \"notistack\";\nimport api from \"services/api\";\nimport { Button, Card, CardBody, FormGroup, Form, Input, InputGroupAddon, InputGroupText, InputGroup, Col} from \"reactstrap\";\n\nclass Login extends Component {\n state = {\n loading: false,\n email: '',\n senha: '',\n recuperar_senha: false\n }\n\n handleLogin = async e => {\n e.preventDefault();\n\n if (!this.state.email || this.state.email === '') {\n this.props.enqueueSnackbar(\"O e-mail deve ser preenchido!\")\n return;\n }\n\n if (!this.state.senha || this.state.senha === '') {\n this.props.enqueueSnackbar(\"A senha deve ser preenchida!\")\n return;\n }\n\n this.setState({ loading: true });\n const response = await api.post(\"/api/auth/login\", this.state);\n\n if (!!response && 'data' in response && 'mensagem' in response.data) {\n this.props.enqueueSnackbar(response.data.mensagem);\n }\n else if (!!response) {\n if (response.data.usuario.profile.id === 2 || response.data.usuario.profile.id === 3) {\n this.props.enqueueSnackbar(\"Seu usuário possui somente permissão para acessar o app!\");\n }\n else {\n window.localStorage.setItem(Config._USER, JSON.stringify(response.data.usuario));\n window.localStorage.setItem(Config._TOKEN, JSON.stringify(response.data.token));\n this.props.history.replace('/admin');\n }\n }\n else {\n this.props.enqueueSnackbar(\"Ops, Ocorreu um erro!\");\n }\n\n this.setState({ loading: false });\n }\n\n handleRedefinirSenha = e => {\n e.preventDefault()\n if(!this.state.enviado){\n if(!this.state.email){\n this.props.enqueueSnackbar(\"Informe um e-mail\");\n return;\n }\n\n this.setState({ loading: true })\n api.post(`/api/user/senha/${this.state.email}`)\n .then(response => {\n console.log(response.mensagem)\n this.props.enqueueSnackbar(response.mensagem);\n this.setState({ recuperar_senha: !this.state.recuperar_senha, loading: false })\n })\n .catch(error => {\n this.props.enqueueSnackbar(\"Ops! Ocorreu algum erro em nossa nuvem, tente novamente mais tarde.\")\n console.log(error.response)\n this.setState({ loading: false })\n });\n }\n }\n\n changeRecuperarSenha = e => {\n e.preventDefault();\n this.setState({ recuperar_senha: !this.state.recuperar_senha });\n }\n\n render() {\n const { loading, recuperar_senha } = this.state;\n\n return (\n <>\n \n Entre com sua Credencial\n
\n \n \n {/* \n \n \n \n
\n \n
\n \n \n \n
\n {/* Page content */}\n \n \n 
\n
\n
\n Bem Vindo!
\n\n Um novo Clube, o reflexo de um novo tempo.\n
\n \n\n \n
\n \n
\n )}\n\n \n \n \n \n
\n )}\n \n ) : showFinalizado ? (\n \n
\n ) : showCpfRestrito ? (\n \n \n Tivemos um problema com o seu CPF!\n
\n \n
\n ) : showTituloRestrito ? (\n \n \n Tivemos um problema com o seu título!\n
\n {!(hasTitulo || isDependente) && (\n
\n ) : showInscricaoRealizada ? (\n \n
\n ) : showEnviadoComSucesso ? (\n \n
\n ) : showEnviadoComErro ? (\n \n
\n ) : !this.state.ativo || (!!this.state.data_inicio && !incricaoIsStart) || (!!this.state.data_fim && incricaoIsEnd) ? (\n \n
\n ) : (\n <>\n {!hasTitulo && !!this.state.hibilitado_para_nao_socio && !!this.state.hibilitado_para_socio && (\n
\n \n
\n \n );\n }\n}\n\nexport default withSnackbar(FazerInscricao);\n","import { withSnackbar } from 'notistack';\nimport React, { Component } from 'react';\nimport { BoxLoading } from 'react-loadingg';\nimport { Button, Col, Container, Row } from 'reactstrap';\nimport api from 'services/api';\nimport { isValidCPF } from 'utils/Validations';\nimport cpfMask from 'utils/cpfMask';\nimport phoneMask from 'utils/phoneMask';\n\nclass CadastroVisitante extends Component {\n state = {\n showLimiteExcedido: false,\n showGeradoComSucesso: false,\n showGeradoComErro: false,\n loading: false,\n cpf: '',\n telefone: '',\n email: '',\n usuario: null,\n novoVisitante: false\n }\n\n async componentDidMount() {\n document.body.style.backgroundColor = \"#f6f6f6\";\n !!this.props.match.params.uk && this.findBy();\n }\n\n findBy = async () => {\n this.setState({ loading: true });\n const { uk } = this.props.match.params;\n const response = await api.get(`/api/user/${uk}/acesso-publico/visitante`);\n\n if(!!response) {\n this.setState({\n usuario: response,\n loading: false\n });\n }\n else {\n this.setState({ showGeradoComErro: true, loading: false });\n }\n }\n\n handleFindVisitante = async cpf => {\n this.setState({ loading: true });\n const response = await api.get(`/api/visitantes/consulta-visita/${cpf}`);\n if(!response) this.setState({ showGeradoComErro: true, loading: false });\n\n if(!!response.visitante) {\n if(!!response.visitas_pendente.length && !!response.visitas_pendente.find(item => item.usuario.id === this.state.usuario.id)) this.setState({ showJaGerado: true, loading: false });\n if(response.visitas_mensal.length >= 2) this.setState({ showLimiteExcedido: true, loading: false });\n this.setState({ ...response.visitante, ...response, loading: false });\n }\n else {\n this.setState({ loading: false });\n }\n }\n\n handleSubmit = async () => {\n this.setState({ loading: true });\n const response = await api.post('/api/visitantes', this.state);\n\n if(!!response) {\n console.log(response);\n await api.post('/api/visitantes/historico', {\n visitante: { id: response.id },\n usuario: { id: this.state.usuario.id },\n });\n\n this.setState({ showGeradoComSucesso: true });\n }\n else {\n this.setState({ showGeradoComErro: true });\n }\n\n this.setState({ loading: false });\n }\n\n render() {\n const { loading, showLimiteExcedido, showGeradoComSucesso, showJaGerado, showGeradoComErro, usuario, cpf } = this.state;\n\n return (\n <>\n {loading && (\n \n
\n
\n )}\n\n {loading ? (\n <>\n {!this.state.descricao && (\n {this.state.titulo}
\n \n\n
* Obrigatório
\n \n Inscrição não está mais disponivel!\n
\n \n\n Tivemos um problema com o seu CPF!\n
\n Entrar em contato com a secretaria.\n
\n \n \n Tivemos um problema com o seu título!\n
\n Entrar em contato com a secretaria.\n
\n {!(hasTitulo || isDependente) && (\n \n {this.state.dependentes.length === 0 ? 'Inscrições já realizada!' : 'Inscrição já realizada!'}\n
\n \n\n Inscrição enviado com sucesso!\n
\n \n\n Ops, ocorreu um erro.\n
\n\n Não conseguimos enviar sua Inscrição!\n
\n \n\n {!!this.state.data_inicio && !incricaoIsStart ? (\n \"As inscrições irão começar dia \" + moment(this.state.data_inicio).format('DD/MM/YYYY')\n ) : (\n \"Infelizmente as inscrições foram finalizadas!\"\n )}\n
\n \n\n
\n )}\n\n {this.state.socio !== null && (\n <>\n {this.state.socio ? (\n <>\n \n \n
\n \n this.changeTipoSocio(true)}\n />\n \n
\n \n this.changeTipoSocio(false)}\n />\n \n
\n \n
\n\n {!!this.state.usuario && (\n <>\n {this.state.dependentes.length > 0 && (\n \n \n
\n \n this.setState({ numero_titulo: data.target.value })}\n disabled={hasTitulo}\n />\n {!hasTitulo && (\n
\n \n \n
\n )}\n \n
\n )}\n\n {!isDependente && this.state.dependentes.length > 0 && !this.state.desativa_socio_proprietario && (\n \n \n this.setState({ nome_titular: data.target.value })}\n disabled={!!this.state.socio}\n />\n
\n \n
\n )}\n\n {this.state.tipo_socio !== null && (\n \n \n\n
\n \n this.setState({ tipo_socio: SOCIO_PROPRIETARIO, nome_inscrito: this.state.nome_titular, dependente: null })}\n disabled={isDependente}\n />\n \n
\n\n \n this.setState({ tipo_socio: SOCIO_DEPENDENTE, nome_inscrito: '', dependente: null })}\n disabled={isDependente}\n />\n \n
\n\n \n
\n )}\n \n )}\n \n ) : (\n <>\n \n \n {this.state.tipo_socio === SOCIO_PROPRIETARIO ? (\n this.setState({ nome_inscrito: data.target.value.toUpperCase() })}\n disabled={this.state.tipo_socio === SOCIO_PROPRIETARIO}\n />\n ) : (\n \n {\n const dependente = this.state.dependentes.find(dependente => parseInt(dependente.id) === parseInt(value.target.value));\n this.setState({ dependente: value.target.value, nome_inscrito: dependente.name });\n }}\n disabled={isDependente}\n >\n {this.state.dependentes.filter(dependente => dependente.ativo).map(dependente => (\n \n ))}\n \n \n )}\n
\n \n
\n\n {moment(this.state.data_nascimento).isValid() && (\n <>\n \n \n {\n const data_nascimento = data.target.value;\n\n if(moment(data_nascimento).isValid()) {\n const idade = (moment()).diff(moment(data.target.value), 'years');\n const menor_18anos = idade < 18;\n\n this.setState({\n menor_18anos,\n data_nascimento\n })\n }\n else {\n this.setState({\n data_nascimento\n })}\n }\n }\n />\n
\n \n
\n \n {this.state.cpfValido && (\n <>\n {this.state.menor_18anos && (\n \n \n {\n const cpf = cpfMask(data.target.value);\n\n if(isValidCPF(cpf)) {\n this.setState({ cpf, cpfValido: true }, () => {\n if(cpf.length === 14) {\n this.handleFindNaoSocio();\n }\n });\n }\n else {\n this.setState({ cpf, cpfValido: false });\n\n if(cpf.length === 14) {\n this.props.enqueueSnackbar(\"CPF invalido!\");\n } \n }\n }}\n />\n
\n \n
\n )}\n\n \n \n this.setState({ nome_responsavel: data.target.value.toUpperCase() })}\n // disabled={this.state.tipo_socio === SOCIO_PROPRIETARIO || ('in_database' in this.state && this.state.in_database === true)}\n />\n
\n \n
\n\n \n \n this.setState({ nome_inscrito: data.target.value.toUpperCase() })}\n // disabled={(this.state.tipo_socio === SOCIO_PROPRIETARIO && !this.state.menor_18anos) || ('in_database' in this.state && this.state.in_database === true && !this.state.menor_18anos)}\n />\n
\n \n
\n\n \n \n this.setState({ telefone: phoneMask(data.target.value) })}\n />\n
\n \n
\n\n \n \n this.setState({ email: data.target.value })}\n />\n
\n \n
\n\n \n \n {\n const cep = cepMask(e.target.value);\n this.handleFindAddress(cep) \n\n if(cep.replace(\"-\", \"\").length <= 8) {\n this.setState({ cep });\n }\n }}\n />\n
\n \n
\n\n \n \n \n {\n const estado = e.target.value.toUpperCase();\n this.setState({ estado });\n }}\n >\n \n {estados.map(item => )}\n \n \n
\n \n
\n\n \n \n {\n const cidade = e.target.value.toUpperCase();\n this.setState({ cidade });\n }}\n />\n
\n \n
\n\n \n \n {\n const bairro = e.target.value.toUpperCase();\n this.setState({ bairro });\n }}\n />\n
\n \n
\n \n \n \n {\n const logradouro = e.target.value.toUpperCase();\n this.setState({ logradouro });\n }}\n />\n
\n \n
\n\n \n \n {\n const numero = e.target.value.toUpperCase();\n this.setState({ numero });\n }}\n />\n
\n \n
\n \n )}\n \n )}\n\n \n )}\n\n {(\n (!!this.state.socio && !!this.state.usuario && !!this.state.nome_titular && !!this.state.tipo_socio && !!this.state.nome_inscrito) ||\n (!this.state.socio \n && !!this.state.nome_inscrito \n && this.validatePhone(this.state.telefone) \n && this.validateEmail(this.state.email) \n && !!this.state.cep \n && !!this.state.estado \n && !!this.state.cidade\n && !!this.state.bairro\n && !!this.state.logradouro \n && !!this.state.numero \n && !!this.state.complemento \n )\n ) && (\n \n \n {\n const complemento = e.target.value.toUpperCase();\n this.setState({ complemento });\n }}\n />\n
\n \n
\n )}\n\n \n \n \n \n
\n )}\n\n {showGeradoComSucesso ? (\n \n
\n ) : showJaGerado ? (\n \n
\n ) : showLimiteExcedido ? (\n \n
\n ) : showGeradoComErro ? (\n \n
\n ) : !!usuario && (\n <>\n
\n \n
\n \n );\n }\n}\n\nexport default withSnackbar(CadastroVisitante);\n","import React, { Component } from 'react';\n\nclass PoliticaDePrivacidade extends Component {\n render() {\n return (\n \n
\n
\n
\n ) : !showGeradoComErro && (\n Convite especial para visita!
\n\n
\n Convidamos você para uma visita especial ao Clube Atiradores.\n
\n
\n {usuario.name}, um de nossos sócios convidou você para conhecer nossas instalações e conhecer as variedades que o clube oferece.\n
\n De práticas esportivas até eventos sociais, o Clube Atiradores possui uma estrutura com as mais variadas opções para o seu lazer.\n
\n
\n Aguardamos ansiosamente sua visita!\n
\n \n
\n {usuario.name}, um de nossos sócios convidou você para conhecer nossas instalações e conhecer as variedades que o clube oferece.\n
\n De práticas esportivas até eventos sociais, o Clube Atiradores possui uma estrutura com as mais variadas opções para o seu lazer.\n
\n
\n Aguardamos ansiosamente sua visita!\n
\n
* Obrigatório
\n \n Convite gerado com sucesso!!!\n
\n\n Agora é só spresentar seu CPF e documento de identificação com foto na portaria.\n
\n \n\n Convite já foi gerado!!!\n
\n\n Agora é só spresentar seu CPF e documento de identificação com foto na portaria.\n
\n \n\n Não foi possível gerar seu convite!!!\n
\n\n Infelizmente você atingiu o limite de 2 visitas no mês.\n
\n \n\n Ops, ocorreu um erro.\n
\n\n Não conseguimos gerar seu convite!\n
\n \n\n
\n {cpf.length === 14 && isValidCPF(cpf) && !loading && (\n <>\n \n \n {\n const cpf = cpfMask(data.target.value);\n this.setState({ cpf });\n\n if(cpf.length === 14) {\n if(isValidCPF(cpf)) {\n this.handleFindVisitante(cpf);\n }\n else {\n this.props.enqueueSnackbar(\"Informe um CPF valido!\", { variant: 'error' });\n }\n }\n }}\n />\n
\n \n
\n\n \n \n {\n const nome = data.target.value;\n this.setState({ nome });\n }}\n />\n
\n \n
\n\n \n \n {\n const telefone = phoneMask(data.target.value);\n this.setState({ telefone });\n }}\n />\n
\n \n \n \n\n \n \n\n \n \n\n \n \n\n \n\n \n \n\n \n \n\n \n \n\n \n \n
\n );\n }\n}\n\nexport default PoliticaDePrivacidade;\n","/*!\n\n=========================================================\n* Argon Dashboard React - v1.1.0\n=========================================================\n\n* Product Page: https://www.creative-tim.com/product/argon-dashboard-react\n* Copyright 2019 Creative Tim (https://www.creative-tim.com)\n* Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard-react/blob/master/LICENSE.md)\n\n* Coded by Creative Tim\n\n=========================================================\n\n* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n*/\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\nimport \"assets/plugins/nucleo/css/nucleo.css\";\nimport \"assets/scss/argon-dashboard-react.scss\";\nimport { authHeader, authHeaderBucket, getToken, getUser } from \"Config\";\nimport fetchIntercept from 'fetch-intercept';\nimport AdminLayout from \"views/layouts/Admin\";\nimport AuthLayout from \"views/layouts/Auth\";\nimport { SnackbarProvider } from \"notistack\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter, Redirect, Route, Switch } from \"react-router-dom\";\nimport FazerInscricao from \"views/pages/Inscricoes/FazerInscricao\";\nimport CadastroVisitante from \"views/pages/Visitantes/CadastroVisitante\";\nimport PoliticaDePrivacidade from \"views/pages/PoliticaDePrivacidade\";\n\nfetchIntercept.register({\n request: function (url, config) {\n if (!config) config = {};\n\n if (config.body && config.body instanceof FormData)\n config['headers'] = authHeaderBucket();\n else\n config['headers'] = authHeader();\n\n return [url, config];\n },\n\n requestError: function (error) {\n return Promise.reject(error);\n },\n\n response: function (response) {\n if (response && response.status === 403) {\n // window.localStorage.removeItem(Config._USER)\n // window.location.reload()\n }\n return response;\n },\n\n responseError: function (error) {\n return Promise.reject(error);\n }\n});\n\nlet PrivateRoute = ({ render, cookies, ...rest }) => {\n return (\n Política de Privacidade
\nInformações Gerais
\nNome da Empresa: Clube de Caça e Tiro Vasconcelos Drumond
\nEndereço Físico: R. Uruguai, 546 - Centro, Itajaí - SC, 88302-202, Brasil
\n\n E-mail para Contato:\n administrativo@clubeatiradores.com.br\n
\nTelefone para Contato: (47) 3348-0710
\nColeta de Informações
\nTipo de Informações Pessoais: Não coletamos nenhuma informação em nosso aplicativo, somente\n disponibilizamos as informações coletadas na secretaria do clube.
\nComo são Coletadas: Todas as informações dos usuários são coletadas na secretaria do clube e\n disponibilizadas no aplicativo.
\nColeta Automática: Não realizamos coleta automática de informações, como endereço IP, cookies ou\n dados de navegação.
\nUso de Informações
\nComo as Informações São Usadas: Para identificação e contato.
\nCompartilhamento com Terceiros: Não compartilhamos informações com terceiros.
\nSegurança
\nMedidas de Segurança: Utilizamos criptografia em dados sensíveis.
\nArmazenamento e Retenção: Armazenamos os dados até 6 anos após o desligamento do sócio com o\n clube.
\nDireitos do Usuário
\nAcesso, Correção e Exclusão: Os usuários podem acessar, corrigir ou excluir suas informações\n através do aplicativo, meios de contato ou diretamente através da secretaria.
\nConsentimento
\nFornecimento de Consentimento: Os usuários fornecem consentimento para a coleta e processamento\n de suas informações pessoais.
\nRetirada do Consentimento: A retirada do consentimento pode ser feita através do aplicativo,\n meios de contato ou diretamente através da secretaria.
\nContato
\nDúvidas ou Preocupações: Em caso de dúvidas ou preocupações sobre a política de privacidade, os\n usuários podem entrar em contato através do aplicativo, meios de contato ou diretamente através da secretaria.
\n