Annotation for a program added

src/components/records/BroadcastVideoRecord.vue

@@ -93,6 +93,10 @@
 							{{ t(`categories.${santizeAndSimplify(recordData.genre)}`) }}
 						</router-link>
 					</div>
+					<h4 v-if="recordData.annotation">{{ $t('record.annotation') }}</h4>
+					<div v-if="recordData.annotation">
+						<p class="annotation-text">{{ recordData.annotation }}</p>
+					</div>
 				</div>
 				<div class="divider darkblue"></div>
 				<div class="share-button">
@@ -412,7 +416,10 @@ h4 {
 	color: #002e70;
 	text-decoration: none;
 }
-
+.annotation-text {
+	margin: 0;
+	text-transform: none;
+}
 .link-container {
 	background-color: #0a2e70;
 	width: fit-content;

src/locales/da.json

@@ -315,6 +315,7 @@
      "timestamp":"kl. ",
      "title":"Titel",
      "genre":"Genre",
+     "annotation": "Bemærkning",
      "copy": "Del link",
      "copyTitleSuccess":"Linket er nu kopieret",
      "copyMessageSuccess":"",

src/locales/en.json

@@ -319,6 +319,7 @@
      "timestamp": "at ",
      "title":"Title",
      "genre":"Genre",
+     "annotation": "Annotation",
      "copy":"Share link",
      "copyTitleSuccess":"The link has now been copied.",
      "copyMessageSuccess":"",

src/types/BroadcastRecordType.ts

@@ -6,6 +6,7 @@ export interface BroadcastRecordType {
 	id: string;
 	name: NameType[];
 	publication: PublicationType;
+	annotation: string;
 	encodesCreativeWork?: CreativeWork;
 	description: string;
 	startTime: string;