# OnTime

[http://time.ctcces.com](http://time.ctcces.com). &lt;- site

[http://192.168.50.80:4001/timer](http://192.168.50.80:4001/timer) &lt;- lan

[https://docs.getontime.no/ontime/](https://docs.getontime.no/ontime/) &lt;- official documentation

# 🚀 Getting Started with OnTime

### 🕒 Service Cue Timing &amp; Management System

[https://time.elshaddai.app/timer](https://time.elshaddai.app/timer)  
LAN Access: [http://192.168.50.80:4001/timer](http://192.168.50.80:4001/timer)  
📘 Official Docs: [docs.getontime.no/ontime](https://docs.getontime.no/ontime/)

---

### 1. 🖱️ Open OnTime &amp; Enter Editor Mode

**Abrir OnTime y Entrar en el Modo de Edición**

[![Screenshot 2025-05-28 at 8.37.45 PM.png](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/scaled-1680-/DOMscreenshot-2025-05-28-at-8-37-45-pm.png)](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/DOMscreenshot-2025-05-28-at-8-37-45-pm.png)

[![Screenshot 2025-05-28 at 8.41.12 PM.png](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/scaled-1680-/screenshot-2025-05-28-at-8-41-12-pm.png)](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/screenshot-2025-05-28-at-8-41-12-pm.png)

**EN:**

- Visit: [https://time.elshaddai.app/timer](https://time.elshaddai.app/timer)
- Hover over the **top-left corner** of the screen.
- Click the **gray square** with 3x3 white dots.
- Select **Editor**.
- Enter the **PIN code** to access the editor.

> Don't know the code? Ask **Jahaziel,** **Jessy** or **Zuriel**.

**ES:**

- Visita: [https://time.elshaddai.app/timer](https://time.elshaddai.app/timer)
- Mueve el mouse a la **esquina superior izquierda**.
- Haz clic en el **cuadro gris** con 3x3 puntos blancos.
- Selecciona **Editor**.
- Ingresa el **código PIN** para acceder al editor.

> ¿No sabes el código? Pregunta a **Jahaziel, Jessy** o **Zuriel**.

---

### 2. ▶️ Start the Timer

**Iniciar el Temporizador**

[![Screenshot 2025-05-28 at 8.45.05 PM.png](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/scaled-1680-/screenshot-2025-05-28-at-8-45-05-pm.png)](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/screenshot-2025-05-28-at-8-45-05-pm.png)

**EN:**

- Once inside the Editor, click the **gray "Start" button** in the top-left.
- The timer will begin running for the service.

**ES:**

- Una vez dentro del Editor, haz clic en el **botón gris "Start"** en la parte superior izquierda.
- El temporizador comenzará para el servicio.

---

### 3. ⏱️ Cue Color System

**Sistema de Colores del Tiempo**

<div class="_tableContainer_16hzy_1" id="bkmrk-color-meaning-%28en%29-s"><div class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="2294" data-start="1783"><thead data-end="1867" data-start="1783"><tr data-end="1867" data-start="1783"><th data-col-size="sm" data-end="1795" data-start="1783">Color</th><th data-col-size="sm" data-end="1826" data-start="1795">Meaning (EN)</th><th data-col-size="sm" data-end="1867" data-start="1826">Significado (ES)</th></tr></thead><tbody data-end="2294" data-start="1953"><tr data-end="2037" data-start="1953"><td data-col-size="sm" data-end="1965" data-start="1953">White</td><td data-col-size="sm" data-end="1996" data-start="1965">Active / In Progress</td><td data-col-size="sm" data-end="2037" data-start="1996">Activo / En progreso</td></tr><tr data-end="2124" data-start="2038"><td data-col-size="sm" data-end="2050" data-start="2038">Orange</td><td data-col-size="sm" data-end="2081" data-start="2050">Warning – Time ending soon</td><td data-col-size="sm" data-end="2124" data-start="2081">Advertencia – El tiempo está por acabar</td></tr><tr data-end="2209" data-start="2125"><td data-col-size="sm" data-end="2137" data-start="2125">Red</td><td data-col-size="sm" data-end="2168" data-start="2137">Danger – Ending immediately</td><td data-col-size="sm" data-end="2209" data-start="2168">Peligro – Final inminente</td></tr><tr data-end="2294" data-start="2210"><td data-col-size="sm" data-end="2222" data-start="2210">Negative</td><td data-col-size="sm" data-end="2253" data-start="2222">Cue is over time</td><td data-col-size="sm" data-end="2294" data-start="2253">El tiempo de la sección fue excedido</td></tr></tbody></table>

<div class="sticky end-(--thread-content-margin) h-0 self-end select-none"><div class="absolute end-0 flex items-end"><span class="" data-state="closed"><button class="bg-token-bg-primary hover:bg-token-bg-tertiary text-token-text-secondary my-1 rounded-sm p-1 transition-opacity group-[:not(:hover):not(:focus-within)]:pointer-events-none group-[:not(:hover):not(:focus-within)]:opacity-0"><svg class="icon-md-heavy" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg></button></span></div></div></div></div>---

### 4. ⏭️ Moving Between Cues

**Moverse entre los Cues**

[![Screenshot 2025-05-28 at 8.45.47 PM.png](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/scaled-1680-/screenshot-2025-05-28-at-8-45-47-pm.png)](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/screenshot-2025-05-28-at-8-45-47-pm.png)

**EN:**

- Once a cue ends, click **Next**.
- Some cues auto-advance with **“End of action: Play next event”** — typically for songs/melodies.
- If it’s empty (""), you must click manually.

**ES:**

- Cuando termine un cue, haz clic en **Next**.
- Algunos cues avanzan automáticamente con **"End of action: Play next event"** — típicamente en canciones o melodías.
- Si está vacío (""), debes hacer clic manualmente.

---

### 5. 🔍 View Cue Details

**Ver Detalles del Cue**

[![Screenshot 2025-05-28 at 8.48.56 PM.png](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/scaled-1680-/screenshot-2025-05-28-at-8-48-56-pm.png)](https://bookstack.ctcces.com/uploads/images/gallery/2025-05/screenshot-2025-05-28-at-8-48-56-pm.png)

**EN:**  
Click any cue to reveal additional info:

- **Speaker**
- **Lighting**
- **Audio**
- And more…

**ES:**  
Haz clic en cualquier cue para ver más detalles:

- **Orador**
- **Luces**
- **Audio**
- Y más…

---

### 6. 📋 Before You Start

**Antes de Comenzar**

**EN:**

- Double-check that the **spreadsheet "RGB Production Team" matches OnTime**.
- Last-minute changes **are NOT auto-synced**.
- You can manually edit cues directly in the Editor if needed.
- See: **“Setting up OnTime and editing”** for help.

**ES:**

- Verifica que la **hoja de cálculo **"RGB Production Team"** coincida con OnTime**.
- Cambios de último minuto **NO se sincronizan automáticamente**.
- Puedes editar cues manualmente en el Editor si es necesario.
- Lee: **"Configuración y edición de OnTime"** para más ayuda.

---

### 📘 Need More Help?

**¿Necesitas Más Ayuda?**

Visit the **official documentation**:  
[https://docs.getontime.no/ontime](https://docs.getontime.no/ontime/)  
📖 Both technical and operational guides available.

# 🛠️ OnTime Setup Tutorial for Production Day / Guía para Configurar OnTime para el Día de Producción

### 🔗 Step 1: Get the Service Order from Planning Center

**Paso 1: Obtener el Orden del Servicio de Planning Center**

**EN:**

1. Go to: [https://home.planningcenteronline.com](https://home.planningcenteronline.com/)
2. Select the correct **Sunday service**.
3. Copy the **order of service**.

**ES:**

1. Ve a: [https://home.planningcenteronline.com](https://home.planningcenteronline.com/)
2. Selecciona el servicio del **domingo correspondiente**.
3. Copia el **orden del servicio**.

---

### 📄 Step 2: Input the Order into RGB Production Sheet

**Paso 2: Ingresar el Orden en la Hoja de RGB Production**

**EN:**

1. Go to the RGB Production sheet:  
    👉 [RGB Sheet](https://docs.google.com/spreadsheets/d/1DxvMmhk4ayCjGcUaZ8Po1ssSqxMc_xD8-RnTu-KFZwY/edit?usp=sharing)
2. Paste the order into the appropriate section.
3. This will **automatically sync** to the Production OnTime sheet:  
    👉 [OnTime Sheet](https://docs.google.com/spreadsheets/d/1jZO4Bt3ER9cftbREL1lAbGElCAjCmjz7_Oln8niBRp4/edit?usp=sharing) under the tab `Sun Service`.

**ES:**

1. Ve a la hoja RGB Production:  
    👉 [RGB Sheet](https://docs.google.com/spreadsheets/d/1DxvMmhk4ayCjGcUaZ8Po1ssSqxMc_xD8-RnTu-KFZwY/edit?usp=sharing)
2. Pega el orden en la sección adecuada.
3. Esto se **sincronizará automáticamente** con la hoja de OnTime:  
    👉 [OnTime Sheet](https://docs.google.com/spreadsheets/d/1jZO4Bt3ER9cftbREL1lAbGElCAjCmjz7_Oln8niBRp4/edit?usp=sharing) en la pestaña `Sun Service`.

---

### ⏱ Step 3: Add Song Durations / End Times

**Paso 3: Añadir Duraciones o Tiempos Finales de Canciones**

**EN:**

- If the “Song” cell is **bright red**, it’s missing time data.
- Use the rules below based on service type:

**Spanish Service:**

<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary" id="bkmrk-sql-copyedit-default"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">sql</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button aria-label="Copy" class="flex gap-1 items-center select-none px-4 py-1"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr">`<span class="hljs-keyword">DEFAULT</span>:      <span class="hljs-number">10</span>:<span class="hljs-number">30</span>:<span class="hljs-number">00</span>  SANTA CENA:   <span class="hljs-number">10</span>:<span class="hljs-number">20</span>:<span class="hljs-number">00</span>  <span class="hljs-keyword">ELSE</span>:         Use Duration <span class="hljs-type">Time</span>  `</div></div>**English Service:**

<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary" id="bkmrk-sql-copyedit-default-1"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">sql</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button aria-label="Copy" class="flex gap-1 items-center select-none px-4 py-1"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr">`<span class="hljs-keyword">DEFAULT</span>:      <span class="hljs-number">12</span>:<span class="hljs-number">20</span>:<span class="hljs-number">00</span>  SANTA CENA:   <span class="hljs-number">12</span>:<span class="hljs-number">10</span>:<span class="hljs-number">00</span>  <span class="hljs-keyword">ELSE</span>:         Use Duration <span class="hljs-type">Time</span>  `</div></div>> **Duration Time Format:**  
> `00:00:00.000` = `HOUR:MINUTE:SECOND.MILLISECONDS`

**ES:**

- Si la celda “Song” está en **rojo brillante**, le falta el tiempo.
- Usa las siguientes reglas según el servicio:

**Servicio en Español:**

<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary" id="bkmrk-yaml-copyedit-por-de"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">yaml</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button aria-label="Copy" class="flex gap-1 items-center select-none px-4 py-1"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr">`<span class="hljs-attr">POR DEFECTO:</span>   <span class="hljs-number">10</span><span class="hljs-string">:30:00</span>  <span class="hljs-attr">SANTA CENA:</span>    <span class="hljs-number">10</span><span class="hljs-string">:20:00</span>  <span class="hljs-attr">SI NO:</span>         <span class="hljs-string">Usa</span> <span class="hljs-string">el</span> <span class="hljs-string">Tiempo</span> <span class="hljs-string">de</span> <span class="hljs-string">Duración</span>  `</div></div>**Servicio en Inglés:**

<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary" id="bkmrk-yaml-copyedit-por-de-1"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">yaml</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button aria-label="Copy" class="flex gap-1 items-center select-none px-4 py-1"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr">`<span class="hljs-attr">POR DEFECTO:</span>   <span class="hljs-number">12</span><span class="hljs-string">:20:00</span>  <span class="hljs-attr">SANTA CENA:</span>    <span class="hljs-number">12</span><span class="hljs-string">:10:00</span>  <span class="hljs-attr">SI NO:</span>         <span class="hljs-string">Usa</span> <span class="hljs-string">el</span> <span class="hljs-string">Tiempo</span> <span class="hljs-string">de</span> <span class="hljs-string">Duración</span>  `</div></div>> **Formato del Tiempo de Duración:**  
> `00:00:00.000` = `HORA:MINUTO:SEGUNDO.MILISEGUNDOS`

---

### ➕ Step 4: Add Custom Cues If Needed

**Paso 4: Añadir Cues Personalizados si es Necesario**

**EN:**  
To add a custom cue:

- Insert a row above/below the desired section.
- Set the following:

<div class="_tableContainer_16hzy_1" id="bkmrk-field-value-count-to"><div class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="3363" data-start="3160"><thead data-end="3193" data-start="3160"><tr data-end="3193" data-start="3160"><th data-col-size="sm" data-end="3176" data-start="3160">Field</th><th data-col-size="sm" data-end="3193" data-start="3176">Value</th></tr></thead><tbody data-end="3363" data-start="3228"><tr data-end="3261" data-start="3228"><td data-col-size="sm" data-end="3244" data-start="3228">Count to end</td><td data-col-size="sm" data-end="3261" data-start="3244">`true`</td></tr><tr data-end="3295" data-start="3262"><td data-col-size="sm" data-end="3278" data-start="3262">Timer Type</td><td data-col-size="sm" data-end="3295" data-start="3278">`count-down`</td></tr><tr data-end="3329" data-start="3296"><td data-col-size="sm" data-end="3312" data-start="3296">Skip</td><td data-col-size="sm" data-end="3329" data-start="3312">`false`</td></tr><tr data-end="3363" data-start="3330"><td data-col-size="sm" data-end="3346" data-start="3330">End/Duration</td><td data-col-size="sm" data-end="3363" data-start="3346">(enter time)</td></tr></tbody></table>

<div class="sticky end-(--thread-content-margin) h-0 self-end select-none"><div class="absolute end-0 flex items-end"><span class="" data-state="closed"><button class="bg-token-bg-primary hover:bg-token-bg-tertiary text-token-text-secondary my-1 rounded-sm p-1 transition-opacity group-[:not(:hover):not(:focus-within)]:pointer-events-none group-[:not(:hover):not(:focus-within)]:opacity-0"><svg class="icon-md-heavy" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg></button></span></div></div></div></div>**ES:**  
Para añadir un cue personalizado:

- Inserta una fila arriba o abajo de la sección deseada.
- Usa estos valores:

<div class="_tableContainer_16hzy_1" id="bkmrk-campo-valor-count-to"><div class="_tableWrapper_16hzy_14 group flex w-fit flex-col-reverse" tabindex="-1"><table class="w-fit min-w-(--thread-content-width)" data-end="3698" data-start="3492"><thead data-end="3525" data-start="3492"><tr data-end="3525" data-start="3492"><th data-col-size="sm" data-end="3508" data-start="3492">Campo</th><th data-col-size="sm" data-end="3525" data-start="3508">Valor</th></tr></thead><tbody data-end="3698" data-start="3560"><tr data-end="3593" data-start="3560"><td data-col-size="sm" data-end="3576" data-start="3560">Count to end</td><td data-col-size="sm" data-end="3593" data-start="3576">`true`</td></tr><tr data-end="3627" data-start="3594"><td data-col-size="sm" data-end="3610" data-start="3594">Timer Type</td><td data-col-size="sm" data-end="3627" data-start="3610">`count-down`</td></tr><tr data-end="3661" data-start="3628"><td data-col-size="sm" data-end="3644" data-start="3628">Skip</td><td data-col-size="sm" data-end="3661" data-start="3644">`false`</td></tr><tr data-end="3698" data-start="3662"><td data-col-size="sm" data-end="3678" data-start="3662">Tiempo Final</td><td data-col-size="sm" data-end="3698" data-start="3678">(ingresa tiempo)</td></tr></tbody></table>

<div class="sticky end-(--thread-content-margin) h-0 self-end select-none"><div class="absolute end-0 flex items-end"><span class="" data-state="closed"><button class="bg-token-bg-primary hover:bg-token-bg-tertiary text-token-text-secondary my-1 rounded-sm p-1 transition-opacity group-[:not(:hover):not(:focus-within)]:pointer-events-none group-[:not(:hover):not(:focus-within)]:opacity-0"><svg class="icon-md-heavy" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg></button></span></div></div></div></div>---

### 🖥 Step 5: Import to OnTime via Editor

**Paso 5: Importar en OnTime desde el Editor**

1. Go to [http://time.elshaddai.app](http://time.elshaddai.app/)
2. Hover top-left corner → Click gray icon with 3x3 dots
3. Select **Editor** and enter **PIN** (ask Jessy or Zuriel if needed)
4. Click the **gear icon (settings)** in the top-left
5. Select **“Sync with Google Sheets”**

> ❗ **If it says "Sync with Google Sheet" (singular), skip to Step 6 first**

**EN:**

- Make sure **worksheet** is `Sun Service`
- Scroll to bottom and ensure custom fields (Stagehand, Lead, Audio, Lighting, Screen) exist
- Click **Import Preview**
- If everything looks correct, click **Apply**

**ES:**

- Asegúrate que la hoja sea `Sun Service`
- Baja y verifica que los campos personalizados (Stagehand, Lead, Audio, Lighting, Screen) estén presentes
- Haz clic en **Import Preview**
- Si todo está correcto, haz clic en **Apply**

---

### 🔐 Step 6: First-Time Google Sheet Authentication

**Paso 6: Autenticación Inicial de Google Sheets**

If OnTime says **“Sync with Google Sheet”**, complete these steps:

**EN:**

1. Download the credentials file:  
    👉 [Client Secret JSON](https://drive.google.com/drive/folders/14yeKFEdm_-CrWJpp740jKHyqG6D4yw3l?usp=share_link)
2. In the Editor, click **Choose File** and upload `ontime-client_secret_....json`
3. Set **Sheet ID**:

<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary" id="bkmrk-copyedit-1jzo4bt3er9"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">  
</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button aria-label="Copy" class="flex gap-1 items-center select-none px-4 py-1"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr">`1jZO4Bt3ER9cftbREL1lAbGElCAjCmjz7_Oln8niBRp4`</div></div>4. Click **Connect**
5. Click the **Copy Code** button
6. Click **Authenticate**
7. Paste the code, click **Continue**, and select your Google account
8. On warning pages, click **Advanced &gt; Continue**
9. Return to OnTime. If it still shows "Loading", click **Authenticate** again

**ES:**

1. Descarga el archivo de credenciales:  
    👉 [Client Secret JSON](https://drive.google.com/drive/folders/14yeKFEdm_-CrWJpp740jKHyqG6D4yw3l?usp=share_link)
2. En el Editor, haz clic en **Choose File** y sube `ontime-client_secret_....json`
3. Coloca el **Sheet ID**:

<div class="contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary" id="bkmrk-copyedit-1jzo4bt3er9-1"><div class="flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none rounded-t-[5px]">  
</div><div class="sticky top-9"><div class="absolute end-0 bottom-0 flex h-9 items-center pe-2"><div class="bg-token-sidebar-surface-primary text-token-text-secondary dark:bg-token-main-surface-secondary flex items-center rounded-sm px-2 font-sans text-xs"><button aria-label="Copy" class="flex gap-1 items-center select-none px-4 py-1"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z" fill="currentColor" fill-rule="evenodd"></path></svg>Copy</button><span class="" data-state="closed"><button class="flex items-center gap-1 px-4 py-1 select-none"><svg class="icon-xs" fill="none" height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5.5C4.3 5.2 5.2 4 5.5 2.5C5.8 4 6.7 5.2 8.5 5.5C6.7 5.8 5.8 7 5.5 8.5C5.2 7 4.3 5.8 2.5 5.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.66282 16.5231L5.18413 19.3952C5.12203 19.7678 5.09098 19.9541 5.14876 20.0888C5.19933 20.2067 5.29328 20.3007 5.41118 20.3512C5.54589 20.409 5.73218 20.378 6.10476 20.3159L8.97693 19.8372C9.72813 19.712 10.1037 19.6494 10.4542 19.521C10.7652 19.407 11.0608 19.2549 11.3343 19.068C11.6425 18.8575 11.9118 18.5882 12.4503 18.0497L20 10.5C21.3807 9.11929 21.3807 6.88071 20 5.5C18.6193 4.11929 16.3807 4.11929 15 5.5L7.45026 13.0497C6.91175 13.5882 6.6425 13.8575 6.43197 14.1657C6.24513 14.4392 6.09299 14.7348 5.97903 15.0458C5.85062 15.3963 5.78802 15.7719 5.66282 16.5231Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path><path d="M14.5 7L18.5 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>Edit</button></span></div></div></div><div class="overflow-y-auto p-4" dir="ltr">`1jZO4Bt3ER9cftbREL1lAbGElCAjCmjz7_Oln8niBRp4`</div></div>4. Haz clic en **Connect**
5. Presiona el botón **Copy Code**
6. Haz clic en **Authenticate**
7. Pega el código, haz clic en **Continuar** y selecciona tu cuenta de Google
8. En las páginas de advertencia, haz clic en **Avanzado &gt; Continuar**
9. Regresa a OnTime. Si dice "Loading", vuelve a hacer clic en **Authenticate**