Categories/Components

Categories — Components

app/(dev)/ui/categories/components

Componentes de navegación jerárquica, gestión de categorías y subcategorías para el módulo de categorización.

FormSlot

Formulario reutilizable con campo de nombre e ícono. Se usa dentro de diálogos de creación y edición.

CardSubcategory

Tarjeta de subcategoría con badge de cantidad de materiales y menú de acciones "..." con opciones Editar y Eliminar.

Cementos
10 materiales
Ladrillos cerámicos
24 materiales
Áridos
6 materiales

CollapsableCategory — Colapsado

Estado por defecto: solo muestra el encabezado con ícono, título, descripción y botones de acción.

Obra Gruesa5 categorías · 13 subcategorías · 500 materiales base

CollapsableCategory — Expandido

Estado expandido: panel izquierdo con pestañas de categorías y panel derecho con la cuadrícula de subcategorías.

Obra Gruesa5 categorías · 13 subcategorías · 500 materiales base
Categorías
Hormigón
38 materiales
4 subcategorías
Cementos
10 materiales
Cales
10 materiales
Morteros
10 materiales
Aditivos
8 materiales

CollapsableCategory — Múltiples

Vista con múltiples grupos de categorías en lista, como aparecería en la vista real de Categorización.

Obra Gruesa5 categorías · 13 subcategorías · 500 materiales base
Terminaciones3 categorías · 8 subcategorías · 210 materiales base

DialogCreateGroup

Diálogo para crear un nuevo rubro. Incluye campo de nombre e ícono con selector.

DialogCreateCategory

Diálogo para crear una nueva categoría dentro de un rubro. Muestra el contexto del rubro en la descripción.

DialogCreateSubcategory

Diálogo para crear una nueva subcategoría. Muestra el contexto del rubro y la categoría padre.

DialogDeleteSubcategory

Diálogo para eliminar una subcategoría con materiales asignados. Advierte al usuario y ofrece migrar los materiales a otra subcategoría antes de eliminar.

AlertDialogDeleteGroup — Bloqueado

Alerta que impide eliminar un rubro cuando sus categorías o subcategorías tienen materiales asignados. Ofrece la acción de ir a ver las categorías.

AlertDialogDeleteGroup — Simple

Confirmación simple para eliminar un rubro sin materiales asignados.

AlertDialogDeleteCategory — Bloqueado

Alerta que impide eliminar una categoría cuando sus subcategorías tienen materiales asignados. Ofrece la acción de ir a ver las subcategorías.