From 25c322a58b7b8c830d63d76103567415c4d92db7 Mon Sep 17 00:00:00 2001
From: cicatelli <stefanocicatelli@gmail.com>
Date: Thu, 3 Oct 2024 11:37:24 -0300
Subject: [PATCH 1/5] Include Pt-Br Language

---
 .../panel/general-panel/GeneralPanelForm.tsx  |  3 ++-
 .../src/translation/TranslationProvider.tsx   | 12 +++++++++
 .../client/src/translation/languages/pt-br.ts | 26 +++++++++++++++++++
 3 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 apps/client/src/translation/languages/pt-br.ts

diff --git a/apps/client/src/features/app-settings/panel/general-panel/GeneralPanelForm.tsx b/apps/client/src/features/app-settings/panel/general-panel/GeneralPanelForm.tsx
index 01302b7762..c9f3206b1a 100644
--- a/apps/client/src/features/app-settings/panel/general-panel/GeneralPanelForm.tsx
+++ b/apps/client/src/features/app-settings/panel/general-panel/GeneralPanelForm.tsx
@@ -152,9 +152,10 @@ export default function GeneralPanelForm() {
                 <option value='it'>Italian</option>
                 <option value='no'>Norwegian</option>
                 <option value='pt'>Portuguese</option>
+                <option value='ptbr'>Português Brasil</option>
                 <option value='es'>Spanish</option>
                 <option value='sv'>Swedish</option>
-		<option value='pl'>Polish</option>
+		            <option value='pl'>Polish</option>
               </Select>
             </Panel.ListItem>
           </Panel.ListGroup>
diff --git a/apps/client/src/translation/TranslationProvider.tsx b/apps/client/src/translation/TranslationProvider.tsx
index 46e867baca..22a8023868 100644
--- a/apps/client/src/translation/TranslationProvider.tsx
+++ b/apps/client/src/translation/TranslationProvider.tsx
@@ -2,6 +2,7 @@ import { createContext, PropsWithChildren, useCallback, useContext } from 'react
 
 import useSettings from '../common/hooks-query/useSettings';
 
+import { langPtbr } from './languages/pt-br';
 import { langDe } from './languages/de';
 import { langEn } from './languages/en';
 import { langEs } from './languages/es';
@@ -12,6 +13,7 @@ import { langNo } from './languages/no';
 import { langPl } from './languages/pl';
 import { langPt } from './languages/pt';
 import { langSv } from './languages/sv';
+import { Playback } from 'ontime-types';
 
 const translationsList = {
   en: langEn,
@@ -24,6 +26,7 @@ const translationsList = {
   pt: langPt,
   sv: langSv,
   pl: langPl,
+  ptbr: langPtbr,
 };
 
 interface TranslationContextValue {
@@ -60,3 +63,12 @@ export const useTranslation = () => {
   const { getLocalizedString } = useContext(TranslationContext);
   return { getLocalizedString };
 };
+export interface StatusBarTimersProps {
+  projectTitle: string;
+  playback: Playback;
+  selectedEventId: string | null;
+  firstStart?: number;
+  firstId?: string;
+  lastEnd?: number;
+  lastId?: string;
+}
diff --git a/apps/client/src/translation/languages/pt-br.ts b/apps/client/src/translation/languages/pt-br.ts
new file mode 100644
index 0000000000..ec59875dd5
--- /dev/null
+++ b/apps/client/src/translation/languages/pt-br.ts
@@ -0,0 +1,26 @@
+import { TranslationObject } from './en';
+
+export const langPtbr: TranslationObject = {
+  'common.expected_finish': 'TÉRMINO ESPERADO',
+  'common.minutes': 'min',
+  'common.now': 'AGORA',
+  'common.next': 'PRÓXIMO',
+  'common.public_message': 'MENSAGEM PÚBLICA',
+  'common.scheduled_start': 'INÍCIO PLANEJADO',
+  'common.scheduled_end': 'ENCERRAMENTO PLANEJADO',
+  'common.projected_start': 'INÍCIO PREVISTO',
+  'common.projected_end': 'ENCERRAMENTO PREVISTO',
+  'common.stage_timer': 'TEMPO DO APRESENTADOR',
+  'common.started_at': 'INICIADO ÀS',
+  'common.time_now': 'HORA ATUAL',
+  'countdown.ended': 'EVENTO ENCERRADO ÀS',
+  'countdown.running': 'TEMPO RESTANTE',
+  'countdown.select_event': 'SELECIONE UM EVENTO PARA ACOMPANHAR',
+  'countdown.to_start': 'Tempo para Iniciar',
+  'countdown.waiting': 'Aguardando o Início do Evento',
+  'countdown.overtime': 'em tempo extra',
+  'timeline.live': 'AGORA',
+  'timeline.done': 'Concluído',
+  'timeline.due': 'Pendente',
+  'timeline.followedby': 'Seguido por',
+};

From 8fde0b5fde164730cdeb17fa48533ae87d6ec70b Mon Sep 17 00:00:00 2001
From: cicatelli <stefanocicatelli@gmail.com>
Date: Thu, 3 Oct 2024 11:37:55 -0300
Subject: [PATCH 2/5] Include translation in operator view

---
 .../operator/status-bar/StatusBarTimers.tsx         | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx b/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
index 607228a8e3..65f2b20b7a 100644
--- a/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
+++ b/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
@@ -8,6 +8,7 @@ import ClockTime from '../../viewers/common/clock-time/ClockTime';
 import RunningTime from '../../viewers/common/running-time/RunningTime';
 
 import styles from './StatusBar.module.scss';
+import { useTranslation } from '../../../../../client/src/translation/TranslationProvider';
 
 interface StatusBarTimersProps {
   projectTitle: string;
@@ -25,6 +26,8 @@ export default function StatusBarTimers(props: StatusBarTimersProps) {
   const timer = useTimer();
   const { clock } = useClock();
 
+  const { getLocalizedString } = useTranslation();
+
   const getTimeStart = (): MaybeNumber => {
     if (firstStart === undefined) {
       return null;
@@ -61,25 +64,25 @@ export default function StatusBarTimers(props: StatusBarTimersProps) {
     <div className={styles.timers}>
       {PlaybackIconComponent}
       <div className={styles.timeNow}>
-        <span className={styles.label}>Time now</span>
+        <span className={styles.label}>{getLocalizedString('common.time_now')}</span>
         <ClockTime className={styles.timer} value={clock} />
       </div>
       <div className={styles.elapsedTime}>
-        <span className={styles.label}>Elapsed time</span>
+        <span className={styles.label}>{getLocalizedString('common.time_now')}Elapsed time</span>
         <RunningTime className={styles.timer} value={timer.elapsed} />
       </div>
       <div className={styles.runningTime}>
-        <span className={styles.label}>Running timer</span>
+        <span className={styles.label}>{getLocalizedString('countdown.running')}</span>
         <RunningTime className={styles.timer} value={timer.current} />
       </div>
 
       <span className={styles.title}>{projectTitle}</span>
       <div className={styles.startTime}>
-        <span className={styles.label}>Scheduled start</span>
+        <span className={styles.label}>{getLocalizedString('common.scheduled_start')}</span>
         <ClockTime className={styles.timer} value={getTimeStart()} />
       </div>
       <div className={styles.endTime}>
-        <span className={styles.label}>Scheduled end</span>
+        <span className={styles.label}>{getLocalizedString('common.scheduled_end')}</span>
         <ClockTime className={styles.timer} value={getTimeEnd()} />
       </div>
     </div>

From 44c730b6bc7b0c311d374091de69b243afd9aff6 Mon Sep 17 00:00:00 2001
From: cicatelli <stefanocicatelli@gmail.com>
Date: Thu, 3 Oct 2024 12:22:12 -0300
Subject: [PATCH 3/5] bug fix

bug fix and addition of elapsed_time language variable
---
 .../client/src/features/operator/status-bar/StatusBarTimers.tsx | 2 +-
 apps/client/src/translation/languages/de.ts                     | 1 +
 apps/client/src/translation/languages/en.ts                     | 1 +
 apps/client/src/translation/languages/es.ts                     | 1 +
 apps/client/src/translation/languages/fr.ts                     | 1 +
 apps/client/src/translation/languages/hu.ts                     | 1 +
 apps/client/src/translation/languages/it.ts                     | 1 +
 apps/client/src/translation/languages/no.ts                     | 1 +
 apps/client/src/translation/languages/pl.ts                     | 1 +
 apps/client/src/translation/languages/pt-br.ts                  | 1 +
 10 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx b/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
index 65f2b20b7a..7e66a95110 100644
--- a/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
+++ b/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
@@ -68,7 +68,7 @@ export default function StatusBarTimers(props: StatusBarTimersProps) {
         <ClockTime className={styles.timer} value={clock} />
       </div>
       <div className={styles.elapsedTime}>
-        <span className={styles.label}>{getLocalizedString('common.time_now')}Elapsed time</span>
+        <span className={styles.label}>{getLocalizedString('commom.elapsed_time')}</span>
         <RunningTime className={styles.timer} value={timer.elapsed} />
       </div>
       <div className={styles.runningTime}>
diff --git a/apps/client/src/translation/languages/de.ts b/apps/client/src/translation/languages/de.ts
index e75c293aa6..bf82c5c27f 100644
--- a/apps/client/src/translation/languages/de.ts
+++ b/apps/client/src/translation/languages/de.ts
@@ -13,6 +13,7 @@ export const langDe: TranslationObject = {
   'common.stage_timer': 'Bühnen-Timer',
   'common.started_at': 'Gestartet am',
   'common.time_now': 'Aktuelle Zeit',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Veranstaltung endete um',
   'countdown.running': 'Veranstaltung läuft',
   'countdown.select_event': 'Wählen Sie eine Veranstaltung aus, um sie zu verfolgen',
diff --git a/apps/client/src/translation/languages/en.ts b/apps/client/src/translation/languages/en.ts
index c0889b05bb..9c2c9eae52 100644
--- a/apps/client/src/translation/languages/en.ts
+++ b/apps/client/src/translation/languages/en.ts
@@ -11,6 +11,7 @@ export const langEn = {
   'common.stage_timer': 'Stage Timer',
   'common.started_at': 'Started At',
   'common.time_now': 'Time now',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Event ended at',
   'countdown.running': 'Event running',
   'countdown.select_event': 'Select an event to follow',
diff --git a/apps/client/src/translation/languages/es.ts b/apps/client/src/translation/languages/es.ts
index e63a30c4ba..74eb8fe082 100644
--- a/apps/client/src/translation/languages/es.ts
+++ b/apps/client/src/translation/languages/es.ts
@@ -13,6 +13,7 @@ export const langEs: TranslationObject = {
   'common.stage_timer': 'Temporizador de presentador',
   'common.started_at': 'Iniciado en',
   'common.time_now': 'Ahora',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Evento finalizado a las',
   'countdown.running': 'Evento en curso',
   'countdown.select_event': 'Seleccionar un evento para seguir',
diff --git a/apps/client/src/translation/languages/fr.ts b/apps/client/src/translation/languages/fr.ts
index 5ed6eab3f1..fdc122cda7 100644
--- a/apps/client/src/translation/languages/fr.ts
+++ b/apps/client/src/translation/languages/fr.ts
@@ -13,6 +13,7 @@ export const langFr: TranslationObject = {
   'common.stage_timer': 'Minuteur de scène',
   'common.started_at': 'Commencé à',
   'common.time_now': 'Heure',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Évènement terminé à',
   'countdown.running': 'Évènement en cours',
   'countdown.select_event': 'Sélectionnez un évènement à suivre',
diff --git a/apps/client/src/translation/languages/hu.ts b/apps/client/src/translation/languages/hu.ts
index 46669cbbe5..4aa8d48ced 100644
--- a/apps/client/src/translation/languages/hu.ts
+++ b/apps/client/src/translation/languages/hu.ts
@@ -13,6 +13,7 @@ export const langHu: TranslationObject = {
   'common.stage_timer': 'Színpadi időzítő',
   'common.started_at': 'Kezdődött',
   'common.time_now': 'Jelenlegi idő',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Esemény véget ért',
   'countdown.running': 'Esemény folyamatban',
   'countdown.select_event': 'Válassza ki a követendő eseményt',
diff --git a/apps/client/src/translation/languages/it.ts b/apps/client/src/translation/languages/it.ts
index 830425c4b9..286f61560b 100644
--- a/apps/client/src/translation/languages/it.ts
+++ b/apps/client/src/translation/languages/it.ts
@@ -13,6 +13,7 @@ export const langIt: TranslationObject = {
   'common.stage_timer': 'Orologio Palco',
   'common.started_at': 'Iniziato Alle',
   'common.time_now': 'Ora attuale',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Evento finito alle',
   'countdown.running': 'Evento in corso',
   'countdown.select_event': 'Seleziona un evento da seguire',
diff --git a/apps/client/src/translation/languages/no.ts b/apps/client/src/translation/languages/no.ts
index 075aa142e6..e0dcbcb032 100644
--- a/apps/client/src/translation/languages/no.ts
+++ b/apps/client/src/translation/languages/no.ts
@@ -13,6 +13,7 @@ export const langNo: TranslationObject = {
   'common.stage_timer': 'Scenetimer',
   'common.started_at': 'Startet',
   'common.time_now': 'Klokken nå',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Hendelse avsluttet',
   'countdown.running': 'Hendelse pågår',
   'countdown.select_event': 'Velg en hendelse å følge',
diff --git a/apps/client/src/translation/languages/pl.ts b/apps/client/src/translation/languages/pl.ts
index a974c18271..647c163f6b 100644
--- a/apps/client/src/translation/languages/pl.ts
+++ b/apps/client/src/translation/languages/pl.ts
@@ -13,6 +13,7 @@ export const langPl: TranslationObject = {
   'common.stage_timer': 'Timer Scena',
   'common.started_at': 'Rozpoczęte o',
   'common.time_now': 'Aktualny czas',
+  'commom.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Zakończone o',
   'countdown.running': 'Trwa',
   'countdown.select_event': 'Wybierz event który chcesz śledzić',
diff --git a/apps/client/src/translation/languages/pt-br.ts b/apps/client/src/translation/languages/pt-br.ts
index ec59875dd5..07586cda1c 100644
--- a/apps/client/src/translation/languages/pt-br.ts
+++ b/apps/client/src/translation/languages/pt-br.ts
@@ -13,6 +13,7 @@ export const langPtbr: TranslationObject = {
   'common.stage_timer': 'TEMPO DO APRESENTADOR',
   'common.started_at': 'INICIADO ÀS',
   'common.time_now': 'HORA ATUAL',
+  'commom.elapsed_time': 'TEMPO CORRIDO',
   'countdown.ended': 'EVENTO ENCERRADO ÀS',
   'countdown.running': 'TEMPO RESTANTE',
   'countdown.select_event': 'SELECIONE UM EVENTO PARA ACOMPANHAR',

From 58a6d965be465c45b7a5cbfcfa0002f079557834 Mon Sep 17 00:00:00 2001
From: cicatelli <stefanocicatelli@gmail.com>
Date: Thu, 3 Oct 2024 12:58:10 -0300
Subject: [PATCH 4/5] bug fix commom>common

---
 .../src/features/operator/status-bar/StatusBarTimers.tsx      | 2 +-
 apps/client/src/translation/languages/de.ts                   | 2 +-
 apps/client/src/translation/languages/en.ts                   | 4 +++-
 apps/client/src/translation/languages/es.ts                   | 2 +-
 apps/client/src/translation/languages/fr.ts                   | 2 +-
 apps/client/src/translation/languages/hu.ts                   | 2 +-
 apps/client/src/translation/languages/it.ts                   | 2 +-
 apps/client/src/translation/languages/no.ts                   | 2 +-
 apps/client/src/translation/languages/pl.ts                   | 2 +-
 apps/client/src/translation/languages/pt-br.ts                | 2 +-
 apps/client/src/translation/languages/pt.ts                   | 1 +
 apps/client/src/translation/languages/sv.ts                   | 1 +
 12 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx b/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
index 7e66a95110..f2f5aa5594 100644
--- a/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
+++ b/apps/client/src/features/operator/status-bar/StatusBarTimers.tsx
@@ -68,7 +68,7 @@ export default function StatusBarTimers(props: StatusBarTimersProps) {
         <ClockTime className={styles.timer} value={clock} />
       </div>
       <div className={styles.elapsedTime}>
-        <span className={styles.label}>{getLocalizedString('commom.elapsed_time')}</span>
+        <span className={styles.label}>{getLocalizedString('common.elapsed_time')}</span>
         <RunningTime className={styles.timer} value={timer.elapsed} />
       </div>
       <div className={styles.runningTime}>
diff --git a/apps/client/src/translation/languages/de.ts b/apps/client/src/translation/languages/de.ts
index bf82c5c27f..fe79bb7527 100644
--- a/apps/client/src/translation/languages/de.ts
+++ b/apps/client/src/translation/languages/de.ts
@@ -13,7 +13,7 @@ export const langDe: TranslationObject = {
   'common.stage_timer': 'Bühnen-Timer',
   'common.started_at': 'Gestartet am',
   'common.time_now': 'Aktuelle Zeit',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Veranstaltung endete um',
   'countdown.running': 'Veranstaltung läuft',
   'countdown.select_event': 'Wählen Sie eine Veranstaltung aus, um sie zu verfolgen',
diff --git a/apps/client/src/translation/languages/en.ts b/apps/client/src/translation/languages/en.ts
index 9c2c9eae52..fff38bda6c 100644
--- a/apps/client/src/translation/languages/en.ts
+++ b/apps/client/src/translation/languages/en.ts
@@ -11,7 +11,7 @@ export const langEn = {
   'common.stage_timer': 'Stage Timer',
   'common.started_at': 'Started At',
   'common.time_now': 'Time now',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Event ended at',
   'countdown.running': 'Event running',
   'countdown.select_event': 'Select an event to follow',
@@ -22,6 +22,8 @@ export const langEn = {
   'timeline.done': 'done',
   'timeline.due': 'due',
   'timeline.followedby': 'Followed by',
+
+
 };
 
 export type TranslationObject = Record<keyof typeof langEn, string>;
diff --git a/apps/client/src/translation/languages/es.ts b/apps/client/src/translation/languages/es.ts
index 74eb8fe082..7d5d5f2991 100644
--- a/apps/client/src/translation/languages/es.ts
+++ b/apps/client/src/translation/languages/es.ts
@@ -13,7 +13,7 @@ export const langEs: TranslationObject = {
   'common.stage_timer': 'Temporizador de presentador',
   'common.started_at': 'Iniciado en',
   'common.time_now': 'Ahora',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Evento finalizado a las',
   'countdown.running': 'Evento en curso',
   'countdown.select_event': 'Seleccionar un evento para seguir',
diff --git a/apps/client/src/translation/languages/fr.ts b/apps/client/src/translation/languages/fr.ts
index fdc122cda7..69af64e4f7 100644
--- a/apps/client/src/translation/languages/fr.ts
+++ b/apps/client/src/translation/languages/fr.ts
@@ -13,7 +13,7 @@ export const langFr: TranslationObject = {
   'common.stage_timer': 'Minuteur de scène',
   'common.started_at': 'Commencé à',
   'common.time_now': 'Heure',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Évènement terminé à',
   'countdown.running': 'Évènement en cours',
   'countdown.select_event': 'Sélectionnez un évènement à suivre',
diff --git a/apps/client/src/translation/languages/hu.ts b/apps/client/src/translation/languages/hu.ts
index 4aa8d48ced..df49a97303 100644
--- a/apps/client/src/translation/languages/hu.ts
+++ b/apps/client/src/translation/languages/hu.ts
@@ -13,7 +13,7 @@ export const langHu: TranslationObject = {
   'common.stage_timer': 'Színpadi időzítő',
   'common.started_at': 'Kezdődött',
   'common.time_now': 'Jelenlegi idő',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Esemény véget ért',
   'countdown.running': 'Esemény folyamatban',
   'countdown.select_event': 'Válassza ki a követendő eseményt',
diff --git a/apps/client/src/translation/languages/it.ts b/apps/client/src/translation/languages/it.ts
index 286f61560b..d4b83f07b2 100644
--- a/apps/client/src/translation/languages/it.ts
+++ b/apps/client/src/translation/languages/it.ts
@@ -13,7 +13,7 @@ export const langIt: TranslationObject = {
   'common.stage_timer': 'Orologio Palco',
   'common.started_at': 'Iniziato Alle',
   'common.time_now': 'Ora attuale',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Evento finito alle',
   'countdown.running': 'Evento in corso',
   'countdown.select_event': 'Seleziona un evento da seguire',
diff --git a/apps/client/src/translation/languages/no.ts b/apps/client/src/translation/languages/no.ts
index e0dcbcb032..015294b983 100644
--- a/apps/client/src/translation/languages/no.ts
+++ b/apps/client/src/translation/languages/no.ts
@@ -13,7 +13,7 @@ export const langNo: TranslationObject = {
   'common.stage_timer': 'Scenetimer',
   'common.started_at': 'Startet',
   'common.time_now': 'Klokken nå',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Hendelse avsluttet',
   'countdown.running': 'Hendelse pågår',
   'countdown.select_event': 'Velg en hendelse å følge',
diff --git a/apps/client/src/translation/languages/pl.ts b/apps/client/src/translation/languages/pl.ts
index 647c163f6b..ad78cdbbb6 100644
--- a/apps/client/src/translation/languages/pl.ts
+++ b/apps/client/src/translation/languages/pl.ts
@@ -13,7 +13,7 @@ export const langPl: TranslationObject = {
   'common.stage_timer': 'Timer Scena',
   'common.started_at': 'Rozpoczęte o',
   'common.time_now': 'Aktualny czas',
-  'commom.elapsed_time': 'Elapsed Time',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Zakończone o',
   'countdown.running': 'Trwa',
   'countdown.select_event': 'Wybierz event który chcesz śledzić',
diff --git a/apps/client/src/translation/languages/pt-br.ts b/apps/client/src/translation/languages/pt-br.ts
index 07586cda1c..6b498ab078 100644
--- a/apps/client/src/translation/languages/pt-br.ts
+++ b/apps/client/src/translation/languages/pt-br.ts
@@ -13,7 +13,7 @@ export const langPtbr: TranslationObject = {
   'common.stage_timer': 'TEMPO DO APRESENTADOR',
   'common.started_at': 'INICIADO ÀS',
   'common.time_now': 'HORA ATUAL',
-  'commom.elapsed_time': 'TEMPO CORRIDO',
+  'common.elapsed_time': 'TEMPO CORRIDO',
   'countdown.ended': 'EVENTO ENCERRADO ÀS',
   'countdown.running': 'TEMPO RESTANTE',
   'countdown.select_event': 'SELECIONE UM EVENTO PARA ACOMPANHAR',
diff --git a/apps/client/src/translation/languages/pt.ts b/apps/client/src/translation/languages/pt.ts
index fdae87c280..0d406e7696 100644
--- a/apps/client/src/translation/languages/pt.ts
+++ b/apps/client/src/translation/languages/pt.ts
@@ -13,6 +13,7 @@ export const langPt: TranslationObject = {
   'common.stage_timer': 'Temporizador do presentador',
   'common.started_at': 'Iniciado em',
   'common.time_now': 'Hora atual',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Evento encerrado às',
   'countdown.running': 'Evento em andamento',
   'countdown.select_event': 'Selecione um evento para acompanhar',
diff --git a/apps/client/src/translation/languages/sv.ts b/apps/client/src/translation/languages/sv.ts
index 8fc9c9fb70..c7723a9e65 100644
--- a/apps/client/src/translation/languages/sv.ts
+++ b/apps/client/src/translation/languages/sv.ts
@@ -13,6 +13,7 @@ export const langSv: TranslationObject = {
   'common.stage_timer': 'Timer för scenen',
   'common.started_at': 'Började vid',
   'common.time_now': 'Klockan nu',
+  'common.elapsed_time': 'Elapsed Time',
   'countdown.ended': 'Evenemanget avslutades vid',
   'countdown.running': 'Evenemang pågår',
   'countdown.select_event': 'Välj ett evenemang att följa',

From 405d8aa8f4e58f59f4fb239720374189c6f2c7c9 Mon Sep 17 00:00:00 2001
From: cicatelli <stefanocicatelli@gmail.com>
Date: Thu, 3 Oct 2024 18:50:58 -0300
Subject: [PATCH 5/5] Editor view translation system

Implementation of variables in the texts on the editor screen so that they use the variables from the translation system.

The number of translation variables has been increased.

The language is already correct in English and Brazilian Portuguese; for other languages, the variables for each language must be translated.
---
 .../control/message/MessageControl.tsx        | 13 +++--
 .../control/message/TimerViewControl.tsx      | 12 +++--
 .../control/playback/aux-timer/AuxTimer.tsx   |  5 +-
 .../playback/playback-timer/PlaybackTimer.tsx |  8 ++-
 .../client/src/features/overview/Overview.tsx | 33 +++++++-----
 .../rundown/event-block/EventBlock.utils.ts   | 13 ++++-
 .../rundown/event-block/EventBlockInner.tsx   |  7 ++-
 .../rundown/event-editor/EventEditor.tsx      |  9 +++-
 .../composite/EventEditorTimes.tsx            | 36 +++++++------
 .../composite/EventEditorTitles.tsx           | 14 +++--
 .../rundown/quick-add-block/QuickAddBlock.tsx | 10 ++--
 .../rundown/rundown-header/RundownHeader.tsx  |  7 ++-
 .../rundown/rundown-header/RundownMenu.tsx    | 14 +++--
 apps/client/src/translation/languages/de.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/en.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/es.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/fr.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/hu.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/it.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/no.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/pl.ts   | 49 +++++++++++++++++
 .../client/src/translation/languages/pt-br.ts | 53 ++++++++++++++++++-
 apps/client/src/translation/languages/pt.ts   | 49 +++++++++++++++++
 apps/client/src/translation/languages/sv.ts   | 49 +++++++++++++++++
 24 files changed, 663 insertions(+), 61 deletions(-)

diff --git a/apps/client/src/features/control/message/MessageControl.tsx b/apps/client/src/features/control/message/MessageControl.tsx
index 2c1118a5e2..e209c806dd 100644
--- a/apps/client/src/features/control/message/MessageControl.tsx
+++ b/apps/client/src/features/control/message/MessageControl.tsx
@@ -3,6 +3,8 @@ import { setMessage, useExternalMessageInput, useTimerMessageInput } from '../..
 import InputRow from './InputRow';
 import TimerControlsPreview from './TimerViewControl';
 
+import { useTranslation } from '../../../translation/TranslationProvider';
+
 export default function MessageControl() {
   return (
     <>
@@ -15,11 +17,12 @@ export default function MessageControl() {
 
 function TimerMessageInput() {
   const { text, visible } = useTimerMessageInput();
+  const { getLocalizedString } = useTranslation();
 
   return (
     <InputRow
-      label='Timer Message'
-      placeholder='Message shown fullscreen in stage timer'
+      label={getLocalizedString('timer.message')}
+      placeholder={getLocalizedString('timer.message.plac')}
       text={text}
       visible={visible}
       changeHandler={(newValue) => setMessage.timerText(newValue)}
@@ -39,10 +42,12 @@ function ExternalInput() {
     }
   };
 
+  const { getLocalizedString } = useTranslation();
+
   return (
     <InputRow
-      label='External Message'
-      placeholder='Message shown as secondary text in stage timer'
+      label={getLocalizedString('timer.external')}
+      placeholder={getLocalizedString('timer.external.plac')}
       text={text}
       visible={visible}
       changeHandler={(newValue) => setMessage.externalText(newValue)}
diff --git a/apps/client/src/features/control/message/TimerViewControl.tsx b/apps/client/src/features/control/message/TimerViewControl.tsx
index 8bef7ecde5..d46291c1f5 100644
--- a/apps/client/src/features/control/message/TimerViewControl.tsx
+++ b/apps/client/src/features/control/message/TimerViewControl.tsx
@@ -6,6 +6,8 @@ import TimerPreview from './TimerPreview';
 
 import style from './MessageControl.module.scss';
 
+import { useTranslation } from '../../../translation/TranslationProvider';
+
 export default function TimerControlsPreview() {
   const { blackout, blink, secondarySource } = useTimerViewControl();
 
@@ -17,6 +19,8 @@ export default function TimerControlsPreview() {
     }
   };
 
+  const { getLocalizedString } = useTranslation();
+
   return (
     <div className={style.previewContainer}>
       <TimerPreview />
@@ -27,14 +31,14 @@ export default function TimerControlsPreview() {
           variant={secondarySource === 'aux' ? 'ontime-filled' : 'ontime-subtle'}
           onClick={() => toggleSecondary('aux')}
         >
-          Show Aux timer
+          {getLocalizedString('timer.show_auxtime')}
         </Button>
         <Button
           size='sm'
           variant={secondarySource === 'external' ? 'ontime-filled' : 'ontime-subtle'}
           onClick={() => toggleSecondary('external')}
         >
-          Show external
+          {getLocalizedString('timer.show_external')}
         </Button>
 
         <hr className={style.divider} />
@@ -45,7 +49,7 @@ export default function TimerControlsPreview() {
           onClick={() => setMessage.timerBlink(!blink)}
           data-testid='toggle timer blink'
         >
-          Blink
+          {getLocalizedString('timer.blink')}
         </Button>
         <Button
           size='sm'
@@ -54,7 +58,7 @@ export default function TimerControlsPreview() {
           onClick={() => setMessage.timerBlackout(!blackout)}
           data-testid='toggle timer blackout'
         >
-          Blackout screen
+          {getLocalizedString('timer.blackout')}
         </Button>
       </div>
     </div>
diff --git a/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx b/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx
index ae2b8ecde8..ff324d0d69 100644
--- a/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx
+++ b/apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx
@@ -11,10 +11,11 @@ import { setAuxTimer, useAuxTimerControl, useAuxTimerTime } from '../../../../co
 import TapButton from '../tap-button/TapButton';
 
 import style from './AuxTimer.module.scss';
+import { useTranslation } from '../../../../translation/TranslationProvider';
 
 export function AuxTimer() {
   const { playback, direction } = useAuxTimerControl();
-
+  const { getLocalizedString } = useTranslation();
   const { start, pause, stop, setDirection } = setAuxTimer;
 
   const toggleDirection = () => {
@@ -30,7 +31,7 @@ export function AuxTimer() {
 
   return (
     <label className={style.label}>
-      Auxiliary Timer
+      {getLocalizedString('common.aux_time')}
       <div className={style.controls}>
         <AuxTimerInput />
         <TapButton onClick={toggleDirection} aspect='tight'>
diff --git a/apps/client/src/features/control/playback/playback-timer/PlaybackTimer.tsx b/apps/client/src/features/control/playback/playback-timer/PlaybackTimer.tsx
index e58a3db0fe..1564721074 100644
--- a/apps/client/src/features/control/playback/playback-timer/PlaybackTimer.tsx
+++ b/apps/client/src/features/control/playback/playback-timer/PlaybackTimer.tsx
@@ -8,6 +8,8 @@ import TimerDisplay from '../timer-display/TimerDisplay';
 
 import style from './PlaybackTimer.module.scss';
 
+import { useTranslation } from '../../../../translation/TranslationProvider';
+
 interface PlaybackTimerProps {
   playback: Playback;
 }
@@ -51,6 +53,8 @@ export default function PlaybackTimer(props: PropsWithChildren<PlaybackTimerProp
 
   const addedTimeLabel = resolveAddedTimeLabel(timer.addedTime);
 
+  const { getLocalizedString } = useTranslation();
+
   return (
     <div className={style.timeContainer}>
       <div className={style.indicators}>
@@ -69,11 +73,11 @@ export default function PlaybackTimer(props: PropsWithChildren<PlaybackTimerProp
         ) : (
           <>
             <span className={style.start}>
-              <span className={style.tag}>Started at</span>
+              <span className={style.tag}>{getLocalizedString('common.started_at')}</span>
               <span className={style.time}>{started}</span>
             </span>
             <span className={style.finish}>
-              <span className={style.tag}>Expect end</span>
+              <span className={style.tag}>{getLocalizedString('common.projected_end')}</span>
               <span className={style.time}>{finish}</span>
             </span>
           </>
diff --git a/apps/client/src/features/overview/Overview.tsx b/apps/client/src/features/overview/Overview.tsx
index 162e3e75a0..163a6e445a 100644
--- a/apps/client/src/features/overview/Overview.tsx
+++ b/apps/client/src/features/overview/Overview.tsx
@@ -8,11 +8,14 @@ import { enDash } from '../../common/utils/styleUtils';
 
 import { TimeColumn, TimeRow } from './composite/TimeLayout';
 import { calculateEndAndDaySpan, formatedTime, getOffsetText } from './overviewUtils';
+import { useTranslation } from '../../translation/TranslationProvider';
 
 import style from './Overview.module.scss';
 
 export const EditorOverview = memo(_EditorOverview);
 
+
+
 function _EditorOverview({ children }: { children: React.ReactNode }) {
   const { plannedEnd, plannedStart, actualStart, expectedEnd } = useRuntimeOverview();
 
@@ -21,6 +24,7 @@ function _EditorOverview({ children }: { children: React.ReactNode }) {
 
   const [maybeExpectedEnd, maybeExpectedDaySpan] = useMemo(() => calculateEndAndDaySpan(expectedEnd), [expectedEnd]);
   const expectedEndText = formatedTime(maybeExpectedEnd);
+  const { getLocalizedString } = useTranslation();
 
   return (
     <div className={style.overview}>
@@ -29,16 +33,16 @@ function _EditorOverview({ children }: { children: React.ReactNode }) {
         <div className={style.info}>
           <TitlesOverview />
           <div>
-            <TimeRow label='Planned start' value={formatedTime(plannedStart)} className={style.start} />
-            <TimeRow label='Actual start' value={formatedTime(actualStart)} className={style.start} />
+            <TimeRow label={getLocalizedString('common.scheduled_start')} value={formatedTime(plannedStart)} className={style.start} />
+            <TimeRow label={getLocalizedString('common.started_at')} value={formatedTime(actualStart)} className={style.start} />
           </div>
           <ProgressOverview />
           <CurrentBlockOverview />
           <RuntimeOverview />
           <div>
-            <TimeRow label='Planned end' value={plannedEndText} className={style.end} daySpan={maybePlannedDaySpan} />
+            <TimeRow label={getLocalizedString('common.scheduled_end')} value={plannedEndText} className={style.end} daySpan={maybePlannedDaySpan} />
             <TimeRow
-              label='Expected end'
+              label={getLocalizedString('common.projected_end')}
               value={expectedEndText}
               className={style.end}
               daySpan={maybeExpectedDaySpan}
@@ -60,6 +64,7 @@ function _CuesheetOverview({ children }: { children: React.ReactNode }) {
 
   const [maybeExpectedEnd, maybeExpectedDaySpan] = useMemo(() => calculateEndAndDaySpan(expectedEnd), [expectedEnd]);
   const expectedEndText = formatedTime(maybeExpectedEnd);
+  const { getLocalizedString } = useTranslation();
 
   return (
     <div className={style.overview}>
@@ -70,9 +75,9 @@ function _CuesheetOverview({ children }: { children: React.ReactNode }) {
           <TimerOverview />
           <RuntimeOverview />
           <div>
-            <TimeRow label='Planned end' value={plannedEndText} className={style.end} daySpan={maybePlannedDaySpan} />
+            <TimeRow label={getLocalizedString('common.scheduled_end')} value={plannedEndText} className={style.end} daySpan={maybePlannedDaySpan} />
             <TimeRow
-              label='Expected end'
+              label={getLocalizedString('common.projected_end')}
               value={expectedEndText}
               className={style.end}
               daySpan={maybeExpectedDaySpan}
@@ -97,18 +102,20 @@ function TitlesOverview() {
 
 function CurrentBlockOverview() {
   const { currentBlock, clock } = useRuntimePlaybackOverview();
-
+  
   const timeInBlock = formatedTime(currentBlock.startedAt === null ? null : clock - currentBlock.startedAt);
+  const { getLocalizedString } = useTranslation();
 
-  return <TimeColumn label='Time in block' value={timeInBlock} className={style.clock} />;
+  return <TimeColumn label={getLocalizedString('common.elapsed_time')} value={timeInBlock} className={style.clock} />;
 }
 
 function TimerOverview() {
   const { current } = useTimer();
 
   const display = millisToString(current);
+  const { getLocalizedString } = useTranslation();
 
-  return <TimeColumn label='Running timer' value={display} />;
+  return <TimeColumn label={getLocalizedString('countdown.running')} value={display} />;
 }
 
 function ProgressOverview() {
@@ -117,8 +124,9 @@ function ProgressOverview() {
   const current = selectedEventIndex !== null ? selectedEventIndex + 1 : enDash;
   const ofTotal = numEvents || enDash;
   const progressText = numEvents ? `${current} of ${ofTotal}` : '-';
+  const { getLocalizedString } = useTranslation();
 
-  return <TimeColumn label='Progress' value={progressText} />;
+  return <TimeColumn label={getLocalizedString('common.progress')} value={progressText} />;
 }
 
 function RuntimeOverview() {
@@ -126,11 +134,12 @@ function RuntimeOverview() {
 
   const offsetText = getOffsetText(offset);
   const offsetClasses = offset === null ? undefined : offset <= 0 ? style.behind : style.ahead;
+  const { getLocalizedString } = useTranslation();
 
   return (
     <>
-      <TimeColumn label='Offset' value={offsetText} className={offsetClasses} />
-      <TimeColumn label='Time now' value={formatedTime(clock)} />
+      <TimeColumn label={getLocalizedString('common.offset')} value={offsetText} className={offsetClasses} />
+      <TimeColumn label={getLocalizedString('common.time_now')} value={formatedTime(clock)} />
     </>
   );
 }
diff --git a/apps/client/src/features/rundown/event-block/EventBlock.utils.ts b/apps/client/src/features/rundown/event-block/EventBlock.utils.ts
index 787be6fdaf..9486c0a5ce 100644
--- a/apps/client/src/features/rundown/event-block/EventBlock.utils.ts
+++ b/apps/client/src/features/rundown/event-block/EventBlock.utils.ts
@@ -8,6 +8,9 @@ import {
 } from 'ontime-utils';
 
 import { formatDuration } from '../../../common/utils/time';
+import { useTranslation } from '../../../translation/TranslationProvider'
+
+
 
 export function formatDelay(timeStart: number, delay: number): string | undefined {
   if (!delay) return;
@@ -19,9 +22,11 @@ export function formatDelay(timeStart: number, delay: number): string | undefine
 }
 
 export function formatOverlap(timeStart: number, previousStart?: number, previousEnd?: number): string | undefined {
+  
+  const { getLocalizedString } = useTranslation();
   const noPreviousElement = previousEnd === undefined || previousStart === undefined;
   if (noPreviousElement) return;
-
+  
   const normalisedDuration = calculateDuration(previousStart, previousEnd);
   const timeFromPrevious = getTimeFromPrevious(timeStart, previousStart, previousEnd, normalisedDuration);
   if (timeFromPrevious === 0) return;
@@ -37,5 +42,9 @@ export function formatOverlap(timeStart: number, previousStart?: number, previou
   }
 
   const overlapString = formatDuration(Math.abs(timeFromPrevious), false);
-  return `${timeFromPrevious < 0 ? 'Overlap' : 'Gap'} ${overlapString}`;
+  //return `${timeFromPrevious < 0 ? 'Overlap' : 'Gap'} ${overlapString}`;
+  return `${timeFromPrevious < 0 ? 'Overlap':''} ${getLocalizedString('editor.gap')} - ${overlapString}`;
+  
+
+
 }
diff --git a/apps/client/src/features/rundown/event-block/EventBlockInner.tsx b/apps/client/src/features/rundown/event-block/EventBlockInner.tsx
index 4adab46def..a09d802372 100644
--- a/apps/client/src/features/rundown/event-block/EventBlockInner.tsx
+++ b/apps/client/src/features/rundown/event-block/EventBlockInner.tsx
@@ -20,6 +20,8 @@ import EventBlockPlayback from './composite/EventBlockPlayback';
 import EventBlockProgressBar from './composite/EventBlockProgressBar';
 
 import style from './EventBlock.module.scss';
+import { useTranslation } from '../../../translation/TranslationProvider';
+
 
 interface EventBlockInnerProps {
   timeStart: number;
@@ -79,6 +81,9 @@ const EventBlockInner = (props: EventBlockInnerProps) => {
     playBtnStyles._hover = {};
   }
 
+  const { getLocalizedString } = useTranslation();
+
+
   return !renderInner ? null : (
     <>
       <div className={style.eventTimers}>
@@ -94,7 +99,7 @@ const EventBlockInner = (props: EventBlockInnerProps) => {
       </div>
       <div className={style.titleSection}>
         <EditableBlockTitle title={title} eventId={eventId} placeholder='Event title' className={style.eventTitle} />
-        {isNext && <span className={style.nextTag}>UP NEXT</span>}
+        {isNext && <span className={style.nextTag}>{getLocalizedString('editor.upnext')} </span>}
       </div>
       <EventBlockPlayback
         eventId={eventId}
diff --git a/apps/client/src/features/rundown/event-editor/EventEditor.tsx b/apps/client/src/features/rundown/event-editor/EventEditor.tsx
index e8f55815ed..a68ef1d3e5 100644
--- a/apps/client/src/features/rundown/event-editor/EventEditor.tsx
+++ b/apps/client/src/features/rundown/event-editor/EventEditor.tsx
@@ -16,6 +16,8 @@ import EventTextArea from './composite/EventTextArea';
 import EventEditorEmpty from './EventEditorEmpty';
 
 import style from './EventEditor.module.scss';
+import { useTranslation } from '../../../translation/TranslationProvider'
+
 
 export type EventEditorSubmitActions = keyof OntimeEvent;
 
@@ -71,6 +73,9 @@ export default function EventEditor() {
     return <EventEditorEmpty />;
   }
 
+  const { getLocalizedString } = useTranslation();
+
+
   return (
     <div className={style.eventEditor} data-testid='editor-container'>
       <div className={style.content}>
@@ -100,9 +105,9 @@ export default function EventEditor() {
         />
         <div className={style.column}>
           <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
-            <span>Custom Fields</span>
+            <span>{getLocalizedString('global.custom_fields')}</span>
             <Button variant='ontime-subtle' size='sm' onClick={handleOpenCustomManager}>
-              Manage
+            {getLocalizedString('global.manage')}
             </Button>
           </div>
           {Object.keys(customFields).map((fieldKey) => {
diff --git a/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx b/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx
index 147450dcba..afa3779005 100644
--- a/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx
+++ b/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx
@@ -9,6 +9,8 @@ import { millisToDelayString } from '../../../../common/utils/dateConfig';
 import TimeInputFlow from '../../time-input-flow/TimeInputFlow';
 
 import style from '../EventEditor.module.scss';
+import { useTranslation } from '../../../../translation/TranslationProvider';
+
 
 interface EventEditorTimesProps {
   eventId: string;
@@ -69,10 +71,12 @@ const EventEditorTimes = (props: EventEditorTimesProps) => {
       )} → ${millisToString(timeEnd + delay)}`
     : '';
 
+    const { getLocalizedString } = useTranslation();
+
   return (
     <div className={style.column}>
       <div>
-        <div className={style.inputLabel}>Event schedule</div>
+        <div className={style.inputLabel}>{getLocalizedString('editor.event_schedule')}</div>
         <div className={style.inline}>
           <TimeInputFlow
             eventId={eventId}
@@ -90,12 +94,12 @@ const EventEditorTimes = (props: EventEditorTimesProps) => {
       <div className={style.splitTwo}>
         <div>
           <label className={style.inputLabel} htmlFor='timeWarning'>
-            Warning Time
+          {getLocalizedString('editor.warning_time')}
           </label>
           <TimeInput name='timeWarning' submitHandler={handleSubmit} time={timeWarning} placeholder='Duration' />
         </div>
         <div>
-          <label className={style.inputLabel}>Timer Type</label>
+          <label className={style.inputLabel}>{getLocalizedString('editor.timer_type')}</label>
           <Select
             size='sm'
             name='timerType'
@@ -103,20 +107,20 @@ const EventEditorTimes = (props: EventEditorTimesProps) => {
             onChange={(event) => handleSubmit('timerType', event.target.value)}
             variant='ontime'
           >
-            <option value={TimerType.CountDown}>Count down</option>
-            <option value={TimerType.CountUp}>Count up</option>
-            <option value={TimerType.TimeToEnd}>Time to end</option>
-            <option value={TimerType.Clock}>Clock</option>
+            <option value={TimerType.CountDown}>{getLocalizedString('timer.countdown')}</option>
+            <option value={TimerType.CountUp}>{getLocalizedString('timer.countup')}</option>
+            <option value={TimerType.TimeToEnd}>{getLocalizedString('timer.timetoend')}</option>
+            <option value={TimerType.Clock}>{getLocalizedString('timer.clock')}</option>
           </Select>
         </div>
         <div>
           <label className={style.inputLabel} htmlFor='timeDanger'>
-            Danger Time
+          {getLocalizedString('editor.danger_time')}
           </label>
           <TimeInput name='timeDanger' submitHandler={handleSubmit} time={timeDanger} placeholder='Duration' />
         </div>
         <div>
-          <label className={style.inputLabel}>End Action</label>
+          <label className={style.inputLabel}>{getLocalizedString('editor.end_action')}</label>
           <Select
             size='sm'
             name='endAction'
@@ -124,19 +128,21 @@ const EventEditorTimes = (props: EventEditorTimesProps) => {
             onChange={(event) => handleSubmit('endAction', event.target.value)}
             variant='ontime'
           >
-            <option value={EndAction.None}>None</option>
-            <option value={EndAction.Stop}>Stop</option>
-            <option value={EndAction.LoadNext}>Load Next</option>
-            <option value={EndAction.PlayNext}>Play Next</option>
+            <option value={EndAction.None}>{getLocalizedString('endaction.none')}</option>
+            <option value={EndAction.Stop}>{getLocalizedString('endaction.stop')}</option>
+            <option value={EndAction.LoadNext}>{getLocalizedString('endaction.load')}</option>
+            <option value={EndAction.PlayNext}>{getLocalizedString('endaction.play')}</option>
           </Select>
         </div>
       </div>
 
       <div>
-        <span className={style.inputLabel}>Event Visibility</span>
+        <span className={style.inputLabel}>{getLocalizedString('editor.event_visibility')}</span>
         <label className={style.switchLabel}>
           <Switch size='md' isChecked={isPublic} onChange={() => handleSubmit('isPublic', isPublic)} variant='ontime' />
-          {isPublic ? 'Public' : 'Private'}
+          {isPublic ? 'Public' : 'Private'} 
+          
+          
         </label>
       </div>
     </div>
diff --git a/apps/client/src/features/rundown/event-editor/composite/EventEditorTitles.tsx b/apps/client/src/features/rundown/event-editor/composite/EventEditorTitles.tsx
index a4d7644278..1d6f00d21d 100644
--- a/apps/client/src/features/rundown/event-editor/composite/EventEditorTitles.tsx
+++ b/apps/client/src/features/rundown/event-editor/composite/EventEditorTitles.tsx
@@ -9,6 +9,7 @@ import EventTextArea from './EventTextArea';
 import EventTextInput from './EventTextInput';
 
 import style from '../EventEditor.module.scss';
+import { useTranslation } from '../../../../translation/TranslationProvider';
 
 interface EventEditorTitlesProps {
   eventId: string;
@@ -26,12 +27,15 @@ const EventEditorTitles = (props: EventEditorTitlesProps) => {
     handleSubmit('cue', sanitiseCue(newValue));
   };
 
+  const { getLocalizedString } = useTranslation();
+
+
   return (
     <div className={style.column}>
       <div className={style.splitTwo}>
         <div>
           <label className={style.inputLabel} htmlFor='eventId'>
-            Event ID (read only)
+          {getLocalizedString('editor.eventid')}
           </label>
           <Input
             id='eventId'
@@ -42,14 +46,14 @@ const EventEditorTitles = (props: EventEditorTitlesProps) => {
             readOnly
           />
         </div>
-        <EventTextInput field='cue' label='Cue' initialValue={cue} submitHandler={cueSubmitHandler} maxLength={10} />
+        <EventTextInput field='cue' label={getLocalizedString('global.cue')} initialValue={cue} submitHandler={cueSubmitHandler} maxLength={10} />
       </div>
       <div>
-        <label className={style.inputLabel}>Colour</label>
+        <label className={style.inputLabel}>{getLocalizedString('global.colour')}</label>
         <SwatchSelect name='colour' value={colour} handleChange={handleSubmit} />
       </div>
-      <EventTextInput field='title' label='Title' initialValue={title} submitHandler={handleSubmit} />
-      <EventTextArea field='note' label='Note' initialValue={note} submitHandler={handleSubmit} />
+      <EventTextInput field='title' label={getLocalizedString('global.title')} initialValue={title} submitHandler={handleSubmit} />
+      <EventTextArea field='note' label={getLocalizedString('global.note')} initialValue={note} submitHandler={handleSubmit} />
     </div>
   );
 };
diff --git a/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx b/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx
index b7ae319f58..f4914df8c4 100644
--- a/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx
+++ b/apps/client/src/features/rundown/quick-add-block/QuickAddBlock.tsx
@@ -7,6 +7,8 @@ import { useEventAction } from '../../../common/hooks/useEventAction';
 import { useEmitLog } from '../../../common/stores/logger';
 
 import style from './QuickAddBlock.module.scss';
+import { useTranslation } from '../../../translation/TranslationProvider';
+
 
 interface QuickAddBlockProps {
   previousEventId?: string;
@@ -22,6 +24,8 @@ function QuickAddBlock(props: QuickAddBlockProps) {
   const doLinkPrevious = useRef<HTMLInputElement | null>(null);
   const doPublic = useRef<HTMLInputElement | null>(null);
 
+  const { getLocalizedString } = useTranslation();
+
   const handleCreateEvent = useCallback(
     (eventType: SupportedEvent) => {
       switch (eventType) {
@@ -74,7 +78,7 @@ function QuickAddBlock(props: QuickAddBlockProps) {
         leftIcon={<IoAdd />}
         color='#b1b1b1' // $gray-400
       >
-        Event
+        {getLocalizedString('editor.event')}
       </Button>
       <Button
         onClick={() => handleCreateEvent(SupportedEvent.Delay)}
@@ -84,7 +88,7 @@ function QuickAddBlock(props: QuickAddBlockProps) {
         leftIcon={<IoAdd />}
         color='#b1b1b1' // $gray-400
       >
-        Delay
+        {getLocalizedString('editor.delay')}
       </Button>
       <Button
         onClick={() => handleCreateEvent(SupportedEvent.Block)}
@@ -94,7 +98,7 @@ function QuickAddBlock(props: QuickAddBlockProps) {
         leftIcon={<IoAdd />}
         color='#b1b1b1' // $gray-400
       >
-        Block
+        {getLocalizedString('editor.block')}
       </Button>
     </div>
   );
diff --git a/apps/client/src/features/rundown/rundown-header/RundownHeader.tsx b/apps/client/src/features/rundown/rundown-header/RundownHeader.tsx
index 7ca1b20eb6..81128d6dc2 100644
--- a/apps/client/src/features/rundown/rundown-header/RundownHeader.tsx
+++ b/apps/client/src/features/rundown/rundown-header/RundownHeader.tsx
@@ -6,20 +6,23 @@ import RundownMenu from './RundownMenu';
 
 import style from './RundownHeader.module.scss';
 
+import { useTranslation } from '../../../translation/TranslationProvider';
+
 export default function RundownHeader() {
   const appMode = useAppMode((state) => state.mode);
   const setAppMode = useAppMode((state) => state.setMode);
   const setRunMode = () => setAppMode(AppMode.Run);
   const setEditMode = () => setAppMode(AppMode.Edit);
+  const { getLocalizedString } = useTranslation();
 
   return (
     <div className={style.header}>
       <ButtonGroup isAttached>
         <Button size='sm' variant={appMode === AppMode.Run ? 'ontime-filled' : 'ontime-subtle'} onClick={setRunMode}>
-          Run
+        {getLocalizedString('editor.run')}
         </Button>
         <Button size='sm' variant={appMode === AppMode.Edit ? 'ontime-filled' : 'ontime-subtle'} onClick={setEditMode}>
-          Edit
+        {getLocalizedString('editor.edit')}
         </Button>
       </ButtonGroup>
       <RundownMenu />
diff --git a/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx b/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx
index e48234b348..89a7dff820 100644
--- a/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx
+++ b/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx
@@ -15,6 +15,8 @@ import { useEventAction } from '../../../common/hooks/useEventAction';
 import { useAppMode } from '../../../common/stores/appModeStore';
 import { useEventSelection } from '../useEventSelection';
 
+import { useTranslation } from '../../../translation/TranslationProvider';
+
 export default function RundownMenu() {
   const clearSelectedEvents = useEventSelection((state) => state.clearSelectedEvents);
   const appMode = useAppMode((state) => state.mode);
@@ -29,6 +31,8 @@ export default function RundownMenu() {
     onClose();
   }, [clearSelectedEvents, deleteAllEvents, onClose]);
 
+  const { getLocalizedString } = useTranslation();
+
   return (
     <>
       <Button
@@ -39,23 +43,23 @@ export default function RundownMenu() {
         color='#FA5656'
         isDisabled={appMode === 'run'}
       >
-        Clear rundown
+        {getLocalizedString('editor.clear')}
       </Button>
       <AlertDialog variant='ontime' isOpen={isOpen} leastDestructiveRef={cancelRef} onClose={onClose}>
         <AlertDialogOverlay>
           <AlertDialogContent>
             <AlertDialogHeader fontSize='lg' fontWeight='bold'>
-              Clear rundown
+              '{getLocalizedString('editor.clear')}'
             </AlertDialogHeader>
             <AlertDialogBody>
-              You will lose all data in your rundown. <br /> Are you sure?
+            {getLocalizedString('alert.clear_rundown')}
             </AlertDialogBody>
             <AlertDialogFooter>
               <Button ref={cancelRef} onClick={onClose} variant='ontime-ghosted-white'>
-                Cancel
+              {getLocalizedString('global.cancel')}
               </Button>
               <Button colorScheme='red' onClick={deleteAll} ml={4}>
-                Delete all
+              {getLocalizedString('global.delete_all')}
               </Button>
             </AlertDialogFooter>
           </AlertDialogContent>
diff --git a/apps/client/src/translation/languages/de.ts b/apps/client/src/translation/languages/de.ts
index fe79bb7527..58fa99cc59 100644
--- a/apps/client/src/translation/languages/de.ts
+++ b/apps/client/src/translation/languages/de.ts
@@ -14,6 +14,55 @@ export const langDe: TranslationObject = {
   'common.started_at': 'Gestartet am',
   'common.time_now': 'Aktuelle Zeit',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Veranstaltung endete um',
   'countdown.running': 'Veranstaltung läuft',
   'countdown.select_event': 'Wählen Sie eine Veranstaltung aus, um sie zu verfolgen',
diff --git a/apps/client/src/translation/languages/en.ts b/apps/client/src/translation/languages/en.ts
index fff38bda6c..7727cc2dba 100644
--- a/apps/client/src/translation/languages/en.ts
+++ b/apps/client/src/translation/languages/en.ts
@@ -12,6 +12,55 @@ export const langEn = {
   'common.started_at': 'Started At',
   'common.time_now': 'Time now',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Event ended at',
   'countdown.running': 'Event running',
   'countdown.select_event': 'Select an event to follow',
diff --git a/apps/client/src/translation/languages/es.ts b/apps/client/src/translation/languages/es.ts
index 7d5d5f2991..9f0f1981c7 100644
--- a/apps/client/src/translation/languages/es.ts
+++ b/apps/client/src/translation/languages/es.ts
@@ -14,6 +14,55 @@ export const langEs: TranslationObject = {
   'common.started_at': 'Iniciado en',
   'common.time_now': 'Ahora',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Evento finalizado a las',
   'countdown.running': 'Evento en curso',
   'countdown.select_event': 'Seleccionar un evento para seguir',
diff --git a/apps/client/src/translation/languages/fr.ts b/apps/client/src/translation/languages/fr.ts
index 69af64e4f7..779225da7e 100644
--- a/apps/client/src/translation/languages/fr.ts
+++ b/apps/client/src/translation/languages/fr.ts
@@ -14,6 +14,55 @@ export const langFr: TranslationObject = {
   'common.started_at': 'Commencé à',
   'common.time_now': 'Heure',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Évènement terminé à',
   'countdown.running': 'Évènement en cours',
   'countdown.select_event': 'Sélectionnez un évènement à suivre',
diff --git a/apps/client/src/translation/languages/hu.ts b/apps/client/src/translation/languages/hu.ts
index df49a97303..46639f1cc5 100644
--- a/apps/client/src/translation/languages/hu.ts
+++ b/apps/client/src/translation/languages/hu.ts
@@ -14,6 +14,55 @@ export const langHu: TranslationObject = {
   'common.started_at': 'Kezdődött',
   'common.time_now': 'Jelenlegi idő',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Esemény véget ért',
   'countdown.running': 'Esemény folyamatban',
   'countdown.select_event': 'Válassza ki a követendő eseményt',
diff --git a/apps/client/src/translation/languages/it.ts b/apps/client/src/translation/languages/it.ts
index d4b83f07b2..e1dfd21fcd 100644
--- a/apps/client/src/translation/languages/it.ts
+++ b/apps/client/src/translation/languages/it.ts
@@ -14,6 +14,55 @@ export const langIt: TranslationObject = {
   'common.started_at': 'Iniziato Alle',
   'common.time_now': 'Ora attuale',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Evento finito alle',
   'countdown.running': 'Evento in corso',
   'countdown.select_event': 'Seleziona un evento da seguire',
diff --git a/apps/client/src/translation/languages/no.ts b/apps/client/src/translation/languages/no.ts
index 015294b983..b9bc246e02 100644
--- a/apps/client/src/translation/languages/no.ts
+++ b/apps/client/src/translation/languages/no.ts
@@ -14,6 +14,55 @@ export const langNo: TranslationObject = {
   'common.started_at': 'Startet',
   'common.time_now': 'Klokken nå',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Hendelse avsluttet',
   'countdown.running': 'Hendelse pågår',
   'countdown.select_event': 'Velg en hendelse å følge',
diff --git a/apps/client/src/translation/languages/pl.ts b/apps/client/src/translation/languages/pl.ts
index ad78cdbbb6..7c3d987e3e 100644
--- a/apps/client/src/translation/languages/pl.ts
+++ b/apps/client/src/translation/languages/pl.ts
@@ -14,6 +14,55 @@ export const langPl: TranslationObject = {
   'common.started_at': 'Rozpoczęte o',
   'common.time_now': 'Aktualny czas',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Zakończone o',
   'countdown.running': 'Trwa',
   'countdown.select_event': 'Wybierz event który chcesz śledzić',
diff --git a/apps/client/src/translation/languages/pt-br.ts b/apps/client/src/translation/languages/pt-br.ts
index 6b498ab078..c06812a9fc 100644
--- a/apps/client/src/translation/languages/pt-br.ts
+++ b/apps/client/src/translation/languages/pt-br.ts
@@ -7,13 +7,62 @@ export const langPtbr: TranslationObject = {
   'common.next': 'PRÓXIMO',
   'common.public_message': 'MENSAGEM PÚBLICA',
   'common.scheduled_start': 'INÍCIO PLANEJADO',
-  'common.scheduled_end': 'ENCERRAMENTO PLANEJADO',
+  'common.scheduled_end': 'FIM PLANEJADO',
   'common.projected_start': 'INÍCIO PREVISTO',
-  'common.projected_end': 'ENCERRAMENTO PREVISTO',
+  'common.projected_end': 'FIM PREVISTO',
   'common.stage_timer': 'TEMPO DO APRESENTADOR',
   'common.started_at': 'INICIADO ÀS',
   'common.time_now': 'HORA ATUAL',
   'common.elapsed_time': 'TEMPO CORRIDO',
+  'common.progress': 'PROGRESSO',
+  'common.offset': 'OFFSET',
+  'common.aux_time': 'Cronômetro Auxiliar',
+  'timer.message': 'Mensagem - Primária',
+  'timer.message.plac': 'Mostra a mensagem em tela cheia no cronômetro',
+  'timer.external': 'Mensagem - Secundária',
+  'timer.external.plac': 'Mostra a mensagem reduzida em baixo do cronômetro',
+  'timer.show_auxtime': 'Mostrar Cronômetro Aux',
+  'timer.show_external': 'Mostrar Mensagem Secundária',
+  'timer.blink': 'Piscar',
+  'timer.blackout': 'Apagar Tela',
+  'timer.countdown': 'Regressivo',
+  'timer.countup': 'Progressivo',
+  'timer.timetoend': 'Tempo Final',
+  'timer.clock': 'Hora Atual',
+  'editor.run': 'Execução',
+  'editor.edit': 'Editor',
+  'editor.event': 'Evento',
+  'editor.delay': 'Atraso',
+  'editor.block': 'Separador',
+  'editor.gap': 'Intervalo',
+  'editor.nextday': 'Dia Seguinte',
+  'editor.clear':'Limpar Lista',
+  'editor.event_schedule': 'Planejamento do Evento',
+  'editor.warning_time': 'Tempo de Alerta',
+  'editor.danger_time': 'Tempo Crítico',
+  'editor.event_visibility': 'Visibilidade do Evento',
+  'editor.timer_type': 'Tipo de Contador',
+  'editor.end_action': 'Ação ao terminar',
+  'editor.eventid': 'ID do Evento (Somente Leitura)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'Nada a fazer',
+  'endaction.stop': 'Parar',
+  'endaction.load': 'Carregar o Próximo',
+  'endaction.play': 'Iniciar o Próximo',
+  'global.save': 'Salvar',
+  'global.delete':  'Excluir',
+  'global.delete_all': 'Excluir Tudo',
+  'global.exit': 'Sair',
+  'global.cancel': 'Cancelar',
+  'global.public': 'Público',
+  'global.private': 'Privado',
+  'global.cue': 'Cue',
+  'global.title': 'Título',
+  'global.note': 'Note',
+  'global.colour': 'Cor',
+  'global.custom_fields': 'Campos Personalizados',
+  'global.manage': 'Gerenciar',
+  'alert.clear_rundown': 'Deseja apagar todos os eventos da lista?',
   'countdown.ended': 'EVENTO ENCERRADO ÀS',
   'countdown.running': 'TEMPO RESTANTE',
   'countdown.select_event': 'SELECIONE UM EVENTO PARA ACOMPANHAR',
diff --git a/apps/client/src/translation/languages/pt.ts b/apps/client/src/translation/languages/pt.ts
index 0d406e7696..327421182b 100644
--- a/apps/client/src/translation/languages/pt.ts
+++ b/apps/client/src/translation/languages/pt.ts
@@ -14,6 +14,55 @@ export const langPt: TranslationObject = {
   'common.started_at': 'Iniciado em',
   'common.time_now': 'Hora atual',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Evento encerrado às',
   'countdown.running': 'Evento em andamento',
   'countdown.select_event': 'Selecione um evento para acompanhar',
diff --git a/apps/client/src/translation/languages/sv.ts b/apps/client/src/translation/languages/sv.ts
index c7723a9e65..b8e7862272 100644
--- a/apps/client/src/translation/languages/sv.ts
+++ b/apps/client/src/translation/languages/sv.ts
@@ -14,6 +14,55 @@ export const langSv: TranslationObject = {
   'common.started_at': 'Började vid',
   'common.time_now': 'Klockan nu',
   'common.elapsed_time': 'Elapsed Time',
+  'common.progress': 'Progress',
+  'common.offset': 'Offset',
+  'common.aux_time': 'Auxiliary Timer',
+  'timer.message': 'Timer Message',
+  'timer.message.plac': 'Message show fullscreen stage timer',
+  'timer.external': 'External Message',
+  'timer.external.plac': 'Message show as secondary text in stage timer',
+  'timer.show_auxtime': 'Show Aux Timer',
+  'timer.show_external': 'Show External',
+  'timer.blink': 'blink',
+  'timer.blackout': 'Blackout Screen',
+  'timer.countdown': 'Countdown',
+  'timer.countup': 'Count Up',
+  'timer.timetoend': 'Time to End',
+  'timer.clock': 'Clock',
+  'editor.run': 'Run',
+  'editor.edit': 'Edit',
+  'editor.event':'Event',
+  'editor.delay':'Delay',
+  'editor.block':'Block',
+  'editor.gap': 'Gap',
+  'editor.nextday': 'Next Day',
+  'editor.clear':'Clear Rundown',
+  'editor.event_schedule': 'Event Schedule',
+  'editor.warning_time': 'Warning Time',
+  'editor.danger_time': 'Danger Time',
+  'editor.event_visibility': 'Event Visibility',
+  'editor.timer_type': 'Timer Type',
+  'editor.end_action': 'End Action',
+  'editor.eventid': 'Event ID (Read Only)',
+  'editor.upnext': 'UP NEXT',
+  'endaction.none': 'None',
+  'endaction.stop': 'Stop',
+  'endaction.load': 'Load Next',
+  'endaction.play': 'Play Next',
+  'global.save': 'Save',
+  'global.delete':  'Delete',
+  'global.delete_all': 'Delete All',
+  'global.exit': 'Exit',
+  'global.cancel': 'Cancel',
+  'global.public': 'Public',
+  'global.private': 'Private',
+  'global.cue': 'Cue',
+  'global.title': 'Title',
+  'global.note': 'Note',
+  'global.colour': 'Colour',
+  'global.custom_fields': 'Custom Fields',
+  'global.manage': 'Manage',
+  'alert.clear_rundown': 'You will lose all data in your rundown. Are you sure?',
   'countdown.ended': 'Evenemanget avslutades vid',
   'countdown.running': 'Evenemang pågår',
   'countdown.select_event': 'Välj ett evenemang att följa',