Adicionando relatorio de orientacao

andifes-isf · Oct 25, 2024 · 42fef53 · 42fef53
1 parent ce2ef49
commit 42fef53
Show file tree

Hide file tree

Showing 3 changed files with 102 additions and 0 deletions.
diff --git a/src/Routes.jsx b/src/Routes.jsx
@@ -7,6 +7,7 @@ import Home1 from "pages/Home1";
 import UsuarioCursistaDP from "pages/UsuarioCursistaDP";
 import UsuarioCursistaDPEdicao from "pages/UsuarioCursistaDPEdicao";
 import RelatorioHorasPraticasCursista from "pages/RelatorioHorasPraticasCursista";
+import RelatorioOrientacao from "pages/RelatorioOrientacao";
 
 const ProjectRoutes = () => {
   let element = useRoutes([
@@ -32,6 +33,10 @@ const ProjectRoutes = () => {
       path: "relatorio-horas-praticas-cursista", // Definindo o caminho da nova página
       element: <RelatorioHorasPraticasCursista />,
     },
+    {
+      path: "relatorio-orientacao", // Definindo o caminho da nova página
+      element: <RelatorioOrientacao />,
+    },
   ]);
 
   return element;

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
@@ -37,6 +37,11 @@ const Home = () => {
           relatorio-horas-praticas-cursista
           </Link>
         </li>
+        <li style={{ marginBottom: "10px" }}>
+          <Link to="/relatorio-orientacao" style={{ color: "#87CEFA", textDecoration: "none" }}>
+          relatorio-orientacao
+          </Link>
+        </li>
       </ul>
     </div>
   );

diff --git a/src/pages/RelatorioOrientacao/index.jsx b/src/pages/RelatorioOrientacao/index.jsx
@@ -0,0 +1,92 @@
+import React from 'react';
+import { Box, Flex, Heading, Button, Input, Select, VStack } from '@chakra-ui/react';
+import Header from '../../components/Header';
+import Sidebar1 from '../../components/Sidebar1';
+
+const RelatorioOrientacao = () => {
+  return (
+    <Flex direction="column" height="100vh">
+      <Header />
+      <Flex flex="1">
+        <Sidebar1 />
+        <Box flex="1" p="8">
+          <Box bg="white" p="6" borderRadius="md" boxShadow="md">
+            {/* Título da Página */}
+            <Heading size="lg" mb="4">Relatório de Orientação</Heading>
+
+            {/* Conteúdo do Relatório de Orientação */}
+            <Flex justify="space-between" mt="4">
+              {/* Coluna 1: Horas de Orientação */}
+              <Box flex="1" mr="8">
+                <Heading size="md" mb="4">Horas de Orientação</Heading>
+
+                <VStack spacing="4">
+                  <Box w="100%">
+                    <Heading size="xs" mb="2">Avaliação</Heading>
+                    <Select placeholder="Avaliação">
+                      <option value="Excelente">Excelente</option>
+                      <option value="Bom">Bom</option>
+                      <option value="Regular">Regular</option>
+                      <option value="Ruim">Ruim</option>
+                    </Select>
+                  </Box>
+
+                  <Box w="100%">
+                    <Heading size="xs" mb="2">Carga Horária</Heading>
+                    <Input placeholder="Carga Horária" />
+                  </Box>
+
+                  <Box w="100%">
+                    <Heading size="xs" mb="2">Observação</Heading>
+                    <Input placeholder="Observação" />
+                  </Box>
+                </VStack>
+              </Box>
+
+              {/* Coluna 2: Cursista */}
+              <Box flex="1" mr="8">
+                <Heading size="md" mb="4">Cursista</Heading>
+
+                <VStack spacing="4">
+                  <Box w="100%">
+                    <Heading size="xs" mb="2">Nome</Heading>
+                    <Input placeholder="Nome do Cursista" />
+                  </Box>
+
+                  <Box w="100%">
+                    <Heading size="xs" mb="2">Instituição</Heading>
+                    <Input placeholder="Instituição" />
+                  </Box>
+                </VStack>
+              </Box>
+
+              {/* Coluna 3: Orientador Responsável */}
+              <Box flex="1">
+                <Heading size="md" mb="4">Orientador Responsável</Heading>
+
+                <VStack spacing="4">
+                  <Box w="100%">
+                    <Heading size="xs" mb="2">Nome</Heading>
+                    <Input placeholder="Nome do Orientador" isReadOnly />
+                  </Box>
+
+                  <Box w="100%">
+                    <Heading size="xs" mb="2">Instituição</Heading>
+                    <Input placeholder="Instituição" isReadOnly />
+                  </Box>
+
+                  {/* Botão de Enviar */}
+                  <Box alignSelf="flex-end">
+                    <Button colorScheme="gray">Enviar</Button>
+                  </Box>
+                </VStack>
+              </Box>
+            </Flex>
+          </Box>
+        </Box>
+      </Flex>
+    </Flex>
+  );
+};
+
+export default RelatorioOrientacao;