\r\n
\r\n Selecione a cor para o texto do banner \r\n
\r\n
\r\n {exibirColorPickerFonte ?
\r\n
setExibirColorPickerFonte(false)} />\r\n setBanner({ ...banner, corFonte: e.rgb })} />\r\n
: null}\r\n
setExibirColorPickerFonte(true)}>\r\n
\r\n
\r\n
\r\n
\r\n {banner.tipoFundo === \"cor\" &&\r\n
\r\n
\r\n Selecione a cor de fundo \r\n
\r\n
\r\n {exibirColorPicker ?
\r\n
setExibirColorPicker(false)} />\r\n setBanner({ ...banner, fundo: e.rgb })} />\r\n
: null}\r\n
setExibirColorPicker(true)}>\r\n
\r\n
\r\n
\r\n
\r\n }\r\n {banner.tipoFundo === \"imagem\" &&\r\n
\r\n
\r\n Link da Imagem de fundo \r\n setBanner({ ...banner, fundo: e.target.value })} />\r\n \r\n
\r\n Ou faça o upload de um arquivo de imagem:\r\n
\r\n
\r\n
Clique para selecionar o arquivo \"\r\n labelInvalidField=\"Você adicionou arquivos inválidos\" labelFileWaitingForSize=\"Lendo tamanho do arquivo...\" labelFileLoading=\"Carregando...\"\r\n labelFileLoadError=\"Erro ao carregar o arquivo\" labelFileProcessing=\"realizando upload de arquivo\" labelFileProcessingComplete=\"Upload concluído\"\r\n labelFileProcessingAborted=\"Upload cancelado!\" labelFileProcessingError=\"Erro ao realizar o upload\" labelFileRemoveError=\"Erro ao remover o arquivo\"\r\n labelTapToCancel=\"Cancelar\" labelTapToRetry=\"Toque para tentar novamente\" labelTapToUndo=\"Toque para desfazer\" labelButtonRemoveItem=\"Remover\"\r\n labelButtonAbortItemLoad=\"Abortar\" labelButtonRetryItemLoad=\"Tentar novamente\" labelButtonAbortItemProcessing=\"Cancelar\"\r\n labelButtonUndoItemProcessing=\"Desfazer\" labelButtonRetryItemProcessing=\"Tentar novamente\" />\r\n \r\n {!!banner.fundo ? (
\r\n
Pré visualização: \r\n
\r\n
) : null}\r\n
\r\n
\r\n }\r\n
\r\n {({ data, loading }) => (\r\n \r\n {\r\n if (banner.paginaRedirecionar && banner.paginaRedirecionar.pgt_codigo === x.pgt_codigo) {\r\n return banner.paginaRedirecionar;\r\n }\r\n return x;\r\n })}\r\n value={banner.paginaRedirecionar}\r\n onChange={e => {\r\n setBanner({...banner, paginaRedirecionar: e, link: ''});\r\n }}\r\n getOptionValue={x => x}\r\n textField={\"pgt_titulo\"}\r\n />\r\n {setBanner({...banner, paginaRedirecionar: null, link: e.target.value})}} />\r\n \r\n )} \r\n \r\n
\r\n { setBanner({...banner, target: e}) }} />\r\n \r\n \r\n
\r\n }\r\n\r\n {componenteAdicionar.pgc_tipocomponente === TipoComponente.slideBanner &&\r\n
\r\n }\r\n\r\n {(componenteAdicionar.pgc_tipocomponente === TipoComponente.menu || componenteAdicionar.pgc_tipocomponente === TipoComponente.acessoRapido) && \r\n
\r\n
\r\n {({ data, loading }) => (\r\n {({ input, meta }) => (\r\n \r\n {\r\n if (input.value && input.value.msv_codigo === x.msv_codigo) {\r\n return input.value\r\n }\r\n return x\r\n })}\r\n value={input.value}\r\n textField={'msv_nome'}\r\n onChange={value => {\r\n input.onChange(value)\r\n setMenuUtilizar(value);\r\n }}\r\n getOptionValue={x => x}\r\n />\r\n \r\n )} \r\n )} \r\n \r\n
\r\n \r\n \r\n \r\n {componenteAdicionar.pgc_tipocomponente === TipoComponente.acessoRapido &&\r\n
\r\n Título \r\n setMenuUtilizar({ ...menuUtilizar, titulo: e.target.value })} />\r\n \r\n }\r\n
\r\n setMenuUtilizar({ ...menuUtilizar, msv_tipo: 0 })}\r\n />\r\n setMenuUtilizar({ ...menuUtilizar, msv_tipo: 1 })}\r\n />\r\n \r\n
}\r\n\r\n {(componenteAdicionar.pgc_tipocomponente === TipoComponente.assuntosRelacionados || componenteAdicionar.pgc_tipocomponente === TipoComponente.ultimaNoticiaAssunto || componenteAdicionar.pgc_tipocomponente === TipoComponente.cardUltimasNoticias || componenteAdicionar.pgc_tipocomponente === TipoComponente.cardUltimosVideos || componenteAdicionar.pgc_tipocomponente === TipoComponente.cardUltimosAlbuns) &&\r\n
\r\n }\r\n \r\n
\r\n {!!componenteAdicionar.pgc_tipocomponente === true && \r\n \r\n {/*
\r\n {JSON.stringify(props.value, null, 4)}\r\n */}\r\n \r\n )\r\n}","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { AbaseAutocompleteField, AbaseDateTimePickerField, AbaseTextField, FormDraft } from 'abase-components';\r\nimport 'filepond/dist/filepond.min.css';\r\nimport _ from 'lodash';\r\nimport { default as React } from 'react';\r\nimport { Query } from 'react-apollo';\r\nimport { Button, Col, Form, FormCheck } from 'react-bootstrap';\r\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nimport { Field } from 'react-final-form';\r\nimport * as Yup from 'yup';\r\nimport { defaultDecorators, redirectBackForm } from '../../services';\r\nimport { defaultErrorMessage, defaultSuccessMessage, showError, showInfo } from '../../services/errorMessage';\r\nimport { cast, validate } from '../../services/validate';\r\nimport { client } from '../apollo';\r\nimport { ASSUNTO_ALL } from './AssuntoGql';\r\nimport EditorPagina from './components/EditorPagina';\r\nimport { EditorHtmlV2 } from './components';\r\nimport { FilePond } from 'react-filepond';\r\nimport { PAGINA_QUERY_BY_ID, PAGINA_SAVE } from './PaginaGql';\r\nimport { getConfig } from '../config';\r\nimport { TipoComponente } from '../../enums';\r\n\r\nimport 'froala-editor/css/froala_style.min.css';\r\nimport 'froala-editor/css/froala_editor.pkgd.min.css';\r\nimport 'froala-editor/js/plugins.pkgd.min.js';\r\nimport FroalaEditor from 'react-froala-wysiwyg';\r\n\r\nconst PaginaSchema = Yup.object()\r\n .shape({\r\n pgt_codigo: Yup.number().notRequired(),\r\n pgt_titulo: Yup.string()\r\n .required()\r\n .label(\"Título\"),\r\n pgt_rotaacesso: Yup.string()\r\n .required()\r\n .label(\"Rota de acesso\"),\r\n pgt_ishome: Yup.boolean().notRequired(),\r\n pgt_publicada: Yup.boolean().notRequired(),\r\n pgt_metadescription: Yup.string().nullable(),\r\n pgt_metakeywords: Yup.string().nullable(),\r\n asn_codigo: Yup.object()\r\n .shape({\r\n asn_codigo: Yup.number()\r\n })\r\n .noUnknown()\r\n .nullable()\r\n .notRequired()\r\n .transform(current => (current && current.asn_codigo ? current : null)),\r\n psv_estruturaspagina: Yup.array(\r\n Yup.object()\r\n .shape({\r\n epg_codigo: Yup.number()\r\n .notRequired()\r\n .nullable(),\r\n epg_linha: Yup.number()\r\n .notRequired()\r\n .nullable(),\r\n epg_coluna: Yup.number()\r\n .notRequired()\r\n .nullable(),\r\n epg_tamanho: Yup.number()\r\n .notRequired()\r\n .nullable(),\r\n pgt_codigo: Yup.object()\r\n .shape({\r\n pgt_codigo: Yup.number().notRequired()\r\n })\r\n .notRequired()\r\n .nullable()\r\n .noUnknown(),\r\n psv_componentespagina: Yup.array(\r\n Yup.object()\r\n .shape({\r\n alb_codigo: Yup.object()\r\n .notRequired()\r\n .nullable(),\r\n epg_codigo: Yup.object()\r\n .notRequired()\r\n .nullable(),\r\n msv_codigo: Yup.object()\r\n .notRequired()\r\n .nullable(),\r\n pgc_codigo: Yup.number()\r\n .notRequired()\r\n .nullable(),\r\n pgc_ordem: Yup.number()\r\n .notRequired()\r\n .nullable(),\r\n pgc_conteudo: Yup.string()\r\n .notRequired()\r\n .nullable(),\r\n pgc_tipocomponente: Yup.string()\r\n .notRequired()\r\n .nullable()\r\n })\r\n .noUnknown()\r\n )\r\n })\r\n .noUnknown()\r\n )\r\n })\r\n .noUnknown();\r\n\r\nfunction ManutencaoPagina({ match: { params }, history, location }) {\r\n\r\n const [arquivos, setArquivos] = React.useState([]);\r\n const [arquivosExistentes, setArquivosExistentes] = React.useState([]);\r\n const [modalAviso, setModalAviso] = React.useState({});\r\n const [conteudoModalAviso, setConteudoModalAviso] = React.useState('');\r\n\r\n const handleSubmit = async values => {\r\n try {\r\n values.psv_estruturaspagina.map((estrutura, indiceEstrutura) => {\r\n if (!!estrutura){\r\n estrutura.psv_componentespagina.map((componente, indiceComponente) => {\r\n switch (componente.pgc_tipocomponente) {\r\n case TipoComponente.slideBanner:\r\n case TipoComponente.banner:\r\n case TipoComponente.assuntosRelacionados:\r\n case TipoComponente.ultimaNoticiaAssunto:\r\n case TipoComponente.cardUltimasNoticias:\r\n case TipoComponente.cardUltimosVideos:\r\n case TipoComponente.cardUltimosAlbuns:\r\n case TipoComponente.menu:\r\n case TipoComponente.acessoRapido:\r\n if (typeof componente.pgc_conteudo !== 'string') componente.pgc_conteudo = JSON.stringify(componente.pgc_conteudo);\r\n break;\r\n }\r\n });\r\n }\r\n });\r\n const mutationData = await cast(PaginaSchema, values);\r\n if (mutationData.asn_codigo && !mutationData.asn_codigo.asn_codigo) {\r\n mutationData.asn_codigo = null;\r\n }\r\n\r\n let uuid = getConfig().getUuid();\r\n let dadosModal = modalAviso;\r\n dadosModal.id = uuid;\r\n\r\n if (!!dadosModal && !!dadosModal.conteudo) mutationData.pgt_modalaviso = JSON.stringify(dadosModal);\r\n\r\n if (arquivos.length > 0) {\r\n const dados = arquivos.map(({ aqp_ordem, arq_codigo, arq_fullname }) => ({\r\n aqp_ordem,\r\n arq_codigo: { ...arq_codigo }, // Copia o objeto arq_codigo\r\n arq_fullname,\r\n }));\r\n mutationData.psv_arquivospagina = dados;\r\n } else {\r\n mutationData.psv_arquivospagina = [];\r\n }\r\n\r\n await client.mutate({\r\n mutation: PAGINA_SAVE,\r\n variables: { data: { ...mutationData, psv_codigo: { psv_codigo: getConfig().idPortal } } }\r\n });\r\n showInfo(defaultSuccessMessage(\"save\"));\r\n redirectBackForm(history, location);\r\n } catch (err) {\r\n showError({ message: defaultErrorMessage(\"save\", err) });\r\n }\r\n };\r\n\r\n const notEditting = !params.paginaId;\r\n const id = params.paginaId;\r\n\r\n return (\r\n
{\r\n showError({ message: defaultErrorMessage(\"query_one\", err) });\r\n redirectBackForm(history, location);\r\n }}\r\n onCompleted={data => {\r\n if (!notEditting && !_.get(data, \"psv_paginaportal.list[0]\")) {\r\n showError({ message: defaultErrorMessage(\"not_found\") });\r\n redirectBackForm(history, location);\r\n }\r\n\r\n let listaArquivosExistentes = data.psv_paginaportal.list[0].psv_arquivospagina.map((arquivo, indice) => {\r\n return { \r\n source: arquivo.arq_codigo.arq_fullname,\r\n options: {\r\n type: 'local', \r\n file: { \r\n name: arquivo.arq_codigo.arq_nome,\r\n type: arquivo.arq_codigo.arq_mimetype \r\n } \r\n } \r\n }\r\n });\r\n setArquivosExistentes([...listaArquivosExistentes]);\r\n\r\n let listaArquivos = data.psv_paginaportal.list[0].psv_arquivospagina.map((arquivo, indice) => {\r\n return {\r\n aqp_ordem: arquivo.aqp_ordem,\r\n arq_codigo: {\r\n arq_codigo: arquivo.arq_codigo.arq_codigo, \r\n arq_fullname: arquivo.arq_codigo.arq_fullname\r\n } \r\n }\r\n });\r\n setArquivos(listaArquivos);\r\n\r\n let dadosModalAviso = {};\r\n if (!!data.psv_paginaportal.list[0].pgt_modalaviso){\r\n dadosModalAviso = (typeof data.psv_paginaportal.list[0].pgt_modalaviso === 'string' ? JSON.parse(data.psv_paginaportal.list[0].pgt_modalaviso) : data.psv_paginaportal.list[0].pgt_modalaviso);\r\n }\r\n setModalAviso(dadosModalAviso);\r\n setConteudoModalAviso(!!dadosModalAviso.conteudo ? dadosModalAviso.conteudo : '');\r\n }}\r\n variables={{ id }}\r\n >\r\n {({ data, loading }) => (\r\n\r\n \r\n\r\n
(\r\n \r\n )}>\r\n\r\n {moment(new Date(value)).format(\"DD/MM/YYYY\")} \r\n )\r\n }],\r\n listaMenuLinhaSelecionada: null,\r\n filtro: null\r\n }\r\n }\r\n\r\n onGridReady = params => {\r\n this.gridApi = params.api;\r\n this.gridApi.sizeColumnsToFit();\r\n params.api.showLoadingOverlay();\r\n }\r\n\r\n onSelectionChanged() {\r\n this.setState({ listaMenuLinhaSelecionada: this.gridApi.getSelectedRows() })\r\n }\r\n\r\n handleChange = (e) => {\r\n if (e.target.name === 'filtro') this.gridApi.setQuickFilter(e.target.value);\r\n this.setState(\r\n {\r\n [e.target.name]: e.target.value\r\n }\r\n );\r\n }\r\n onDelete = () => {\r\n Swal.fire({\r\n title: \"Confirma Exclusão?\",\r\n type: \"warning\",\r\n text: \"Você deseja realmente excluir o registro ?\",\r\n footer: \"\",\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#c0c0c0',\r\n confirmButtonText: 'Sim, Excluir!',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n client.mutate({\r\n refetchQueries: [\"NoticiaList\"],\r\n mutation: NOTICIA_DELETE_ONE,\r\n variables: {\r\n id: this.state.listaMenuLinhaSelecionada[0].ntc_codigo\r\n }\r\n })\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n const onEdit = () => {\r\n this.props.history.push(\"/noticias/manutencao-noticia/\" + this.state.listaMenuLinhaSelecionada[0].ntc_codigo)\r\n }\r\n return (\r\n \r\n
\r\n
\r\n
Listagem Notícias \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {!!this.state.listaMenuLinhaSelecionada && \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{({ data, loading, refetch, error }) => (\r\n \r\n Carregando...
}\r\n onSelectionChanged={this.onSelectionChanged.bind(this)}>\r\n \r\n \r\n )}\r\n\r\n \r\n
{moment(new Date(value)).format(\"DD/MM/YYYY\")} \r\n )\r\n }, {\r\n headerName: \"Enviar\", field: \"nws_enviar\",width: 25,\r\n cellRendererFramework: ({ value }) => (\r\n {(!!value ? moment(new Date(value)).format(\"DD/MM/YYYY\") : 'Envio Pendente')} \r\n )\r\n }],\r\n inscritosNewsletterColumnDefs: [\r\n {\r\n headerName: \"Id\", field: \"inw_codigo\", width: 25\r\n },\r\n {\r\n headerName: \"Nome\", field: \"inw_nome\"\r\n },\r\n {\r\n headerName: \"Email\", field: \"inw_email\", width: 140\r\n },\r\n {\r\n headerName: \"Ativo\", field: \"inw_ativo\",width: 25,\r\n cellRendererFramework: ({ value }) => (\r\n {moment(new Date(value)).format(\"DD/MM/YYYY\")} \r\n )\r\n }\r\n ],\r\n newsletterLinhaSelecionada: null,\r\n filtro: null,\r\n filtroInscritos: null\r\n }\r\n }\r\n\r\n onGridReady = params => {\r\n this.gridApi = params.api;\r\n this.gridApi.sizeColumnsToFit();\r\n params.api.showLoadingOverlay();\r\n }\r\n\r\n onGridInscritosReady = params => {\r\n this.gridInscritosApi = params.api;\r\n this.gridInscritosApi.sizeColumnsToFit();\r\n params.api.showLoadingOverlay();\r\n }\r\n\r\n onNewsletterSelectionChanged() {\r\n this.setState({ newsletterLinhaSelecionada: this.gridApi.getSelectedRows() })\r\n }\r\n\r\n onInscritoNewsletterSelectionChanged() { }\r\n\r\n handleChange = (e) => {\r\n if (e.target.name === 'filtro') this.gridApi.setQuickFilter(e.target.value);\r\n if (e.target.name === 'filtroInscritos') this.gridInscritosApi.setQuickFilter(e.target.value);\r\n this.setState(\r\n {\r\n [e.target.name]: e.target.value\r\n }\r\n );\r\n }\r\n\r\n onDelete = () => {\r\n Swal.fire({\r\n title: \"Confirma Exclusão?\",\r\n type: \"warning\",\r\n text: \"Você deseja realmente excluir o registro ?\",\r\n footer: \"\",\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#c0c0c0',\r\n confirmButtonText: 'Sim, Excluir!',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n client.mutate({\r\n refetchQueries: [\"NewslatterList\"],\r\n mutation: NEWSLETTER_DELETE_ONE,\r\n variables: {\r\n id: this.state.newslatterLinhaSelecionada[0].nws_codigo\r\n }\r\n })\r\n }\r\n });\r\n }\r\n\r\n renderNewsletter = () => {\r\n const onEdit = () => {\r\n this.props.history.push(\"/newsletter/manutencao-newsletter/\" + this.state.newsletterLinhaSelecionada[0].nws_codigo)\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {!!this.state.newsletterLinhaSelecionada && \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n
\r\n
\r\n
\r\n
{({ data, loading, refetch, error }) => (\r\n \r\n Carregando...
}\r\n onSelectionChanged={this.onNewsletterSelectionChanged.bind(this)}>\r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{({ data, loading, refetch, error }) => (\r\n \r\n Carregando...
}\r\n onSelectionChanged={this.onInscritoNewsletterSelectionChanged.bind(this)}>\r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n {\r\n if (key === \"inscritos\") this.gridInscritosApi.sizeColumnsToFit();\r\n }}>\r\n \r\n {this.renderNewsletter()}\r\n \r\n \r\n {this.renderInscritos()}\r\n \r\n \r\n
\r\n
{moment(new Date(value)).format(\"DD/MM/YYYY\")} \r\n )\r\n }],\r\n listaMenuLinhaSelecionada: null,\r\n filtro: null\r\n }\r\n }\r\n\r\n onGridReady = params => {\r\n this.gridApi = params.api;\r\n this.gridApi.sizeColumnsToFit();\r\n params.api.showLoadingOverlay();\r\n }\r\n\r\n onSelectionChanged() {\r\n this.setState({ listaMenuLinhaSelecionada: this.gridApi.getSelectedRows() })\r\n }\r\n \r\n handleChange = (e) => {\r\n if (e.target.name === 'filtro') this.gridApi.setQuickFilter(e.target.value);\r\n this.setState(\r\n {\r\n [e.target.name]: e.target.value\r\n }\r\n );\r\n }\r\n\r\n onDelete = () => {\r\n Swal.fire({\r\n title: \"Confirma Exclusão?\",\r\n type: \"warning\",\r\n text: \"Você deseja realmente excluir o registro ?\",\r\n footer: \"\",\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#c0c0c0',\r\n confirmButtonText: 'Sim, Excluir!',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n client.mutate({\r\n refetchQueries: [\"VideoList\"],\r\n mutation: VIDEO_DELETE_ONE,\r\n variables: {\r\n id: this.state.listaMenuLinhaSelecionada[0].vid_codigo\r\n }\r\n })\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n const onEdit = () => {\r\n this.props.history.push(\"/videos/manutencao-video/\" + this.state.listaMenuLinhaSelecionada[0].vid_codigo)\r\n }\r\n \r\n return (\r\n \r\n
\r\n
\r\n
Galeria de Vídeos \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {!!this.state.listaMenuLinhaSelecionada && \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{({ data, loading, refetch, error }) => (\r\n \r\n Carregando...
}\r\n onSelectionChanged={this.onSelectionChanged.bind(this)}>\r\n \r\n \r\n )}\r\n\r\n \r\n
{\r\n showError({ message: defaultErrorMessage(\"query_one\", err) });\r\n redirectBackForm(history, location);\r\n }}\r\n onCompleted={data => {\r\n if (!notEditting && !_.get(data, \"psv_noticias.list[0]\")) {\r\n showError({ message: defaultErrorMessage(\"not_found\") });\r\n redirectBackForm(history, location);\r\n }\r\n }}\r\n variables={{ id }}\r\n >\r\n {({ data, loading }) => (\r\n\r\n \r\n\r\n
(\r\n \r\n )}>\r\n {\r\n showError({ message: defaultErrorMessage(\"query_one\", err) });\r\n redirectBackForm(history, location);\r\n }}\r\n onCompleted={data => {\r\n if (!notEditting && !_.get(data, \"psv_newsletter.list[0]\")) {\r\n showError({ message: defaultErrorMessage(\"not_found\") });\r\n redirectBackForm(history, location);\r\n }\r\n else {\r\n setConteudoNewsletter(data.psv_newsletter.list[0].nws_mensagem)\r\n }\r\n }}\r\n variables={{ id }}>\r\n {({ data, loading }) => (\r\n \r\n )}\r\n \r\n );\r\n}","/* eslint-disable no-undef */\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport \"ag-grid-community/dist/styles/ag-grid.css\";\r\nimport \"ag-grid-community/dist/styles/ag-theme-balham.css\";\r\nimport { AgGridReact } from \"ag-grid-react\";\r\nimport _ from \"lodash\";\r\nimport moment from \"moment\";\r\nimport React, { Component } from \"react\";\r\nimport { Query } from \"react-apollo\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Swal from \"sweetalert2\";\r\nimport { InputFiltro } from \"../../components\";\r\nimport { client } from \"../apollo\";\r\nimport { ALBUM_ALL, ALBUM_DELETE_ONE } from \"./AlbumGql\";\r\nimport ReenterRouteListener from \"./components/ReenterRouteListener\";\r\nclass Albuns extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columnDefs: [\r\n {\r\n headerName: \"Id\",\r\n field: \"alb_codigo\",\r\n width: 15\r\n },\r\n {\r\n headerName: \"Nome\",\r\n field: \"alb_nome\"\r\n },\r\n {\r\n headerName: \"Data\",\r\n field: \"alb_data\",\r\n width: 30,\r\n cellRendererFramework: ({ value }) => (\r\n {moment(new Date(value)).format(\"DD/MM/YYYY\")} \r\n )\r\n },\r\n {\r\n headerName: \"Capa\",\r\n field: \"arq_capa\",\r\n width: 30,\r\n cellRendererFramework: ({ value }) => (\r\n \r\n
\r\n
\r\n
Listagem de Álbuns \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {!!this.state.listaMenuLinhaSelecionada && \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {({ data, loading, refetch, error }) => (\r\n \r\n\r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n Exibir banner no cabeçalho \r\n {\r\n onChange(JSON.stringify({ ...configBanner, exibirBannerPagina: null }));\r\n setConfigBanner({ ...configBanner, exibirBannerPagina: null });\r\n }}\r\n />\r\n {\r\n onChange(JSON.stringify({ ...configBanner, exibirBannerPagina: \"inicial\" }));\r\n setConfigBanner({ ...configBanner, exibirBannerPagina: \"inicial\" });\r\n }}\r\n />\r\n {\r\n onChange(JSON.stringify({ ...configBanner, exibirBannerPagina: \"todas\" }));\r\n setConfigBanner({ ...configBanner, exibirBannerPagina: \"todas\" });\r\n }}\r\n />\r\n \r\n
\r\n Altura do Banner (altura padrão: 400) \r\n {\r\n onChange(JSON.stringify({ ...configBanner, altura: e.target.value }));\r\n setConfigBanner({ ...configBanner, altura: e.target.value });\r\n }} />\r\n \r\n \r\n
\r\n
\r\n Título do Banner \r\n setBanner({ ...banner, titulo: e.target.value })} />\r\n \r\n
\r\n Texto do Banner \r\n setBanner({ ...banner, texto: e.target.value })} />\r\n \r\n\r\n
\r\n {({ data, loading }) => (\r\n \r\n {\r\n if (banner.paginaRedirecionar && banner.paginaRedirecionar.pgt_codigo === x.pgt_codigo) {\r\n return banner.paginaRedirecionar;\r\n }\r\n return x;\r\n })}\r\n value={banner.paginaRedirecionar}\r\n onChange={e => {\r\n setBanner({...banner, paginaRedirecionar: e, link: ''});\r\n }}\r\n getOptionValue={x => x}\r\n textField={\"pgt_titulo\"}\r\n />\r\n {setBanner({...banner, paginaRedirecionar: null, link: e.target.value})}} />\r\n \r\n )} \r\n \r\n
\r\n { setBanner({...banner, target: e}) }} />\r\n \r\n\r\n
\r\n
\r\n
{\r\n if (erro) {\r\n return\r\n }\r\n let dadosUpload = JSON.parse(arquivo.serverId);\r\n setBanner({...banner, fundo: getConfig().urlDownloadImagem + dadosUpload.data.id})\r\n setTimeout(() => {\r\n arquivo.abortLoad();\r\n }, 3500);\r\n }}\r\n labelIdle=\"Arraste e solte o arquivo aqui ou Clique para selecionar o arquivo 1920x720 .\"\r\n labelInvalidField=\"Você adicionou arquivos inválidos\" labelFileWaitingForSize=\"Lendo tamanho do arquivo...\" labelFileLoading=\"Carregando...\"\r\n labelFileLoadError=\"Erro ao carregar o arquivo\" labelFileProcessing=\"realizando upload de arquivo\" labelFileProcessingComplete=\"Upload concluído\"\r\n labelFileProcessingAborted=\"Upload cancelado!\" labelFileProcessingError=\"Erro ao realizar o upload\" labelFileRemoveError=\"Erro ao remover o arquivo\"\r\n labelTapToCancel=\"Cancelar\" labelTapToRetry=\"Toque para tentar novamente\" labelTapToUndo=\"Toque para desfazer\" labelButtonRemoveItem=\"Remover\"\r\n labelButtonAbortItemLoad=\"Abortar\" labelButtonRetryItemLoad=\"Tentar novamente\" labelButtonAbortItemProcessing=\"Cancelar\"\r\n labelButtonUndoItemProcessing=\"Desfazer\" labelButtonRetryItemProcessing=\"Tentar novamente\" />\r\n \r\n {!!banner.fundo ? (
\r\n
Pré visualização: \r\n
\r\n
) : null}\r\n
\r\n
\r\n {\r\n let dadosBanner = {...configBanner};\r\n if (editarRegistro === null){\r\n dadosBanner.slideBanner.push({...banner});\r\n }\r\n else {\r\n dadosBanner.slideBanner[editarRegistro] = {...banner};\r\n }\r\n onChange(JSON.stringify(configBanner));\r\n setConfigBanner(dadosBanner);\r\n setEditarRegistro(null);\r\n setBanner({titulo: '', texto: '', fundo: '', link:'', target: null, paginaRedirecionar: null });\r\n }}> \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n ID \r\n TÍTULO \r\n IMAGEM \r\n OPERAÇÕES \r\n \r\n \r\n \r\n {!!configBanner && (!!configBanner.slideBanner === true && configBanner.slideBanner.length > 0) && configBanner.slideBanner.map((conteudo, indice) => (\r\n \r\n {indice + 1} \r\n {conteudo.titulo} \r\n \r\n {\r\n setEditarRegistro(indice);\r\n setBanner({...configBanner.slideBanner[indice]});\r\n }}> \r\n \r\n {\r\n Swal.fire({\r\n title: \"Confirma Exclusão?\",\r\n type: \"warning\",\r\n text: \"Você deseja realemnte excluir o banner \" + (parseInt(indice) + 1) + \"?\",\r\n footer: \"\",\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#c0c0c0',\r\n confirmButtonText: 'Sim, Excluir!',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n let slide = [...configBanner.slideBanner];\r\n slide.splice(indice, 1);\r\n setConfigBanner({...configBanner, slideBanner: slide});\r\n onChange(JSON.stringify({...configBanner, slideBanner: slide}));\r\n }\r\n });\r\n }}> \r\n \r\n \r\n ))}\r\n {(configBanner.slideBanner.length === 0) &&\r\n \r\n \r\n \r\n Nenhum registro encontrado\r\n ;\r\n \r\n \r\n }\r\n \r\n
\r\n
\r\n
{\r\n showError({ message: defaultErrorMessage(\"query_one\", err) })\r\n redirectBackForm(history, location)\r\n }}\r\n onCompleted={(data) => {\r\n if (!notEditting && !_.get(data, \"psv_portalservicos.get\")) {\r\n showError({ message: defaultErrorMessage(\"not_found\") })\r\n redirectBackForm(history, location)\r\n }\r\n else {\r\n setConteudoRodape(data.psv_portalservicos.get.psv_rodapeportal);\r\n if (!!data.psv_portalservicos.get.psv_linkssociais) {\r\n let midiasSociais = JSON.parse(data.psv_portalservicos.get.psv_linkssociais);\r\n data.psv_portalservicos.get.link_facebook = midiasSociais.facebook;\r\n data.psv_portalservicos.get.link_instagram = midiasSociais.instagram;\r\n data.psv_portalservicos.get.link_twitter = midiasSociais.twitter;\r\n }\r\n if (!!data.psv_portalservicos.get.psv_configsmtp) {\r\n \r\n let config = typeof data.psv_portalservicos.get.psv_configsmtp === 'string' ? JSON.parse(data.psv_portalservicos.get.psv_configsmtp) : data.psv_portalservicos.get.psv_configsmtp;\r\n\r\n setSmtpInicial({\r\n ServidorSMTP: config.ServidorSMTP,\r\n PortaSMTP: config.PortaSMTP,\r\n UsuarioSMTP: config.UsuarioSMTP,\r\n SenhaSMTP: config.SenhaSMTP,\r\n UsaSSL: config.UsaSSL,\r\n EmailRemetente: config.EmailRemetente\r\n });\r\n\r\n setConfigSmtp({\r\n ServidorSMTP: config.ServidorSMTP,\r\n PortaSMTP: config.PortaSMTP,\r\n UsuarioSMTP: config.UsuarioSMTP,\r\n SenhaSMTP: config.SenhaSMTP,\r\n UsaSSL: config.UsaSSL,\r\n EmailRemetente: config.EmailRemetente\r\n });\r\n }\r\n }\r\n }}\r\n variables={{ id }}>\r\n {({ data, loading }) => (\r\n \r\n )}\r\n \r\n\r\n )\r\n}\r\n\r\nexport default Configuracoes","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport 'ag-grid-community/dist/styles/ag-grid.css';\r\nimport 'ag-grid-community/dist/styles/ag-theme-balham.css';\r\nimport { AgGridReact } from 'ag-grid-react';\r\nimport _ from 'lodash';\r\nimport React, { Component } from 'react';\r\nimport { Query } from \"react-apollo\";\r\nimport { Button } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport Swal from \"sweetalert2\";\r\nimport { InputFiltro } from '../../components';\r\nimport { client } from '../apollo';\r\nimport ReenterRouteListener from \"./components/ReenterRouteListener\";\r\nimport { MENU_ALL, MENU_DELETE_ONE } from './MenuGql';\r\nclass Menus extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n columnDefs: [{\r\n headerName: \"Id\", field: \"msv_codigo\", width: 70\r\n }, {\r\n headerName: \"Nome do Menu\", field: \"msv_nome\"\r\n }],\r\n listaMenuLinhaSelecionada: null,\r\n filtro: null\r\n }\r\n }\r\n\r\n onGridReady = params => {\r\n this.gridApi = params.api;\r\n this.gridApi.sizeColumnsToFit();\r\n params.api.showLoadingOverlay();\r\n\r\n }\r\n\r\n onSelectionChanged() {\r\n this.setState({ listaMenuLinhaSelecionada: this.gridApi.getSelectedRows() })\r\n }\r\n\r\n handleChange = (e) => {\r\n if (e.target.name === 'filtro') this.gridApi.setQuickFilter(e.target.value);\r\n this.setState(\r\n {\r\n [e.target.name]: e.target.value\r\n }\r\n );\r\n }\r\n\r\n onDelete = () => {\r\n Swal.fire({\r\n title: \"Confirma Exclusão?\",\r\n type: \"warning\",\r\n text: \"Você deseja realmente excluir o registro ?\",\r\n footer: \"\",\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#c0c0c0',\r\n confirmButtonText: 'Sim, Excluir!',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n client.mutate({\r\n refetchQueries: [\"MenuList\"],\r\n mutation: MENU_DELETE_ONE,\r\n variables: {\r\n id: this.state.listaMenuLinhaSelecionada[0].msv_codigo\r\n }\r\n })\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n\r\n const onEdit = () => {\r\n this.props.history.push(\"/menus/manutencao-menu/\" + this.state.listaMenuLinhaSelecionada[0].msv_codigo)\r\n }\r\n return (\r\n \r\n
\r\n
\r\n
Menus do portal \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {!!this.state.listaMenuLinhaSelecionada && \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{({ data, loading, refetch, error }) => (\r\n \r\n Carregando...
}\r\n\r\n onSelectionChanged={this.onSelectionChanged.bind(this)}>\r\n \r\n \r\n )}\r\n \r\n
\r\n {children}\r\n )\r\n});\r\nconst SortableItem = sortableElement((props) => \r\n 0 })}>\r\n
\r\n - {menu.itm_nome}\r\n
\r\n
\r\n Adicionar}>\r\n otherProps.add(pathToEdit)} variant=\"outline-secondary\" size=\"sm\"> \r\n \r\n \r\n Editar}>\r\n otherProps.edit(pathToEdit)} variant=\"outline-secondary\" size=\"sm\"> \r\n \r\n \r\n Excluir}>\r\n otherProps.remove(currentPath, indexItem)} variant=\"outline-secondary\" size=\"sm\"> \r\n {/* otherProps.remove(currentPath, index)} variant=\"outline-secondary\" size=\"sm\"> */}\r\n \r\n \r\n {menu.itm_ativo ? 'Ativo' : 'Inativo'}}>\r\n \r\n \r\n
\r\n {menu.itm_filhos ? {\r\n menu.itm_filhos.map((menu, index) => : null}\r\n \r\n \r\n )\r\n}\r\n\r\n\r\nexport default function EditorMenu({ value, onChange }) {\r\n const items = value ? JSON.parse(value) : []\r\n const [showModal, setShowModal] = React.useState(false)\r\n const [editPath, setEditPath] = React.useState(false)\r\n const [editItem, setEditItem] = React.useState(null)\r\n const add = (path) => {\r\n setEditPath(path)\r\n setEditItem(null)\r\n setShowModal(true)\r\n\r\n }\r\n const remove = (path, index) => {\r\n Swal.fire({\r\n title: \"Confirma Exclusão?\",\r\n type: \"warning\",\r\n text: \"Você deseja realmente remover o menu? Todos os itens filhos serão removidos\",\r\n footer: \"\",\r\n showCancelButton: true,\r\n confirmButtonColor: '#d33',\r\n cancelButtonColor: '#c0c0c0',\r\n confirmButtonText: 'Sim, Remover!',\r\n cancelButtonText: 'Cancelar'\r\n }).then((result) => {\r\n if (result.value) {\r\n const filhos = (path ? _.get(items, path) : items).filter((x, i) => i !== index).map((x, index) => ({ ...x, itm_ordem: index }))\r\n if (path) {\r\n _.set(items, path, filhos)\r\n onChange(JSON.stringify(items))\r\n } else {\r\n onChange(JSON.stringify(filhos))\r\n }\r\n }\r\n });\r\n }\r\n const edit = (path) => {\r\n const item = _.get(items, path)\r\n setShowModal(true)\r\n setEditPath(path)\r\n setEditItem(item)\r\n }\r\n const onSave = (value) => {\r\n if (editItem) {\r\n _.set(items, editPath, value)\r\n onChange(JSON.stringify(items))\r\n\r\n setEditItem(null)\r\n setEditPath(null)\r\n\r\n } else {\r\n if (!editPath) {\r\n items.push(value)\r\n onChange(JSON.stringify(items))\r\n\r\n } else {\r\n const item = _.get(items, editPath)\r\n item.itm_filhos = item.itm_filhos || []\r\n item.itm_filhos.push(value)\r\n item.itm_filhos = item.itm_filhos.map((x, i) => ({ ...x, itm_ordem: i }))\r\n onChange(JSON.stringify(items))\r\n\r\n }\r\n }\r\n setShowModal(false)\r\n }\r\n const onSort = (path, oldIndex, newIndex) => {\r\n let filhos = (path ? _.get(items, path) : items)\r\n filhos = arrayMove(filhos, oldIndex, newIndex)\r\n filhos = filhos.map((x, i) => ({ ...x, itm_ordem: i }))\r\n if (path) {\r\n _.set(items, path, filhos)\r\n onChange(JSON.stringify(items))\r\n } else {\r\n onChange(JSON.stringify(filhos))\r\n }\r\n }\r\n return (\r\n {items.length === 0 ? (
\r\n ) : null}\r\n
onSort(\"\", oldIndex, newIndex)}>\r\n {items.map((menu, index) => \r\n
\r\n add(\"\")}> \r\n
\r\n
setShowModal(false)} onSave={onSave} />\r\n \r\n \r\n \r\n ALTERAR MENU\r\n \r\n \r\n (\r\n \r\n \r\n \r\n )}\r\n />\r\n )\r\n}","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { AbaseAutoCompleteFieldFinalForm, AbaseTextField, FormDraft } from 'abase-components';\r\nimport 'filepond/dist/filepond.min.css';\r\nimport _ from 'lodash';\r\nimport { default as React } from 'react';\r\nimport { Query } from 'react-apollo';\r\nimport { Button, Col, Form } from 'react-bootstrap';\r\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nimport { Field } from 'react-final-form';\r\nimport * as Yup from 'yup';\r\nimport { defaultDecorators, redirectBackForm } from '../../services';\r\nimport { defaultErrorMessage, defaultSuccessMessage, showError, showInfo } from '../../services/errorMessage';\r\nimport { cast, validate } from '../../services/validate';\r\nimport { client } from '../apollo';\r\nimport EditorMenu from './components/EditorMenu';\r\nimport { MENU_QUERY_BY_ID, MENU_SAVE } from './MenuGql';\r\nimport { getConfig } from './../config';\r\n\r\nconst menuPositions = [\r\n {\r\n id: 0,\r\n name: \"Horizontal\"\r\n },\r\n {\r\n id: 1,\r\n name: \"Vertical\"\r\n }\r\n]\r\n\r\nconst MenuSchema = Yup.object().shape({\r\n msv_codigo: Yup.number().nullable(),\r\n msv_nome: Yup.string().required(),\r\n msv_tipo: Yup.number().required(),\r\n msv_itens: Yup.string().required(),\r\n psv_codigo: Yup.object().shape({\r\n psv_codigo: Yup.number(),\r\n }).noUnknown(),\r\n}).noUnknown()\r\n\r\n\r\nfunction ManutencaoMenu({ match: { params }, history, location }) {\r\n\r\n const handleSubmit = async (values) => {\r\n try {\r\n const mutationData = await cast(MenuSchema, values)\r\n\r\n await client.mutate({\r\n mutation: MENU_SAVE,\r\n variables: { data: { ...mutationData, psv_codigo: { psv_codigo: getConfig().idPortal } } }\r\n })\r\n showInfo(defaultSuccessMessage(\"save\"))\r\n redirectBackForm(history, location)\r\n } catch (err) {\r\n showError({ message: defaultErrorMessage(\"save\", err) })\r\n }\r\n }\r\n\r\n const notEditting = !params.menuId\r\n const id = params.menuId\r\n\r\n return (\r\n {\r\n showError({ message: defaultErrorMessage(\"query_one\", err) })\r\n redirectBackForm(history, location)\r\n }}\r\n onCompleted={(data) => {\r\n if (!notEditting && !_.get(data, \"psv_menuportal.list[0]\")) {\r\n showError({ message: defaultErrorMessage(\"not_found\") })\r\n redirectBackForm(history, location)\r\n }\r\n }}\r\n variables={{ id, itm_ativo: false }}>\r\n {({ data, loading }) => (\r\n\r\n \r\n\r\n
(\r\n \r\n )}>\r\n \r\n )\r\n}\r\n\r\nexport default ManutencaoMenu","import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { AbaseAutocompleteMultipleField, AbaseTextField, FormDraft } from 'abase-components';\r\nimport 'filepond/dist/filepond.min.css';\r\nimport _ from 'lodash';\r\nimport { default as React } from 'react';\r\nimport { Query } from 'react-apollo';\r\nimport { Button, Col, Form } from 'react-bootstrap';\r\nimport { SketchPicker } from 'react-color';\r\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nimport { Field } from 'react-final-form';\r\nimport reactCSS from 'reactcss';\r\nimport * as Yup from 'yup';\r\nimport { defaultDecorators, redirectBackForm } from '../../services';\r\nimport { defaultErrorMessage, defaultSuccessMessage, showError, showInfo } from '../../services/errorMessage';\r\nimport { cast, validate } from '../../services/validate';\r\nimport { client } from '../apollo';\r\nimport { ASSUNTO_ALL, ASSUNTO_QUERY_BY_ID, ASSUNTO_SAVE } from './AssuntoGql';\r\n\r\nconst AssuntoSchema = Yup.object().shape({\r\n asn_codigo: Yup.number().nullable(),\r\n asn_titulo: Yup.string().required().label(\"Título\"),\r\n asn_cor: Yup.string().required().label(\"Cor\"),\r\n psv_assuntosrelacionados: Yup.array(Yup.object().shape({\r\n asn_codigo: Yup.number(),\r\n }).noUnknown()),\r\n\r\n}).noUnknown()\r\n\r\nfunction ManutencaoAssunto({ match: { params }, history, location }) {\r\n const [exibirColorPickerFonte, setExibirColorPickerFonte] = React.useState(false)\r\n\r\n const styles = reactCSS({\r\n 'default': {\r\n color: {\r\n width: '80px',\r\n height: '24px',\r\n borderRadius: '2px',\r\n },\r\n textColor: {\r\n width: '80px',\r\n height: '24px',\r\n borderRadius: '2px',\r\n },\r\n swatch: {\r\n padding: '5px',\r\n cursor: 'pointer',\r\n background: '#fff',\r\n borderRadius: '1px',\r\n display: 'inline-block',\r\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\r\n },\r\n popover: {\r\n zIndex: '2',\r\n position: 'absolute',\r\n },\r\n cover: {\r\n top: '0',\r\n left: '0',\r\n right: '0',\r\n bottom: '0',\r\n position: 'fixed',\r\n }, \r\n },\r\n });\r\n\r\n const handleSubmit = async (values) => {\r\n try {\r\n const mutationData = await cast(AssuntoSchema, values)\r\n\r\n await client.mutate({\r\n mutation: ASSUNTO_SAVE,\r\n variables: { data: mutationData }\r\n })\r\n showInfo(defaultSuccessMessage(\"save\"))\r\n redirectBackForm(history, location)\r\n } catch (err) {\r\n showError({ message: defaultErrorMessage(\"save\", err) })\r\n }\r\n }\r\n\r\n const notEditting = !params.assuntoId\r\n const id = params.assuntoId\r\n\r\n return (\r\n {\r\n showError({ message: defaultErrorMessage(\"query_one\", err) })\r\n redirectBackForm(history, location)\r\n }}\r\n onCompleted={(data) => {\r\n if (!notEditting && !_.get(data, \"psv_assuntonoticia.list[0]\")) {\r\n showError({ message: defaultErrorMessage(\"not_found\") })\r\n redirectBackForm(history, location)\r\n }\r\n }}\r\n variables={{ id }}>\r\n {({ data, loading }) => (\r\n \r\n
(\r\n \r\n )}\r\n />\r\n {\r\n showError({ message: defaultErrorMessage(\"query_one\", err) });\r\n redirectBackForm(history, location);\r\n }}\r\n onCompleted={data => {\r\n if (!notEditting && !_.get(data, \"psv_videos.list[0]\")) {\r\n showError({ message: defaultErrorMessage(\"not_found\") });\r\n redirectBackForm(history, location);\r\n }\r\n }}\r\n variables={{ id }}\r\n >\r\n {({ data, loading }) => (\r\n\r\n \r\n )}\r\n />\r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n {({ input, meta }) => (\r\n \r\n \r\n \r\n {({ input, meta }) => (\r\n \r\n \r\n \r\n {({ input, meta }) => (\r\n \r\n \r\n \r\n \r\n redirectBackForm(history, location)}> \r\n \r\n
\r\n \r\n )}>\r\n .urlDownloadImagem)
\r\n \r\n