Vista del periodontograma
La sub-pestaña Periodontograma vive dentro de Ficha → Clínica → Diagnóstico. Reúne el slider de histórico, el banner de índices y la representación SEPA de las dos arcadas.
De un vistazo
┌────────────────────────────────────────────────────────────────────┐
│ [Banner ámbar — solo si miras un snapshot pasado] ............... │
│ │
│ [Slider de fechas]──●──────●──●─────────[Hoy] │
│ │
│ ┌────────────────────────────────────────────────────────────────┐ │
│ │ [Pill] Borrador / Cerrada · 23 mar 2026 │ │
│ │ BoP 18% · PI 12% · CAL 1.8mm · Bolsas ≥5mm: 3 │ │
│ └────────────────────────────────────────────────────────────────┘ │
│ │
│ SUPERIOR │
│ ┌──────────────────────────────────────────────────────────────┐ │
│ │ Tabla SEPA (9 filas × 16 dientes) │ │
│ │ Dientes — cara vestibular │ │
│ │ Dientes — cara palatina (flip vertical) │ │
│ └──────────────────────────────────────────────────────────────┘ │
│ │
│ INFERIOR │
│ ┌──────────────────────────────────────────────────────────────┐ │
│ │ Dientes — cara lingual (flip vertical) │ │
│ │ Dientes — cara vestibular │ │
│ │ Tabla SEPA │ │
│ └──────────────────────────────────────────────────────────────┘ │
│ │
│ [Botonera sticky — solo borradores] │
│ [⏳ Guardado] [Descartar borrador] [Cerrar sesión ✓] │
└────────────────────────────────────────────────────────────────────┘Estado vacío
Si el paciente no tiene ningún snapshot ni borrador, la sub-pestaña muestra una tarjeta con el botón Iniciar exploración. Al pulsarlo se crea un borrador prerelleno y se carga la vista completa.
Captura por celda
- Sitio (sondaje, margen, sangrado, placa, supuración). Pulsa cualquier dot del diente o cualquier sub-celda de las filas Sangrado / Placa / Margen gingival / Sondaje. Se abre un modal con cinco campos.
- Diente (movilidad, pronóstico, furca, anchura encía). Pulsa sobre la fila correspondiente del diente. Se abre un modal con los campos por diente. Furca solo aparece en molares.
Los cambios se autoguardan con un retardo de 600 ms (debounce). El indicador inferior izquierdo del periodontograma muestra el estado: Guardando… / Cambios pendientes / Guardado.
Heatmap visual
El sondaje pinta cada dot según la profundidad:
| Sondaje | Color |
|---|---|
| 0–3 mm | Verde |
| 4 mm | Amarillo |
| 5–6 mm | Naranja |
| ≥ 7 mm | Rojo |
Sangrado y placa añaden indicadores pequeños sobre el dot (rojo y azul respectivamente).
Histórico
El slider superior es el mismo componente que usa el odontograma: cada nodo es un snapshot cerrado. Al seleccionar una fecha pasada aparece un banner ámbar y todos los inputs quedan deshabilitados. Volver al actual descarga el snapshot más reciente o el borrador activo si lo hay.
Cerrar sesión
Desde la botonera inferior, Cerrar sesión abre un modal de confirmación con un campo opcional para una nota clínica. Al confirmar:
- Se vuelcan al backend los cambios pendientes en cola.
- Se calculan los índices SEPA y se persisten en el snapshot.
- El snapshot pasa a
closed, aparece en el slider y los inputs quedan deshabilitados.
Descartar borrador
Descartar borrador elimina todos los datos del draft activo. No es reversible — el modal lo advierte antes de confirmar.