Modernización Módulo Inventario

Progreso General 0 / 0 tareas

Información General

Asignado a: Marco Alejandro

Fecha de asignación: 10 de febrero de 2026

Proyecto: mercasist-web

Dominio de desarrollo: mercasist.info

Directorio:

/var/www/marco/mercasist-web/inventario/

Objetivo

Modernizar el módulo de inventario llevándolo al nuevo layout de frontend, siguiendo el mismo estilo implementado en los módulos de Publicaciones y Órdenes.

Referencias de diseño

Tomar como referencia el layout y componentes de:

Módulo de Publicaciones - Para el header y estructura general
Nueva versión de Órdenes - Para el manejo de filtros y tarjetas

1. Header del Módulo

El header debe modernizarse manteniendo la funcionalidad actual pero con mejor diseño.

Modernizar los inputs del header (búsqueda, filtros)

Implementar header con position: sticky; top: 0;

Aplicar mismo formato visual que publicaciones/órdenes

2. Estilo General

Color guía del módulo

Mantener el verde turquesa como color principal del módulo de inventario.

#20c997 (aproximado)

Mantener verde turquesa como color guía en todos los componentes

3. Tarjetas de Artículos

Cada artículo se muestra en una tarjeta (box) que necesita reestructuración completa.

Eliminar:

Eliminar diseño actual con múltiples líneas horizontales

Eliminar completamente la sección/funcionalidad de Etiquetas (tags)

Mantener:

Mantener botón "+" de proveedores (asignación síncrona)

Modificar:

Mostrar disponibilidad total visible directamente

Mostrar disponibilidad por almacén visible directamente (no en modal)

Usar badges o similar para mostrar disponibilidad por almacén

Reestructurar layout general para que sea más moderno y organizado

Nota sobre disponibilidad

Actualmente la disponibilidad por almacén se muestra en un botón "+" que abre un modal. Esto debe cambiar para que sea visible directamente en la tarjeta.

4. Menú de Opciones por Artículo

Cada artículo tiene un menú contextual con opciones. Todas se mantienen, solo modernizar el estilo.

Editar artículo - Mantener (modal con iframe) - Modernizar estilo

Operaciones de inventario - Mantener (modal con iframe) - Modernizar estilo

Asignar proveedor - Mantener funcionalidad

Historial de sincronizaciones - Mantener (modal) - Modernizar estilo

Inactivar artículo - Mantener funcionalidad

5. Menú "Opciones" del Header

El botón "Opciones" en el header tiene un menú desplegable que necesita reorganización.

Cambiar de página a modal con iframe:

Nuevo artículo - Convertir de página (productNew.php) a modal con iframe

Reglas de descuento - Convertir de página (descuento.php) a modal con iframe

Mantener como está:

Importar de MercadoLibre - Mantener modal actual

Eliminar asociaciones con publicaciones finalizadas - Mantener (confirmación)

Eliminar todos los artículos - Mantener funcionalidad

Agregar al menú (como modales con iframe):

Categorías - Mover desde submenú a Opciones (modal iframe)

Proveedores - Mover desde submenú a Opciones (modal iframe)

Almacenes - Mover desde submenú a Opciones (modal iframe)

Quitar del menú Opciones:

Creación/edición masiva - Mover al menú principal (ver sección 6)

Precaución

"Eliminar todos los artículos" es una acción peligrosa. Mantener tal cual está, asegurándose de que tenga confirmación antes de ejecutar.

6. Menú Principal de Navegación

Reorganización del menú lateral/principal.

Estructura final del menú Inventario:

Inventario
- Artículos principal
- Creación/Edición Masiva mover aquí

Mantener "Artículos" como submenú principal

Agregar "Creación/Edición Masiva" como submenú de Inventario

Modernizar la página de Creación/Edición Masiva (carga front completo)

Eliminar submenús: Categorías, Proveedores, Almacenes (van a Opciones)

7. Comportamiento y UX

Paginación:

Implementar scroll infinito (como en otros módulos modernizados)

Filtros:

Todos los filtros deben aplicarse de manera asíncrona (AJAX)

No recargar la página al aplicar/cambiar filtros

Archivos Relevantes

Lista de archivos principales a modificar:

Archivo	Descripción
`index.php`	Página principal del módulo
`product.php`	Listado de artículos (tarjetas)
`inventario.css`	Estilos del módulo
`inventario.js`	JavaScript del módulo
`productNew.php`	Nuevo artículo (convertir a modal)
`productEdit.php`	Editar artículo (modal existente)
`productOperaciones.php`	Operaciones de inventario (modal existente)
`descuento.php`	Reglas de descuento (convertir a modal)
`categorias.php`	Gestión de categorías (mover a Opciones)
`proveedores.php`	Gestión de proveedores (mover a Opciones)
`almacenes.php`	Gestión de almacenes (mover a Opciones)
`MasivoCreacionEdicion.php`	Creación/edición masiva (modernizar)
`tag*.php`	Archivos de etiquetas (funcionalidad a eliminar)

Resumen de Cambios

Agregar/Implementar:

Scroll infinito
Filtros asíncronos
Header sticky
Badges de disponibilidad por almacén
Modales iframe para: Nuevo artículo, Reglas descuento, Categorías, Proveedores, Almacenes

Eliminar:

Sistema de etiquetas (tags)
Líneas horizontales en tarjetas
Modal de disponibilidad por almacén (mostrar directo)
Submenús: Categorías, Proveedores, Almacenes

Documento generado el 10 de febrero de 2026

Mercasist - Documentación Interna