fix: translation and uppercase

Author: olzzon

meteor/i18n/nb.po

@@ -699,6 +699,15 @@ msgstr "Planlagt varighet"
 msgid "Planned End"
 msgstr "Planlagt slutt"
 
+msgid "Time to planned end"
+msgstr "Tid til planlagt slutt"
+
+msgid "Time since planned end"
+msgstr "Tid siden planlagt slutt"
+
+msgid "Over/Under"
+msgstr "Over/Under"
+
 msgid ""
 "The rundown \"{{rundownName}}\" is not published or activated in "
 "{{nrcsName}}! No data updates will currently come through."

meteor/i18n/nn.po

@@ -700,6 +700,15 @@ msgstr "Planlagt varigheit"
 msgid "Planned End"
 msgstr "Planlagt slutt"
 
+msgid "Time to planned end"
+msgstr "Tid til planlagt slutt"
+
+msgid "Time since planned end"
+msgstr "Tid sidan planlagt slutt"
+
+msgid "Over/Under"
+msgstr "Over/Under"
+
 msgid ""
 "The rundown \"{{rundownName}}\" is not published or activated in "
 "{{nrcsName}}! No data updates will currently come through."

meteor/i18n/template.pot

@@ -660,6 +660,15 @@ msgstr ""
 msgid "Planned End"
 msgstr ""
 
+msgid "Time to planned end"
+msgstr ""
+
+msgid "Time since planned end"
+msgstr ""
+
+msgid "Over/Under"
+msgstr ""
+
 msgid ""
 "The rundown \"{{rundownName}}\" is not published or activated in "
 "{{nrcsName}}! No data updates will currently come through."

packages/webui/src/client/styles/countdown/director.scss

@@ -33,6 +33,7 @@ $hold-status-color: $liveline-timecode-color;
 		color: #888;
 		font-size: 2.6em;
 		padding: 0 0.2em;
+		text-transform: uppercase;
 
 		.director-screen__top__planned-end {
 			text-align: left;
@@ -293,6 +294,7 @@ $hold-status-color: $liveline-timecode-color;
 			.director-screen__body__part__next-icon,
 			.director-screen__body__part__auto-icon {
 				background-color: $general-next-color;
+				text-transform: uppercase;
 				justify-content: left;
 				position: relative;
 				grid-row: 1;

packages/webui/src/client/ui/ClockView/DirectorScreen.tsx

@@ -366,29 +366,29 @@ function DirectorScreenRender({
 							<div>
 								<PlannedEndComponent value={expectedEnd} />
 							</div>
-							PLANNED END
+							{t('Planned End')}
 						</div>
 					) : null}
 					{expectedEnd ? (
 						<div>
 							<div>
 								<TimeToPlannedEndComponent value={now - expectedEnd} />
 							</div>
-							<span className="director-screen__top__planned-to">TIME TO PLANNED END</span>
+							<span className="director-screen__top__planned-to">{t('Time to planned end')}</span>
 						</div>
 					) : (
 						<div>
 							<div>
 								<TimeSincePlannedEndComponent value={getCurrentTime() - (expectedStart + expectedDuration)} />
-								<span className="director-screen__top__planned-since">TIME SINCE PLANNED END</span>
+								<span className="director-screen__top__planned-since">{t('Time since planned end')}</span>
 							</div>
 						</div>
 					)}
 					<div>
 						<div>
 							<OverUnderClockComponent value={overUnderClock} />
 						</div>
-						<span className="director-screen__top__over-under">OVER/UNDER</span>
+						<span className="director-screen__top__over-under">{t('Over/Under')}</span>
 					</div>
 				</div>
 				<div className="director-screen__body">