Catálogo y ficha.
Permite explorar un conjunto, abrir una entidad y volver sin perder filtros, orden o posición.
Ejemplo completo
Compara la deuda observada con la composición propuesta para r19.
MarcaContexto
Catálogo y ficha
La tarea principal aparece antes que la configuración.
| Objeto | Ejemplo verificable |
|---|---|
| Fuente | Contrato canónico |
Objetivo
Permite explorar un conjunto, abrir una entidad y volver sin perder filtros, orden o posición.
La plantilla define regiones, orden de lectura y estados. El producto aporta datos y acciones, no otra estructura visual.
Regiones
| Orden | Región |
|---|---|
| 1 | Título, descripción y conteo |
| 2 | Búsqueda y filtros |
| 3 | Resultados y orden |
| 4 | Paginación |
| 5 | Ficha con metadatos |
| 6 | Acciones y relacionados |
Estados obligatorios
| Estado | Contenido mínimo |
|---|---|
| unfiltered | Colección completa |
| filtered | Criterios en URL |
| no results | Limpiar o ajustar |
| item not found | Objeto y navegación |
| restricted | Acceso y solicitud |
Responsive y accesibilidad
- Una sola columna legible a 320 px; las regiones de apoyo pasan después del contenido principal.
- El título de página es único y el breadcrumb conserva la jerarquía real.
- Las acciones mantienen el mismo nombre y orden en escritorio y móvil.
- El foco llega al mensaje o campo que requiere atención tras un envío.
- La URL entrega contenido completo sin router cliente.
Página completa
Abrir el catálogo funcional de doce series ficticias. Cada ficha reúne cifra dominante, período, fuente, actualización, figura, tabla y CSV.
Estados comprobables
| Estado | Comportamiento |
|---|---|
| Sin filtros | Doce series repartidas en tres páginas con enlaces nativos. |
| Filtrado | Búsqueda sin distinción de tildes y tema en la URL; recuento del conjunto filtrado. |
| Sin resultados | Conserva filtros y ofrece limpiarlos. |
| Ficha | El enlace de retorno conserva filtros y página; Atrás mantiene el recorrido. |
| Sin JavaScript o sin índice | Listado, tres páginas, fichas y CSV siguen accesibles; filtros requieren JavaScript. |
Coherencia de datos
CSV, tabla, rótulos de figura y resumen se generan de la misma serie. Las pruebas cruzan cada cifra y período; la escala de barras empieza en cero. Fuente y actualización permanecen visibles. Los colores de datos aparecen sólo dentro de la figura, nunca en navegación o estados.
Las cifras son ficticias. La integración con datos.cochid.cl y sus fuentes reales corresponde al refactor de ese servicio.