correcciones

This commit is contained in:
Andres Alvarez 2024-02-14 08:22:59 -05:00
parent 31dc8c9478
commit bfa3be924a
5 changed files with 169 additions and 119 deletions

View File

@ -14,14 +14,6 @@ i18next.addResourceBundle('es', 'navigation', es);
* The navigationConfig object is an array of navigation items for the Fuse application. * The navigationConfig object is an array of navigation items for the Fuse application.
*/ */
const navigationConfig: FuseNavItemType[] = [ const navigationConfig: FuseNavItemType[] = [
{
id: 'example-component',
title: 'Example',
translate: 'EXAMPLE',
type: 'item',
icon: 'heroicons-outline:star',
url: 'example'
},
{ {
id: 'dashboard-component', id: 'dashboard-component',
title: 'Dashboard', title: 'Dashboard',

View File

@ -7,12 +7,18 @@ import SignInConfig from '../main/sign-in/SignInConfig';
import SignUpConfig from '../main/sign-up/SignUpConfig'; import SignUpConfig from '../main/sign-up/SignUpConfig';
import SignOutConfig from '../main/sign-out/SignOutConfig'; import SignOutConfig from '../main/sign-out/SignOutConfig';
import Error404Page from '../main/404/Error404Page'; import Error404Page from '../main/404/Error404Page';
import ExampleConfig from '../main/example/ExampleConfig';
import ProjectDashboardAppConfig from '../main/dashboard/project/ProjectDashboardAppConfig'; import ProjectDashboardAppConfig from '../main/dashboard/project/ProjectDashboardAppConfig';
import ProductoConfigs from '../main/producto/ProductoConfig' import ProductoConfigs from '../main/producto/ProductoConfig';
import InvoiceConfigs from '../main/invoice/InvoiceConfig'; import InvoiceConfigs from '../main/invoice/InvoiceConfig';
const routeConfigs: FuseRouteConfigsType = [ExampleConfig, SignOutConfig, SignInConfig, SignUpConfig, ProjectDashboardAppConfig, ...ProductoConfigs, ...InvoiceConfigs]; const routeConfigs: FuseRouteConfigsType = [
SignOutConfig,
SignInConfig,
SignUpConfig,
ProjectDashboardAppConfig,
...ProductoConfigs,
...InvoiceConfigs
];
/** /**
* The routes of the application. * The routes of the application.
@ -21,7 +27,7 @@ const routes: FuseRoutesType = [
...FuseUtils.generateRoutesFromConfigs(routeConfigs, settingsConfig.defaultAuth), ...FuseUtils.generateRoutesFromConfigs(routeConfigs, settingsConfig.defaultAuth),
{ {
path: '/', path: '/',
element: <Navigate to="/example" />, element: <Navigate to="/dashboards/project" />,
auth: settingsConfig.defaultAuth auth: settingsConfig.defaultAuth
}, },
{ {

View File

@ -16,8 +16,8 @@ function Error404Page() {
> >
<Box <Box
component="svg" component="svg"
width="100%" width="80%"
height="100%" height="80%"
viewBox="0 0 1075 585" viewBox="0 0 1075 585"
fill="none" fill="none"
preserveAspectRatio="xMidYMax slice" preserveAspectRatio="xMidYMax slice"
@ -243,7 +243,7 @@ function Error404Page() {
color="text.secondary" color="text.secondary"
className="mt-8 text-center text-lg font-medium tracking-tight md:text-xl" className="mt-8 text-center text-lg font-medium tracking-tight md:text-xl"
> >
The page you requested could not be found. La página a la que se quiere acceder no existe.
</Typography> </Typography>
</motion.div> </motion.div>
<Link <Link

View File

@ -1,16 +1,8 @@
import { useState } from "react"; import { useState } from 'react';
import FuseSvgIcon from "@fuse/core/FuseSvgIcon"; import FuseSvgIcon from '@fuse/core/FuseSvgIcon';
import { import { Autocomplete, Box, Divider, Grid, TextField, Typography, Button } from '@mui/material';
Autocomplete, import AddClient from './components/addClient/AddClient';
Box, import { Client } from './DataClientInterfaz';
Divider,
Grid,
TextField,
Typography,
Button,
} from "@mui/material";
import AddClient from "./components/addClient/AddClient";
import { Client } from "./DataClientInterfaz";
interface Props { interface Props {
client: Client[]; client: Client[];
@ -21,14 +13,33 @@ function DataClientRender({ client, handleSelectClient, selectClient }: Props) {
const [openDialog, setOpenDialog] = useState<boolean>(false); const [openDialog, setOpenDialog] = useState<boolean>(false);
return ( return (
<Box className="mt-10 p-20 shadow-2 rounded-8"> <Box className="mt-10 p-20 shadow-2 rounded-8">
<AddClient open={openDialog} setOpen={setOpenDialog} handleSelectClient={handleSelectClient}/> <AddClient
<Grid container spacing={2}> open={openDialog}
<Grid item xs={12} md={10}> setOpen={setOpenDialog}
<Typography component="h3" className="mb-7 text-16"> handleSelectClient={handleSelectClient}
/>
<Grid
container
spacing={2}
>
<Grid
item
xs={12}
md={10}
>
<Typography
component="h3"
className="mb-7 text-16"
>
Datos cliente Datos cliente
</Typography> </Typography>
</Grid> </Grid>
<Grid item xs={12} md={2} className="flex justify-end"> <Grid
item
xs={12}
md={2}
className="flex justify-end"
>
<Button <Button
color="primary" color="primary"
variant="outlined" variant="outlined"
@ -36,18 +47,29 @@ function DataClientRender({ client, handleSelectClient, selectClient }: Props) {
size="small" size="small"
onClick={() => setOpenDialog(true)} onClick={() => setOpenDialog(true)}
startIcon={ startIcon={
<FuseSvgIcon className="text-48" size={24} color="action"> <FuseSvgIcon
className="text-48"
size={24}
color="action"
>
heroicons-outline:plus heroicons-outline:plus
</FuseSvgIcon> </FuseSvgIcon>
} }
> >
Agregar{" "} Agregar{' '}
</Button> </Button>
</Grid> </Grid>
<Grid item xs={12}> <Grid
item
xs={12}
>
<Divider className="border-1 mb-10" /> <Divider className="border-1 mb-10" />
</Grid> </Grid>
<Grid item xs={12} md={12}> <Grid
item
xs={12}
md={12}
>
<Autocomplete <Autocomplete
className="mt-8 mb-16" className="mt-8 mb-16"
options={client} options={client}
@ -65,40 +87,70 @@ function DataClientRender({ client, handleSelectClient, selectClient }: Props) {
label="Cliente" label="Cliente"
variant="outlined" variant="outlined"
InputLabelProps={{ InputLabelProps={{
shrink: true, shrink: true
}} }}
/> />
)} )}
/> />
</Grid> </Grid>
<Grid item md={12}> <Grid
item
md={12}
>
<Divider /> <Divider />
</Grid> </Grid>
{selectClient ? ( {selectClient ? (
<> <>
<Grid item md={4} xs={12}> <Grid
item
md={4}
xs={12}
>
<b>Razón Social:</b> {selectClient.razonSocial} <b>Razón Social:</b> {selectClient.razonSocial}
</Grid> </Grid>
<Grid item md={4} xs={12}> <Grid
item
md={4}
xs={12}
>
<b>Nombre Comercial:</b> {selectClient.nombreComercial} <b>Nombre Comercial:</b> {selectClient.nombreComercial}
</Grid> </Grid>
<Grid item md={4} xs={12}> <Grid
item
md={4}
xs={12}
>
<b>Ruc:</b> {selectClient.identificacion} <b>Ruc:</b> {selectClient.identificacion}
</Grid> </Grid>
<Grid item md={4} xs={12}> <Grid
item
md={4}
xs={12}
>
<b>Dirección:</b> {selectClient.direccion} <b>Dirección:</b> {selectClient.direccion}
</Grid> </Grid>
<Grid item md={4} xs={12}> <Grid
item
md={4}
xs={12}
>
<b>Teléfono:</b> {selectClient.telefono} <b>Teléfono:</b> {selectClient.telefono}
</Grid> </Grid>
<Grid item md={4} xs={12}> <Grid
item
md={4}
xs={12}
>
<b>Correo:</b> {selectClient.correo} <b>Correo:</b> {selectClient.correo}
</Grid> </Grid>
</> </>
) : ( ) : (
<Box className="flex justify-center w-full mt-20"> <Box className="flex justify-center w-full mt-20">
<Typography variant="subtitle2" gutterBottom> <Typography
variant="subtitle2"
gutterBottom
>
Seleccione o agrege el cliente Seleccione o agrege el cliente
</Typography> </Typography>
</Box> </Box>

View File

@ -100,7 +100,7 @@ function ListInvoiceRender() {
</div> </div>
} }
content={ content={
<Paper className="flex flex-col flex-auto p-24 shadow rounded-2 overflow-hidden mt-6"> <Paper className="flex flex-col flex-auto p-24 shadow rounded-2 overflow-hidden m-10">
<div className="flex md:flex-row justify-between flex-col"> <div className="flex md:flex-row justify-between flex-col">
<div> <div>
<Typography className="mr-16 text-lg font-medium tracking-tight leading-6 truncate"> <Typography className="mr-16 text-lg font-medium tracking-tight leading-6 truncate">