> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nupra.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Vista de Calendario

> Visualiza tus campañas en una línea de tiempo interactiva con vista Gantt

# Vista de Calendario (Gantt)

La **vista de calendario** muestra tus campañas en una línea de tiempo horizontal tipo Gantt, permitiéndote visualizar la duración, superposición y timeline de todas tus campañas en un calendario de 30 días.

## Características Principales

### Línea de Tiempo Horizontal

Las campañas se representan como **barras horizontales** que abarcan desde la fecha de inicio hasta la fecha de finalización.

* **Longitud de la barra:** Duración de la campaña
* **Posición vertical:** Orden cronológico por fecha de inicio
* **Color:** Estado de la campaña (verde=activo, gris=draft, etc.)

### Grid de 30 Días

El calendario muestra una ventana de **30 días** con:

#### Encabezados de Semana

* Números de semana (ej. Semana 12, Semana 13)
* Alineación con semanas completas (lunes a domingo)
* Líneas divisorias verticales

#### Encabezados de Día

* Números de día (1-31)
* Abreviaturas de día de semana (L, M, X, J, V, S, D)
* Grid vertical para cada día

### Indicador de Hoy

* **Línea vertical destacada** que marca el día actual
* Color amarillo/naranja para fácil identificación
* Permite ver rápidamente qué campañas están activas hoy
* Actualiza automáticamente cada día

## Interactividad

### Click en Día del Calendario

**IMPORTANTE:** Al hacer clic en cualquier día del calendario, se abre el **ScheduleArtifactDrawer** para programar artefactos (contenido) en esa fecha específica.

1. **Haz clic en el día** deseado del grid
2. Se abre el **drawer de programación** en el lado derecho
3. Selecciona el **artefacto** que deseas programar
4. Configura **hora y detalles** de publicación
5. El contenido quedará agendado para esa fecha

### Información de Campaña

**Hover sobre la barra de campaña** muestra:

* Nombre completo de la campaña
* Fechas exactas (inicio y fin)
* Estado actual
* Plataformas configuradas
* Presupuesto (si es campaña de ads)

**Clic en la barra de campaña** te lleva al detalle de la campaña.

## Controles de Vista

### Fullscreen Toggle

* **Botón en esquina superior derecha**
* Expande el calendario a pantalla completa
* Ideal para presentaciones o análisis detallado
* Presiona `ESC` para salir de fullscreen

### Zoom Levels

* **Zoom in:** Ver más detalle de días específicos
* **Zoom out:** Ver contexto de más días
* **Reset:** Volver a vista por defecto (30 días)

## Panel de Filtros

### Sidebar de Filtros

Panel lateral con filtros avanzados para refinar la vista:

#### Filtro por Marca

* Selecciona una **marca específica** (Brand Voice)
* Muestra solo campañas asociadas a esa marca
* Útil para organizaciones con múltiples marcas

#### Filtro por Campaña

* Busca **campaña específica** por nombre
* Filtra en tiempo real mientras escribes
* Resalta la campaña encontrada en el timeline

#### Filtro por Tipo de Contenido

* **Orgánico:** Solo campañas de publicaciones orgánicas
* **Publicidad:** Solo campañas de anuncios pagados
* **Todos:** Muestra ambos tipos

#### Filtro por Plataforma

* Facebook
* Instagram
* TikTok
* Google
* Selecciona una o múltiples plataformas

### Aplicar y Limpiar Filtros

* **Apply:** Aplica los filtros seleccionados
* **Clear:** Limpia todos los filtros y muestra todo
* Los filtros se combinan entre sí

## Modos de Visualización

### Vista Mensual (Default)

* Muestra los 30 días completos
* Ideal para planificación a largo plazo
* Visualización general de todas las campañas

### Vista Semanal

* Enfocada en una semana específica
* Más detalle por día
* Ideal para planificación táctica

### Vista Diaria

* Enfocada en un solo día
* Máximo detalle de hora en hora
* Ideal para programación de contenido específico

**Cambiar entre modos:**

* Usa los botones en la parte superior del calendario
* O haz zoom in/out con la rueda del mouse

## Funcionalidades Especiales

### Detección de Conflictos

* **Superposición visual:** Las barras se superponen cuando campañas comparten fechas
* **Indicador de conflicto:** Alerta cuando hay muchas campañas activas el mismo día
* **Sugerencia:** Considera redistribuir fechas para evitar saturación

### Drag and Drop (Futuro)

* Arrastra campañas para cambiar sus fechas
* Redimensiona barras para modificar duración
* Snap a grid para alinear con días/semanas

### Exportación

* **Exportar a PDF:** Genera un PDF del calendario actual
* **Exportar a Imagen:** Guarda como PNG para compartir
* **Incluir filtros:** Mantiene filtros aplicados en exportación

## Casos de Uso

### Planificación Mensual

1. Cambia a vista mensual
2. Identifica periodos sin campañas
3. Planifica nuevas campañas en espacios vacíos
4. Evita superposición de campañas importantes

### Programación de Contenido

1. Haz clic en el día deseado del grid
2. Abre el ScheduleArtifactDrawer
3. Programa artefactos para esa fecha
4. Visualiza contenido programado en el calendario

### Revisión de Actividades

1. Localiza el indicador de hoy
2. Identifica campañas activas actualmente
3. Revisa campañas próximas a finalizar
4. Planifica próximas acciones

## Tips y Mejores Prácticas

✅ **Usa colores estratégicamente**

* Asigna colores a tipos de campaña
* Identifica rápidamente campañas similares

✅ **Aprovecha el zoom**

* Zoom out para contexto general
* Zoom in para detalle específico

✅ **Combina con filtros**

* Filtra por marca para ver timeline específico
* Filtra por plataforma para ver canales específicos

✅ **Programa contenido directamente**

* Haz clic en el día → abre drawer
* Programa artefactos sin salir del calendario

## Comparación con Otras Vistas

| Vista          | Mejor Para                    | No Ideal Para            |
| -------------- | ----------------------------- | ------------------------ |
| **Tabla**      | Datos detallados, comparación | Visualización temporal   |
| **Calendario** | Timeline, planificación       | Detalles de cada campaña |
| **Tarjetas**   | Vista rápida, ejecutiva       | Análisis profundo        |

## Documentación Relacionada

* [Vista de Tabla](/campaigns/table-view)
* [Vista de Tarjetas](/campaigns/cards-view)
* [Crear Campaña](/campaigns/create-campaign)
* [Detalle de Campaña](/campaigns/campaign-detail)