[REPO REFACTOR]: changed to a better git repository structure with branches

2025-11-01 03:57:48 +01:00
parent 85f98f66b4
commit 3dd17352aa
156 changed files with 15648 additions and 0 deletions
--- a/src/pages/Documentacion.jsx
+++ b/src/pages/Documentacion.jsx
@@ -0,0 +1,122 @@
+import { useRef, useState } from 'react';
+import { useConfig } from '../hooks/useConfig';
+import { DataProvider } from '../context/DataContext';
+import { useDataContext } from '../hooks/useDataContext';
+import FileUpload from '../components/Documentacion/FileUpload';
+import File from '../components/Documentacion/File';
+import CustomContainer from '../components/CustomContainer';
+import ContentWrapper from '../components/ContentWrapper';
+import LoadingIcon from '../components/LoadingIcon';
+import IfRole from '../components/Auth/IfRole.jsx';
+import { CONSTANTS } from '../util/constants.js';
+import CustomModal from '../components/CustomModal.jsx';
+import { Button } from 'react-bootstrap';
+
+const Documentacion = () => {
+  const { config, configLoading } = useConfig();
+
+  if (configLoading) return <p><LoadingIcon /></p>;
+
+  const reqConfig = {
+    baseUrl: config.apiConfig.coreUrl + config.apiConfig.endpoints.files.all,
+    uploadUrl: config.apiConfig.coreUrl + config.apiConfig.endpoints.files.upload,
+    params: {
+      _sort: 'uploaded_at',
+      _order: 'desc'
+    }
+  };
+
+  return (
+    <DataProvider config={reqConfig}>
+      <DocumentacionContent reqConfig={reqConfig} />
+    </DataProvider>
+  );
+};
+
+const DocumentacionContent = ({ reqConfig }) => {
+  const { data, dataLoading, dataError, postData, deleteDataWithBody } = useDataContext();
+  const [deleteTarget, setDeleteTarget] = useState(null);
+  const fileUploadRef = useRef();
+
+  const handleSelectFiles = async (files) => {
+    const file = files[0];
+    if (!file || !reqConfig?.uploadUrl) return;
+
+    const file_name = file.name;
+    const mime_type = file.type || "application/octet-stream";
+    const uploaded_by = JSON.parse(localStorage.getItem("user"))?.user_id;
+    const context = 1;
+
+    const formData = new FormData();
+    formData.append("file", file);
+    formData.append("file_name", file_name);
+    formData.append("mime_type", mime_type);
+    formData.append("uploaded_by", uploaded_by);
+    formData.append("context", context);
+
+    try {
+      await postData(reqConfig.uploadUrl, formData);
+      fileUploadRef.current?.resetSelectedFiles();
+    } catch (err) {
+      console.error("Error al subir archivo:", err);
+    }
+  };
+
+  const handleDeleteFile = async (file) => {
+    setDeleteTarget(file);
+  };
+
+  return (
+    <CustomContainer className="py-4">
+      <ContentWrapper>
+        <h1 className="section-title mb-3">Documentación</h1>
+        <hr className="section-divider my-4" />
+
+        <IfRole roles={[CONSTANTS.ROLE_ADMIN, CONSTANTS.ROLE_DEV]}>
+          <FileUpload ref={fileUploadRef} onFilesSelected={handleSelectFiles} />
+        </IfRole>
+
+        {dataLoading ? (<LoadingIcon />) : (
+          <div className="mt-4 d-flex flex-wrap gap-3 justify-content-start">
+            {dataError && <p className="text-danger">Error al cargar los archivos.</p>}
+            {data?.length === 0 && <p>No hay documentos todavía.</p>}
+            {data?.filter(file => file.context === CONSTANTS.CONTEXT_HUERTOS)
+              .map((file, idx) => (
+                <File key={idx} file={file} onDelete={handleDeleteFile} />
+              ))
+            }
+          </div>
+        )}
+
+        <CustomModal
+          title="Confirmar eliminación"
+          show={deleteTarget !== null}
+          onClose={() => setDeleteTarget(null)}
+        >
+          <p className='p-3'>¿Estás seguro de que quieres eliminar el archivo?</p>
+          <div className="d-flex justify-content-end gap-2 mt-3 p-3">
+            <Button variant="secondary" onClick={() => setDeleteTarget(null)}>Cancelar</Button>
+            <Button
+              variant="danger"
+              onClick={async () => {
+                try {
+                  await deleteDataWithBody(`${reqConfig.baseUrl}/${deleteTarget.file_id}`, {
+                    file_path: deleteTarget.file_path
+                  });
+                  setDeleteTarget(null);
+                } catch (err) {
+                  console.error("Error al eliminar:", err.message);
+                }
+              }}
+            >
+              Confirmar
+            </Button>
+          </div>
+        </CustomModal>
+
+      </ContentWrapper>
+    </CustomContainer>
+  );
+};
+
+export default Documentacion;