Pantalla: Vista Calendario Semana¶

Identificador: SCR-CAL-002 Modulo: MTS-CAL-001 - Calendario Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado

1. Informacion General¶

Atributo	Valor
Nombre	Vista Calendario Semana
Proposito	Vista semanal con eventos por dia y hora
Tipo	Full Screen
Acceso	Calendario > Tab Semana
Prioridad	Alta

2. Wireframe ASCII¶

2.1. Vista Principal¶

+------------------------------------------+
|  [=]    Semana 49                  [+]    |
+------------------------------------------+
| [Mes] [Semana*] [Dia] [Lista]             |
+------------------------------------------+
|                                           |
|  <  2 - 8 Diciembre  >                    |
|                                           |
|       Lu   Ma   Mi   Ju   Vi   Sa   Do    |
|       2    3    4    5    6    7    8     |
|      [*]  [*]  [*]  [*]  [*]  [o]  [o]    |
|  +----+----+----+----+----+----+----+    |
|  |    |    |    |    |    |    |    |    |
|  | 7  |[...|[...|[...|[...|[...|    |07  |
|  |    | ]  | ]  | ]  | ]  | ]  |    |    |
|  +----+----+----+----+----+----+----+    |
|  |    |    |    |    |    |    |    |    |
|  | 8  |[==]|[==]|[==]|[==]|[==]|    |08  |
|  |    |    |    |    |    |    |    |    |
|  +----+----+----+----+----+----+----+    |
|  |    |    |    |    |    |    |    |    |
|  |    |    |    |    |    |    |    |    |
|  +----+----+----+----+----+----+----+    |
|  |    |    |    |    |    |    |    |    |
|  | 14 |[==]|[==]|[==]|[==]|[==]|[==]|14  |
|  |    |    |    |    |    |    |    |    |
|  +----+----+----+----+----+----+----+    |
|  |    |    |    |    |    |    |    |    |
|  |    |    |    |    |    |    |    |    |
|  +----+----+----+----+----+----+----+    |
|  |    |    |    |    |    |    |    |    |
|  | 20 |[==]|[==]|[==]|[==]|[==]|    |20  |
|  |    |    |    |    |    |    |    |    |
|  +----+----+----+----+----+----+----+    |
|  |    |    |    |    |    |    |    |    |
|  | 22 |[..]|[..]|[..]|[..]|[..]|    |22  |
|  |    |    |    |    |    |    |    |    |
|  +----+----+----+----+----+----+----+    |
|                                           |
+------------------------------------------+
| [Home] [Meds] [Events] [Calendar*] [More]|
+------------------------------------------+

2.2. Evento Expandido¶

+------------------------------------------+
|  EVENTO: 08:00 - Desayuno                 |
+------------------------------------------+
|                                           |
|  +------------------------------------+   |
|  | [Pill] Metformina 850mg               |
|  |        Con alimentos                  |
|  |        [Tomado a las 08:15]      [v]  |
|  +------------------------------------+   |
|  +------------------------------------+   |
|  | [Pill] Lisinopril 10mg                |
|  |        Sin restricciones              |
|  |        [Tomado a las 08:15]      [v]  |
|  +------------------------------------+   |
|                                           |
|  Proxima toma en este horario:            |
|  Manana, 3 de diciembre                   |
|                                           |
|  [Editar horario]  [Ver historial]        |
|                                           |
+------------------------------------------+

3. Componentes UI¶

3.1. Week Grid¶

Propiedad	Valor
Componente	CMP-CAL-003 (Week Grid)
Columnas	7 (dias)
Filas	Horas del dia
Scroll	Vertical

3.2. Event Block¶

Propiedad	Valor
Componente	CMP-CAL-004 (Event Block)
Altura	Proporcional a duracion
Color	Por estado
Tap	Expandir detalle

3.3. Day Header¶

Propiedad	Valor
Componente	CMP-CAL-005 (Day Header)
Contenido	Dia semana + numero
Indicador	Estado del dia
Hoy	Destacado

4. Comportamientos¶

4.1. Navegacion¶

Gesto	Accion
Swipe horizontal	Semana anterior/siguiente
Scroll vertical	Ver mas horas
Tap evento	Abrir detalle
Tap dia header	Ir a vista dia

4.2. Vista de Hora Actual¶

Linea roja indica hora actual
Scroll automatico a hora actual al abrir
Linea se actualiza en tiempo real

5. Datos Requeridos¶

interface WeekViewData {
  startDate: Date;
  endDate: Date;
  days: DayDetail[];
}

interface DayDetail {
  date: Date;
  status: string;
  events: CalendarEvent[];
}

interface CalendarEvent {
  id: string;
  time: string;
  endTime?: string;
  name: string;
  type: 'MEDICATION' | 'MEASUREMENT' | 'TREATMENT' | 'APPOINTMENT';
  medications?: MedicationDose[];
  status: 'PENDING' | 'COMPLETED' | 'MISSED' | 'POSTPONED';
}

6. Accesibilidad¶

6.1. Labels¶

Elemento	accessibilityLabel
Day header	"{dia}, {fecha}, {estado}"
Event block	"Evento a las {hora}, {nombre}, {estado}"
Current time	"Hora actual: {hora}"

7. Referencias¶

Documento generado por MobileUxUiDrone (Eight of Eight)