Filtros y Busqueda
La lista de proyectos ofrece multiples herramientas para encontrar y organizar los proyectos rapidamente.
Busqueda por Nombre
Para buscar proyectos por nombre:
- En la columna Nombre, click en el icono de busqueda (lupa)
- Escribe el texto a buscar en el campo
- Click en Buscar o presiona Enter
- Los resultados se filtran en el servidor
Para limpiar la busqueda:
- Click en Limpiar en el dropdown de busqueda
- O borra el texto y presiona Enter
La busqueda se realiza en el servidor, por lo que funciona correctamente con grandes cantidades de proyectos.
Filtro por Empresa
El filtro de empresa se encuentra en la tarjeta de filtros, encima de la tabla.
Como Usar
- Click en el selector Filtrar por empresa
- Selecciona una empresa de la lista
- La tabla se actualiza mostrando solo proyectos de esa empresa
- Para quitar el filtro, click en la X del selector
Comportamiento
- Es un selector de seleccion unica
- Muestra todas las empresas disponibles
- Al seleccionar, la pagina se reinicia a la primera
- Se puede combinar con otros filtros
Filtro por Estado
La columna Estado permite filtrar proyectos por su estado:
| Filtro | Descripcion |
|---|---|
| Activo | Proyectos con estado activo (tag verde) |
| Inactivo | Proyectos con estado inactivo (tag rojo) |
Para aplicar:
- Click en el icono de filtro en la columna Estado
- Selecciona Activo o Inactivo
- Click en OK
Filtros por URL (Status)
Algunos filtros se aplican via parametros de URL:
| Parametro | Valor | Descripcion |
|---|---|---|
| status | with-users | Proyectos que tienen usuarios asignados |
| status | empty | Proyectos sin usuarios |
| status | completed | Proyectos completados |
Ejemplo: /app/projects?status=with-users
Cuando hay un filtro de estado activo por URL, se muestra una alerta informativa:
"Mostrando: Proyectos Con Usuarios"
Con un boton X para cerrar el filtro y ver todos los proyectos.
Etiquetas de estado:
| Valor | Etiqueta mostrada |
|---|---|
| with-users | Proyectos Con Usuarios |
| empty | Proyectos Vacios |
| completed | Proyectos Completados |
Ordenar Resultados
La tabla permite ordenar por la columna Nombre:
- Click en el encabezado de la columna Nombre
- Primer click: orden ascendente (A → Z)
- Segundo click: orden descendente (Z → A)
- Tercer click: sin orden especifico
El indicador de flecha en el encabezado muestra la direccion del ordenamiento actual.
Paginacion
La tabla usa paginacion remota (los datos se cargan del servidor por pagina).
Controles de Paginacion
| Control | Descripcion |
|---|---|
| Navegacion de paginas | Botones para ir a pagina anterior/siguiente |
| Total | Texto "Total X proyectos" |
| Tamano de pagina | Selector para cambiar cuantos proyectos por pagina |
Tamanos de Pagina
Opciones disponibles: 10, 20, 50, 100 proyectos por pagina.
Al cambiar el tamano de pagina, la tabla regresa automaticamente a la primera pagina.
Combinacion de Filtros
Los filtros se pueden combinar:
Ejemplo: Buscar proyectos activos de la empresa "ABC Corp" que contengan "Monterrey" en el nombre.
- Selecciona "ABC Corp" en el filtro de empresa
- Filtra por estado "Activo"
- Busca "Monterrey" en la columna de nombre
Todos los filtros se aplican simultaneamente.
Boton Actualizar
El boton Actualizar (icono de recarga) en la esquina superior derecha:
- Recarga la lista de proyectos desde el servidor
- Mantiene los filtros activos
- Muestra indicador de carga mientras se actualiza
Resumen de Filtros Disponibles
| Filtro | Ubicacion | Tipo |
|---|---|---|
| Nombre | Columna de tabla | Busqueda de texto |
| Empresa | Tarjeta de filtros | Selector |
| Estado (Activo/Inactivo) | Columna de tabla | Seleccion multiple |
| Status (URL) | Parametro de URL | Alerta con cierre |
| Ordenar por nombre | Encabezado de columna | Ascendente/Descendente |
| Paginacion | Pie de tabla | Navegacion + tamano |
Proximos Pasos
- Crear Proyecto - Crear nuevos proyectos
- Perfil del Proyecto - Ver detalle de un proyecto
- Introduccion - Vision general del modulo