cmorales
/
Front-Complete
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Creacion de factura

This commit is contained in:
Andres Alvarez 2024-02-01 21:10:06 -05:00
parent 44ff0c2c11
commit 202521f225
5 changed files with 158 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/configs/themesConfig.ts
View File

@ -41,7 +41,7 @@ export const themesConfig: FuseThemesType = {
},
secondary: {
light: '#818cf8',
main: '#3cb1fe',
main: '#356f93',
dark: '#3730a3',
contrastText: darkPaletteText.primary
},

92
src/app/main/invoice/generateInvoice/GenerateInvoiceRender.tsx
View File

@ -10,8 +10,12 @@ import {
TextField,
styled,
Button,
Grid,
Box,
} from "@mui/material";
import { Controller, useFormContext } from "react-hook-form";
import DataInvoice from "./components/dataInvoice/DataInvoice";
import DataClient from "./components/dataClient/DataClient";
const Root = styled(FusePageSimple)(({ theme }) => ({
"& .FusePageSimple-header": {
@ -28,58 +32,66 @@ const GenerateInvoiceRender = () => {
className="text-16 font-bold "
/>
<Divider />
<DataInvoice />
<DataClient />
<CardContent>
<TextField
className="mt-8 mb-16"
required
label="Name"
autoFocus
id="name"
variant="outlined"
fullWidth
/* error={!!errors.name}
<Grid container spacing={2}>
<Grid item xs={12} md={6}>
<TextField
className="mt-8 mb-16"
required
label="Name"
autoFocus
id="name"
variant="outlined"
fullWidth
/* error={!!errors.name}
helperText={errors?.name?.message as string} */
/>
<TextField
className="mt-8 mb-16"
id="description"
label="Description"
type="text"
multiline
rows={5}
variant="outlined"
fullWidth
/>
<Autocomplete
className="mt-8 mb-16"
multiple
freeSolo
options={[]}
/* value={value }
/>
</Grid>
<Grid item xs={12} md={6}>
<TextField
className="mt-8 mb-16"
id="description"
label="Description"
type="text"
multiline
rows={5}
variant="outlined"
fullWidth
/>
</Grid>
<Grid item xs={12} md={6}>
<Autocomplete
className="mt-8 mb-16"
multiple
freeSolo
options={[]}
/* value={value }
onChange={(event, newValue) => {
onChange(newValue);
}} */
renderInput={(params) => (
<TextField
{...params}
placeholder="Select multiple categories"
label="Categories"
variant="outlined"
InputLabelProps={{
shrink: true,
}}
renderInput={(params) => (
<TextField
{...params}
placeholder="Select multiple categories"
label="Categories"
variant="outlined"
InputLabelProps={{
shrink: true,
}}
/>
)}
/>
)}
/>
</Grid>
</Grid>
</CardContent>
<CardActions>
<Button
className="w-320 "
variant="contained"
size="small"
color="secondary"
color="primary"
>
Guardar{" "}
</Button>

69
src/app/main/invoice/generateInvoice/components/dataClient/DataClient.tsx Normal file
View File

@ -0,0 +1,69 @@
import {
Autocomplete,
Box,
Divider,
Grid,
TextField,
Typography,
} from "@mui/material";
const DataClient = () => {
return (
<Box className="mt-10 p-20 shadow-2 rounded-8">
<Typography component="h3" className="mb-7">
Datos cliente
</Typography>
<Divider className="border-1 mb-10" />
<Grid container spacing={2}>
<Grid item xs={12} md={12}>
<Autocomplete
className="mt-8 mb-16"
multiple
freeSolo
options={[]}
/* value={value }
onChange={(event, newValue) => {
onChange(newValue);
}} */
renderInput={(params) => (
<TextField
{...params}
placeholder="Busque el cliente"
label="Cliente"
variant="outlined"
InputLabelProps={{
shrink: true,
}}
/>
)}
/>
</Grid>
<Grid item md={12} >
<Divider/>
</Grid>
<Grid item md={4} xs={12}>
<b>Razón Social:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={4} xs={12}>
<b>Nombre Comercial:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={4} xs={12}>
<b>Ruc:</b> 17215785512001
</Grid>
<Grid item md={4} xs={12}>
<b>Dirección:</b> Calle Oe11g y s32
</Grid>
<Grid item md={4} xs={12}>
<b>Teléfono:</b> 0988545211
</Grid>
<Grid item md={4} xs={12}>
<b>Correo:</b> admin@qsoftec.com
</Grid>
</Grid>
</Box>
);
};
export default DataClient;

35
src/app/main/invoice/generateInvoice/components/dataInvoice/DataInvoice.tsx Normal file
View File

@ -0,0 +1,35 @@
import { Box, Grid, Typography, Divider } from "@mui/material";
const DataInvoice = () => {
return (
<Box className="mt-10 p-20 shadow-2 rounded-8">
<Typography component="h3" className="mb-7">
Datos emisor
</Typography>
<Divider className="border-1 mb-10" />
<Grid container spacing={2}>
<Grid item md={6} xs={12}>
<b>Razón Social:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={6} xs={12}>
<b>Nombre Comercial:</b> Jonathan Andres Alvarez Flores
</Grid>
<Grid item md={6} xs={12}>
<b>Ruc:</b> 17215785512001
</Grid>
<Grid item md={6} xs={12}>
<b>Dirección:</b> Calle Oe11g y s32
</Grid>
<Grid item md={6} xs={12}>
<b>Contribuyente Especial:</b> NO
</Grid>
<Grid item md={6} xs={12}>
<b>Obligado Contabilidad:</b> NO
</Grid>
</Grid>
</Box>
);
};
export default DataInvoice;

2
src/app/main/invoice/listInvoice/ListInvoiceRender.tsx
View File

@ -132,7 +132,7 @@ const ListInvoiceRender = () => {
<Button
size="small"
variant="contained"
color="secondary"
color="primary"
component={Link}
to={'/invoice/edit'}
startIcon={