Fondemi/sistema_base
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ver productos y detalles

Browse Source
This commit is contained in:
Sergio Ramirez
2025-07-09 14:56:58 -04:00
parent 365cbd0d7a
commit 3a0b29d3c1
14 changed files with 144 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/api/src/database/schema/inventory.ts
View File

@@ -25,8 +25,10 @@ export const viewProductsStore = t.pgView('v_product_store', {
stock: t.integer('stock'),
urlImg: t.text('url_img'),
userId: t.integer('user_id'),
fullname: t.text('fullname')
fullname: t.text('fullname'),
email: t.text('email'),
phone: t.text('phone')
}).as(sql`
select p.id as product_id, p.title, p.description, p.price, p.stock, p.url_img, p.user_id, u.fullname
select p.id as product_id, p.title, p.description, p.price, p.stock, p.url_img, p.user_id, u.fullname, u.email, u.phone
from products p
left join auth.users as u on u.id = p.user_id`);

1
apps/api/src/features/inventory/entities/inventory.entity.ts
View File

@@ -6,6 +6,7 @@ export class Product {
stock: number | null;
urlImg: string | null;
userId?: number | null;
fullname?: string | null;
}
export class Inventory {

6
apps/api/src/features/inventory/inventory.controller.ts
View File

@@ -30,8 +30,8 @@ export class UsersController {
@ApiResponse({ status: 200, description: 'Return paginated products.' })
async findAllByUserId(@Req() req: Request, @Query() paginationDto: PaginationDto) {
console.log(req['user'].id)
const id = 1
// const id = Number(req['user'].id);
// const id = 1
const id = Number(req['user'].id);
const result = await this.inventoryService.findAllByUserId(id,paginationDto);
return {
message: 'products fetched successfully',
@@ -40,7 +40,7 @@ export class UsersController {
};
}
@Get(':id')
@Get('/id/:id')
// @Roles('admin')
@ApiOperation({ summary: 'Get a product by ID' })
@ApiResponse({ status: 200, description: 'Return the product.' })

18
apps/api/src/features/inventory/inventory.service.ts
View File

@@ -141,15 +141,17 @@ export class InventoryService {
async findOne(id: string): Promise<Product> {
const find = await this.drizzle
.select({
id: products.id,
title: products.title,
description: products.description,
price: products.price,
urlImg: products.urlImg,
stock: products.stock
id: viewProductsStore.id,
title: viewProductsStore.title,
description: viewProductsStore.description,
price: viewProductsStore.price,
urlImg: viewProductsStore.urlImg,
stock: viewProductsStore.stock,
userId: viewProductsStore.userId,
fullname: viewProductsStore.fullname
})
.from(products)
.where(eq(products.id, parseInt(id)));
.from(viewProductsStore)
.where(eq(viewProductsStore.id, parseInt(id)));
if (find.length === 0) {
throw new HttpException('Product does not exist', HttpStatus.BAD_REQUEST);

9
apps/api/src/features/users/users.controller.ts
View File

@@ -40,12 +40,11 @@ export class UsersController {
@ApiResponse({ status: 201, description: 'User created successfully.' })
async create(
@Body() createUserDto: CreateUserDto,
@Query('roleId') roleId?: string,
@Query('role') role?: string,
) {
const data = await this.usersService.create(
createUserDto,
roleId ? parseInt(roleId) : undefined,
);
console.log(role);
const data = await this.usersService.create(createUserDto)
return { message: 'User created successfully', data };
}

2
apps/api/src/features/users/users.service.ts
View File

@@ -159,7 +159,7 @@ export class UsersService {
// Assign role to user
await tx.insert(usersRole).values({
userId: newUser.id,
roleId: roleId,
roleId: createUserDto.role || roleId,
});
// Return the created user with role

57
apps/web/app/dashboard/productos/[id]/page.tsx
View File

@@ -1,7 +1,16 @@
import PageContainer from '@/components/layout/page-container';
import { getSurveyByIdAction } from '@/feactures/surveys/actions/surveys-actions';
import { SurveyResponse } from '@/feactures/surveys/components/survey-response';
// 'use client';
// import PageContainer from '@/components/layout/page-container';
import { getProductById } from '@/feactures/inventory/actions/actions';
// import { SurveyResponse } from '@/feactures/surveys/components/survey-response';
import {
Card,
CardContent,
CardFooter,
CardHeader,
CardTitle,
} from '@repo/shadcn/card';
import { Edit } from 'lucide-react';
export default async function SurveyResponsePage({
@@ -17,17 +26,47 @@ export default async function SurveyResponsePage({
}
// Call the function passing the dynamic id
const data = await getSurveyByIdAction(Number(id));
const data = await getProductById(Number(id));
if (!data?.data) {
return <div>Encuesta no encontrada</div>;
}
const product = data.data
// console.log(data.data);
return (
<PageContainer>
<div className="flex flex-1 flex-col space-y-4">
<SurveyResponse survey={data?.data} />
</div>
</PageContainer>
// <PageContainer>
<main className='p-4 md:px-6 flex flex-col md:flex-row gap-4 md:relative'>
<img
className="border-2 object-cover w-full h-full aspect-square rounded-2xl"
src={`http://localhost:3000/${product.urlImg}`}
alt=""
/>
<Card className="flex flex-col md:w-[500px] md:max-h-[90vh] md:overflow-auto md:sticky top-0 right-0">
<CardHeader>
<CardTitle className="font-bold text-2xl">
{product.title.charAt(0).toUpperCase() + product.title.slice(1)}
</CardTitle>
<p className='font-semibold'>$ {product.price}</p>
</CardHeader>
<CardContent className="flex-grow">
<p className='font-semibold text-lg border-t border-b'> Descripción</p>
<p className='p-1'>{product.description}</p>
</CardContent>
<CardFooter className="">
<div>
<p className='font-semibold text-lg border-t border-b mt-4'>Información del vendedor</p>
<p>{product.fullname}</p>
<p>Correo@gmail.com</p>
<p>0412-7848101</p>
</div>
{/* <p className="font-semibold text-lg">$ {product.price}</p> */}
</CardFooter>
</Card>
</main>
);
}

21
apps/web/app/dashboard/productos/page.tsx
View File

@@ -1,5 +1,6 @@
import PageContainer from '@/components/layout/page-container';
import { SurveyList } from '@/feactures/inventory/components/products/product-list';
import { ProductList } from '@/feactures/inventory/components/products/product-list';
import { Button } from '@repo/shadcn/components/ui/button';
import { Metadata } from 'next';
export const metadata: Metadata = {
@@ -8,14 +9,18 @@ export const metadata: Metadata = {
};
export default function SurveysPage() {
return (
<PageContainer>
<div className="w-full">
<h1 className="text-2xl font-bold mb-6">Productos Disponibles</h1>
<SurveyList />
</div>
</PageContainer>
// <PageContainer>
<main className='p-4 md:px-6'>
<header className="w-full flex flex-col sm:flex-row sm:justify-between">
<h1 className="text-2xl font-bold mb-1">Productos Disponibles</h1>
<a className='mb-1' href="/dashboard/inventario">
<Button>Mi inventario</Button>
</a>
</header>
<ProductList />
</main>
// </PageContainer>
);
}

4
apps/web/constants/data.ts
View File

@@ -11,8 +11,8 @@ export const GeneralItems: NavItem[] = [
items: [], // No child items
},
{
title: 'Inventario',
url: '/dashboard/inventario/',
title: 'ProduTienda',
url: '/dashboard/productos/',
icon: 'blocks',
shortcut: ['p', 'p'],
isActive: false,

20
apps/web/feactures/inventory/actions/actions.ts
View File

@@ -5,7 +5,8 @@ import {
InventoryTable,
productMutate,
// editInventory,
productApiResponseSchema
productApiResponseSchema,
getProduct
} from '../schemas/inventory';
import { auth } from '@/lib/auth';
@@ -81,7 +82,7 @@ export const getAllProducts = async (params: {
);
if (error) {
console.error('Error:', error);
console.error('Errorrrrr:', error.details);
throw new Error(error.message);
}
@@ -100,6 +101,21 @@ export const getAllProducts = async (params: {
};
};
export const getProductById = async (id: number) => {
const [error, data] = await safeFetchApi(
getProduct,
`/products/id/${id}`,
'GET',
);
if (error) {
console.error('❌ Error en la API:', error);
throw new Error(error.message);
}
return data;
};
export const createProductAction = async (payload: InventoryTable) => {
const session = await auth()
const userId = session?.user?.id

4
apps/web/feactures/inventory/components/inventory/product-tables/columns.tsx
View File

@@ -9,9 +9,9 @@ export const columns: ColumnDef<InventoryTable>[] = [
accessorKey: 'urlImg',
header: 'img',
cell: ({ row }) => {
const status = row.getValue("urlImg") as string | undefined;
const url = row.getValue("urlImg") as string | undefined;
return (
<img src={`http://localhost:3000/${status}`} alt="Image" width={64} height={64} className="rounded"/>
<img src={`http://localhost:3000/${url}`} alt="" width={64} height={64} className="rounded"/>
)
},
},

67
apps/web/feactures/inventory/components/products/product-list.tsx
View File

@@ -1,67 +1,54 @@
// Este componente maneja la lista de encuestas en el panel de administración
// Funcionalidades:
// - Muestra todas las encuestas en una tabla
// - Permite editar encuestas existentes
// - Permite eliminar encuestas con confirmación
// - Muestra el estado (publicada/borrador), fechas y conteo de respuestas
'use client';
import { Button } from '@repo/shadcn/button';
import {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from '@repo/shadcn/card';
import { useRouter } from 'next/navigation';
// import { useSurveysForUserQuery } from '@/feactures/surveys/hooks/use-query-surveys';
import { useAllProductQuery } from '@/feactures/inventory/hooks/use-query-products';
import { allProducts } from '../../schemas/inventory';
import { Badge } from '@repo/shadcn/badge';
import { BadgeCheck } from 'lucide-react';
export function SurveyList() {
import { ImageIcon } from 'lucide-react';
export function ProductList() {
const router = useRouter();
const {data: produts} = useAllProductQuery()
const { data: produts } = useAllProductQuery();
const handleRespond = (surveyId: number) => {
router.push(`/dashboard/productos/${surveyId}`);
const handle = (id: number) => {
router.push(`/dashboard/productos/${id}`);
};
// console.log(produts?.data)
return (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div className="w-full grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">
{produts?.meta.totalPages === 0 ? (
<div className="col-span-full text-center py-10">
<p className="text-muted-foreground">No hay productos disponibles en este momento.</p>
</div>
<section className="col-span-full text-center py-10">
<p className="text-muted-foreground">
No hay productos disponibles en este momento.
</p>
</section>
) : (
produts?.data.map((data: allProducts) => (
<Card key={data.id} className="flex flex-col">
<Card
key={data.id}
className="cursor-pointer flex flex-col"
onClick={() => handle(Number(data.id))}
>
<CardHeader>
<CardTitle>{data.title}</CardTitle>
<CardDescription>{data.description}</CardDescription>
<CardTitle className="text-base font-bold truncate">
{data.title.charAt(0).toUpperCase() + data.title.slice(1)}
</CardTitle>
</CardHeader>
<CardContent className="flex-grow">
<div className="space-y-2 text-sm">
<div className="flex justify-between">
<img src="/data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAwMCAO+ip1sAAAAASUVORK5CYII" alt="" />
</div>
</div>
<CardContent className="p-0 flex-grow">
<img
className="object-cover w-full h-full aspect-square"
src={`http://localhost:3000/${data.urlImg}`}
alt=""
/>
</CardContent>
<CardFooter className="flex justify-center">
<Button
className="w-full"
onClick={() => handleRespond(Number(data.id))}
>
Ver
</Button>
<CardFooter className="flex justify-between items-center p-4">
<p className="font-semibold text-lg">$ {data.price}</p>
</CardFooter>
</Card>
))

13
apps/web/feactures/inventory/schemas/inventory.ts
View File

@@ -16,7 +16,7 @@ export const product = z.object({
stock: z.number(),
price: z.string(),
urlImg: z.string(),
userId: z.number().optional(),
userId: z.number().optional()
});
export const editInventory = z.object({
@@ -38,10 +38,8 @@ export const allProducts = z.object({
stock: z.number(),
price: z.string(),
urlImg: z.string(),
user: z.object({
userId: z.number(),
username: z.string(),
})
userId: z.number(),
fullname: z.string()
})
export const ApiResponseSchema = z.object({
@@ -78,3 +76,8 @@ export const productMutate = z.object({
message: z.string(),
data: product,
})
export const getProduct = z.object({
message: z.string(),
data: allProducts,
})

5
apps/web/feactures/users/components/admin/create-user-form.tsx
View File

@@ -68,9 +68,8 @@ export function CreateUserForm({
mode: 'onChange', // Enable real-time validation
});
const onSubmit = async (data: CreateUser) => {
const formData = data
const onSubmit = async (formData: CreateUser) => {
console.log(formData);
saveAccountingAccounts(formData, {
onSuccess: () => {