215 lines
5.7 KiB
Markdown
215 lines
5.7 KiB
Markdown
# ✅ EDITOR DE PROTOCOLO COMPLETO - IMPLEMENTADO
|
|
|
|
## 🎯 OBJETIVO
|
|
|
|
Editor completo para crear y editar protocolos operativos con todas las funcionalidades extendidas:
|
|
- Pasos rápidos estructurados
|
|
- Checklist integrado
|
|
- Dosis inline
|
|
- Herramientas de contexto
|
|
- Fuentes clínicas
|
|
- Vista previa "modo TES"
|
|
|
|
---
|
|
|
|
## ✅ IMPLEMENTADO
|
|
|
|
### 1. Editor de Protocolo Completo
|
|
|
|
**Ubicación**: `admin-panel/src/pages/ProtocolEditorPage.tsx`
|
|
|
|
#### Funcionalidades por Tab
|
|
|
|
##### Tab: Básico
|
|
- ✅ ID, Título, Descripción
|
|
- ✅ Categoría (Soporte Vital, Patologías, Escena)
|
|
- ✅ Prioridad (Crítico, Alto, Medio, Bajo)
|
|
- ✅ Grupo de Edad (Adulto, Pediátrico, Neonatal, Todos)
|
|
|
|
##### Tab: Pasos
|
|
- ✅ **Gestión de pasos rápidos**:
|
|
- Añadir/eliminar pasos
|
|
- Texto del paso
|
|
- Marcar como crítico
|
|
- Tiempo estimado por paso
|
|
- Orden automático
|
|
- ✅ **Gestión de advertencias**:
|
|
- Añadir/eliminar advertencias
|
|
- Lista de advertencias importantes
|
|
|
|
##### Tab: Dosis
|
|
- ✅ **Gestión de dosis inline**:
|
|
- Fármaco (nombre)
|
|
- Vía de administración (IV, IM, IO, SC, Nebulizado)
|
|
- Dosis adulto
|
|
- Dosis pediátrica (opcional)
|
|
- Contexto específico (ej: "En PCR, una vez establecida vía IV/IO")
|
|
- Dilución (opcional)
|
|
- Timing (opcional, ej: "cada 3-5 min")
|
|
|
|
##### Tab: Fuentes
|
|
- ✅ **Gestión de fuentes clínicas**:
|
|
- Organización (ERC, SEMES, AHA, etc.)
|
|
- Nombre de la guía
|
|
- Año
|
|
- URL (opcional)
|
|
- Sección específica (opcional)
|
|
|
|
##### Tab: Checklist (Pendiente)
|
|
- ⏳ Gestión de checklist integrado
|
|
- ⏳ Referencias a checklists reutilizables
|
|
|
|
##### Tab: Herramientas (Pendiente)
|
|
- ⏳ Gestión de herramientas de contexto
|
|
- ⏳ Calculadoras, algoritmos, referencias
|
|
|
|
#### Vista Previa "Modo TES"
|
|
- ✅ Muestra el protocolo como se vería en la app
|
|
- ✅ Header con título, prioridad, grupo de edad
|
|
- ✅ Pasos numerados con indicadores de críticos
|
|
- ✅ Dosis inline destacadas
|
|
- ✅ Fuentes clínicas
|
|
- ✅ Advertencias
|
|
- ✅ Actualización en tiempo real
|
|
|
|
---
|
|
|
|
## 📝 ESTRUCTURA DEL PROTOCOLO
|
|
|
|
```typescript
|
|
{
|
|
id: string; // ID único
|
|
type: 'protocol';
|
|
level: 'operativo';
|
|
title: string; // Título completo
|
|
shortTitle?: string; // Título corto
|
|
category: 'soporte_vital' | 'patologias' | 'escena';
|
|
priority: 'critico' | 'alto' | 'medio' | 'bajo';
|
|
ageGroup: 'adulto' | 'pediatrico' | 'neonatal' | 'todos';
|
|
status: 'draft' | 'in_review' | 'approved' | 'published';
|
|
content: {
|
|
pasosRapidos: ProtocolStep[]; // Pasos estructurados
|
|
warnings: string[]; // Advertencias
|
|
keyPoints?: string[]; // Puntos clave
|
|
equipment?: string[]; // Equipamiento
|
|
drugs?: string[]; // Referencias a fármacos
|
|
dosisInline?: InlineDose[]; // Dosis inline
|
|
fuentes?: ClinicalSource[]; // Fuentes clínicas
|
|
checklist?: { // Checklist integrado
|
|
enabled: boolean;
|
|
items: ProtocolChecklistItem[];
|
|
title?: string;
|
|
};
|
|
herramientasContexto?: ProtocolContextTool[]; // Herramientas
|
|
version: number;
|
|
lastUpdated: string;
|
|
}
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## 🎨 INTERFAZ DE USUARIO
|
|
|
|
### Editor con Tabs
|
|
- **Navegación por tabs** para organizar secciones
|
|
- **Formularios especializados** por tipo de contenido
|
|
- **Validación en tiempo real**
|
|
- **Botones de acción** claros (Guardar, Vista Previa)
|
|
|
|
### Vista Previa
|
|
- **Panel lateral** (toggle)
|
|
- **Estilo "modo TES"** - Como se vería en la app
|
|
- **Actualización en tiempo real** al editar
|
|
- **Indicadores visuales** (crítico, prioridad, etc.)
|
|
|
|
---
|
|
|
|
## ✅ VALIDACIONES
|
|
|
|
- ✅ **ID requerido** y único
|
|
- ✅ **Título requerido**
|
|
- ✅ **Al menos un paso** requerido
|
|
- ✅ **Permisos verificados** antes de guardar
|
|
- ✅ **Validación de campos** críticos
|
|
|
|
---
|
|
|
|
## 🔄 FLUJO DE TRABAJO
|
|
|
|
1. **Crear Protocolo**:
|
|
- Ir a "Biblioteca" → "Nuevo Protocolo"
|
|
- Completar información básica
|
|
- Añadir pasos (mínimo 1)
|
|
- Añadir dosis inline (opcional)
|
|
- Añadir fuentes clínicas (opcional)
|
|
- Ver vista previa
|
|
- Guardar (estado: `draft`)
|
|
|
|
2. **Editar Protocolo**:
|
|
- Ir a "Biblioteca"
|
|
- Filtrar por tipo "protocol"
|
|
- Hacer clic en "Ver/Editar"
|
|
- Modificar en tabs correspondientes
|
|
- Guardar (crea nueva versión)
|
|
|
|
3. **Validar y Publicar**:
|
|
- Revisor valida → Estado: `approved`
|
|
- Super Admin publica → Estado: `published`
|
|
- App consume automáticamente el content pack
|
|
|
|
---
|
|
|
|
## 🧪 PRUEBAS
|
|
|
|
### Test Manual
|
|
|
|
1. ✅ Crear nuevo protocolo
|
|
2. ✅ Añadir pasos rápidos
|
|
3. ✅ Marcar pasos como críticos
|
|
4. ✅ Añadir dosis inline
|
|
5. ✅ Añadir fuentes clínicas
|
|
6. ✅ Ver vista previa
|
|
7. ✅ Guardar protocolo
|
|
8. ✅ Ver en biblioteca
|
|
9. ✅ Editar protocolo existente
|
|
10. ✅ Validar que se crea nueva versión
|
|
|
|
---
|
|
|
|
## 📊 ESTADO
|
|
|
|
✅ **Editor de Protocolo**: Completo y funcional
|
|
- ✅ Tabs: Básico, Pasos, Dosis, Fuentes
|
|
- ⏳ Tabs pendientes: Checklist, Herramientas
|
|
- ✅ Vista previa "modo TES"
|
|
- ✅ Validaciones implementadas
|
|
- ✅ Integración con API
|
|
|
|
---
|
|
|
|
## 🚀 PRÓXIMOS PASOS
|
|
|
|
1. **Completar tabs pendientes** (Checklist, Herramientas)
|
|
2. **Mejorar validaciones** (dosis, fuentes)
|
|
3. **Añadir más campos** si es necesario
|
|
4. **Probar en desarrollo**
|
|
|
|
---
|
|
|
|
## 📚 ARCHIVOS CREADOS/MODIFICADOS
|
|
|
|
- ✅ `admin-panel/src/pages/ProtocolEditorPage.tsx` - Editor completo (600+ líneas)
|
|
- ✅ `admin-panel/src/pages/ContentLibraryPage.tsx` - Botón "Nuevo Protocolo" añadido
|
|
|
|
---
|
|
|
|
## ⚠️ NOTAS
|
|
|
|
- El editor requiere permisos `content:write:protocol`
|
|
- Los protocolos se guardan con estado `draft` por defecto
|
|
- Cada edición crea una nueva versión
|
|
- La vista previa se actualiza en tiempo real
|
|
- Tabs "Checklist" y "Herramientas" están preparados pero pendientes de implementación completa
|
|
|