Merge pull request #2406 from prefeiturasp/merge-feats-120418-120457-…

…em-homolog Merge feats 120418 120457 em homolog
prefeiturasp · May 14, 2024 · 5786ba2 · 5786ba2
2 parents e46857a + 0b26b45
commit 5786ba2
Show file tree

Hide file tree

Showing 4 changed files with 109 additions and 26 deletions.
diff --git a/src/componentes/Globais/CentralDeDownloads/ModalConfirmarExclusaoArquivo.js b/src/componentes/Globais/CentralDeDownloads/ModalConfirmarExclusaoArquivo.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import '../ModalAntDesign/modal-antdesign.scss';
+import { Modal } from 'antd';
+import IconeAvisoVermelho from "../../../assets/img/icone-modal-aviso-vermelho.svg"
+
+export const ModalConfirmarExclusaoArquivo = (props) => {
+  return (
+    <div className="modal-ant-design">
+        <Modal 
+            open={props.open}
+            onOk={props.onOk}
+            okText={props.okText}
+            okButtonProps={{className: "btn-base-vermelho"}}
+            onCancel={props.onCancel}
+            cancelText={props.cancelText}
+            cancelButtonProps={{className: "btn-base-verde-outline"}}
+            wrapClassName={'modal-ant-design'}
+        >
+            <div className="row">
+                <div className="col-md-auto col-lg-12">
+                    <div className="text-center">
+                        <img src={IconeAvisoVermelho} alt="" className="img-fluid"/>
+                    </div>
+                </div>
+
+                <div className="col-md-auto col-lg-12 mt-3">
+                    <div className="text-center">
+                        <p className="title-modal-antdesign-aviso">{props.titulo}</p>
+                    </div>
+                    <div className="text-center mt-2">
+                        <p className="body-text-modal-antdesign-aviso">{props.bodyText}</p>
+                    </div>
+                </div>
+            </div>
+        </Modal>
+    </div>
+  );
+};
diff --git a/src/componentes/Globais/CentralDeDownloads/index.js b/src/componentes/Globais/CentralDeDownloads/index.js
@@ -4,6 +4,8 @@ import { TabelaDownloads } from "./TabelaDownloads";
 import { getArquivosDownload, getDownloadArquivo, deleteArquivo, putMarcarDesmarcarLido, getArquivosDownloadFiltros, getStatus } from "../../../services/CentralDeDownload.service";
 import moment from "moment";
 import {CentralDeDownloadContext} from "../../../context/CentralDeDownloads";
+import {ModalConfirmarExclusaoArquivo} from "./ModalConfirmarExclusaoArquivo"
+import {toastCustom} from "../../Globais/ToastCustom";
 
 export const CentralDeDownloads = () => {
 
@@ -19,6 +21,8 @@ export const CentralDeDownloads = () => {
     const [listaArquivos, setListaArquivos] = useState([]);
     const [stateFormFiltros, setStateFormFiltros] = useState(initialStateFormFiltros);
     const [listaStatus, setListaStatus] = useState([]);
+    const [showModalConfirmarExclusaoArquivo, setShowModalConfirmarExclusaoArquivo] = useState(false);
+    const [arquivoSelecionadoParaExclusao, setArquivoSelecionadoParaExclusao] = useState(null);
 
 
     useEffect(()=> {
@@ -69,19 +73,17 @@ export const CentralDeDownloads = () => {
         }
     }
 
-    const excluirArquivo = async(arquivo_download_uuid) => {
-        let decisao = window.confirm("Deseja realmente excluir ?");
-
-        if(decisao){
-            try{
-                await deleteArquivo(arquivo_download_uuid);
+    const excluirArquivo = async() => {
+        try {
+            if(arquivoSelecionadoParaExclusao) {
+                await deleteArquivo(arquivoSelecionadoParaExclusao);
                 await trazerArquivos();
-            }catch(e){
-                console.log("Erro ao efetuar exclusão ", e.response);
+                setShowModalConfirmarExclusaoArquivo(false);
+                toastCustom.ToastCustomSuccess('Exclusão realizada com sucesso')
             }
+        } catch (error) {
+            toastCustom.ToastCustomError('Erro ao tentar excluir arquivo')
         }
-
-
     }
 
     const marcarDesmarcarLido = async(e, uuid) => {
@@ -118,6 +120,16 @@ export const CentralDeDownloads = () => {
         }
     }
 
+    const handleOpenModalExcluirArquivo = (arquivoId) => {
+        setShowModalConfirmarExclusaoArquivo(true);
+        setArquivoSelecionadoParaExclusao(arquivoId);
+    }
+
+    const hangleCloseModalExcluirArquivo = () => {
+        setShowModalConfirmarExclusaoArquivo(false);
+        setArquivoSelecionadoParaExclusao(null);
+    }
+
     return (
         <>
             <FormFiltrosDownloads
@@ -129,10 +141,18 @@ export const CentralDeDownloads = () => {
             <TabelaDownloads
                 listaArquivos={listaArquivos}
                 downloadArquivo={downloadArquivo}
-                excluirArquivo={excluirArquivo}
+                excluirArquivo={(e) => handleOpenModalExcluirArquivo(e)}
                 marcarDesmarcarLido={marcarDesmarcarLido}
             />
-
+            <ModalConfirmarExclusaoArquivo
+                open={showModalConfirmarExclusaoArquivo}
+                onOk={() => excluirArquivo()}
+                onCancel={() => hangleCloseModalExcluirArquivo()}
+                titulo="Excluir arquivo"
+                bodyText={"Deseja realmente excluir o arquivo selecionado?"}
+                okText={"Excluir"}
+                cancelText={"Cancelar"}
+            />
         </>
     )
 }
diff --git a/src/componentes/escolas/Receitas/CancelarModalReceitas.js b/src/componentes/escolas/Receitas/CancelarModalReceitas.js
@@ -1,17 +1,35 @@
 import React from "react";
-import {ModalBootstrap} from "../../Globais/ModalBootstrap";
+import { Modal } from 'antd';
+import IconeAvisoVermelho from "../../../assets/img/icone-modal-aviso-vermelho.svg"
 
 export const CancelarModalReceitas = (propriedades) =>{
     return (
-        <ModalBootstrap
-            show={propriedades.show}
-            onHide={propriedades.handleClose}
-            titulo={propriedades.titulo}
-            bodyText=""
-            primeiroBotaoOnclick={propriedades.onCancelarTrue}
-            primeiroBotaoTexto="OK"
-            segundoBotaoOnclick={propriedades.handleClose}
-            segundoBotaoTexto="Fechar"
-        />
+        <Modal 
+            open={propriedades.show}
+            onOk={propriedades.onCancelarTrue}
+            okText="OK"
+            okButtonProps={{className: "btn-base-vermelho"}}
+            onCancel={propriedades.handleClose}
+            cancelText="Fechar"
+            cancelButtonProps={{className: "btn-base-verde-outline"}}
+            wrapClassName={'modal-ant-design'}
+        >
+            <div className="row">
+                <div className="col-md-auto col-lg-12">
+                    <div className="text-center">
+                        <img src={IconeAvisoVermelho} alt="" className="img-fluid"/>
+                    </div>
+                </div>
+
+                <div className="col-md-auto col-lg-12 mt-3">
+                    <div className="text-center">
+                        <p className="title-modal-antdesign-aviso">{propriedades.titulo}</p>
+                    </div>
+                    <div className="text-center mt-2">
+                        <p className="body-text-modal-antdesign-aviso">{propriedades.bodyText}</p>
+                    </div>
+                </div>
+            </div>
+        </Modal>
     )
 };
diff --git a/src/componentes/escolas/Receitas/Formularios/index.js b/src/componentes/escolas/Receitas/Formularios/index.js
@@ -29,10 +29,11 @@ import {toastCustom} from "../../../Globais/ToastCustom";
 import { visoesService } from "../../../../services/visoes.service";
 import { getPeriodoPorUuid } from "../../../../services/sme/Parametrizacoes.service";
 import { STATUS_CONTA_ASSOCIACAO, STATUS_SOLICITACAO_ENCERRAMENTO_CONTA_ASSOCIACAO } from "../../../../constantes/contaAssociacao";
+import { useHistory } from 'react-router-dom';
 
 
 export const ReceitaForm = () => {
-
+    const history = useHistory();
     let {origem} = useParams();
     let {uuid} = useParams();
     const parametros = useLocation();
@@ -530,9 +531,15 @@ export const ReceitaForm = () => {
         setShow(false);
         setRedirectTo('');
         getPath('');
-
     };
 
+    const onCancelarEstornoTrue = () => {
+        setShow(false);
+        console.log(despesa.uuid)
+        const path = `/edicao-de-despesa/${despesa.uuid}`;
+        history.push(path);
+    }
+
     const onHandleClose = () => {
         setShow(false);
         setShowDelete(false);
@@ -1348,7 +1355,7 @@ export const ReceitaForm = () => {
                         <CancelarModalReceitas
                             show={show}
                             handleClose={onHandleClose}
-                            onCancelarTrue={onCancelarTrue}
+                            onCancelarTrue={onCancelarEstornoTrue}
                             titulo={tituloModalCancelar}
                         />
                     </section>