Split track selection to video and audio selection

editor-settings.toml

@@ -79,6 +79,19 @@
 # Default: true
 #show = true
 
+# Ensure that at least one video stream remains selected
+# Typically, the track selection ensures that at least one video stream
+# remains selected. If you would like your users to be able to create selections
+# with only audio streams, set this to false.
+# Default: true
+#atLeastOneVideo = true
+
+# Disables track selection for events with more than two videos
+# If your Opencast can handle track selection for more than two videos, set this
+# to false.
+# Default: true
+#atMostTwoVideos = true
+
 ####
 # Subtitles
 ##

public/editor-settings.toml

@@ -28,6 +28,8 @@ show = true
 
 [trackSelection]
 show = true
+atLeastOneVideo = true
+atMostTwoVideos = true
 
 [subtitles]
 show = true

src/config.ts

@@ -55,6 +55,8 @@ interface iSettings {
   },
   trackSelection: {
     show: boolean,
+    atLeastOneVideo: boolean,
+    atMostTwoVideos: boolean,
   },
   thumbnail: {
     show: boolean,
@@ -93,6 +95,8 @@ const defaultSettings: iSettings = {
   },
   trackSelection: {
     show: true,
+    atLeastOneVideo: true,
+    atMostTwoVideos: true,
   },
   thumbnail: {
     show: false,
@@ -403,6 +407,8 @@ const SCHEMA = {
   },
   trackSelection: {
     show: types.boolean,
+    atLeastOneVideo: types.boolean,
+    atMostTwoVideos: types.boolean,
   },
   subtitles: {
     show: types.boolean,

src/cssStyles.tsx

@@ -437,6 +437,11 @@ export const backgroundBoxStyle = (theme: Theme) => css(({
   gap: "25px",
 }));
 
+export const checkboxStyle = (theme: Theme) => css({
+  color: theme.text,
+  "&.Mui-disabled": { color: theme.disabled },
+});
+
 export const undisplay = (maxWidth: number) => css({
   [`@media (max-width: ${maxWidth}px)`]: {
     display: "none",

src/i18n/locales/en-US.json

@@ -240,13 +240,22 @@
 
     "trackSelection": {
       "title": "Select track(s) for processing",
-      "trackInactive": "inactive",
-      "deleteTrackText": "Delete Track",
-      "restoreTrackText": "Restore Track",
-      "cannotDeleteTrackText": "Cannot Delete Track",
-      "deleteTrackTooltip": "Do not encode and publish this track.",
-      "restoreTrackTooltip": "Encode and publish this track.",
-      "cannotDeleteTrackTooltip": "Cannot remove this track from publication."
+      "help": "At least one track has to be selected.",
+      "helpAtLeastOneVideo": "At least one video track has to be selected.",
+      "atMostTwoVideos": "Track Selection is disabled for events with more than two videos",
+      "customizeLabel": "Customize track selection",
+      "videoTracksHeader": "Video tracks",
+      "audioTracksHeader": "Audio tracks",
+      "confirmText": "Confirm selection",
+      "confirmTooltip": "Confirm selected tracks",
+      "noAudioAvailable": "No audio available",
+      "selectionAlertInfoVideo_zero": "You have not selected any video track.",
+      "selectionAlertInfoVideo_one": "You have selected 1 video track.",
+      "selectionAlertInfoVideo_other": "You have selected {{count}} video tracks.",
+      "selectionAlertInfoAudio_zero": "You have not selected any audio track.",
+      "selectionAlertInfoAudio_one": "You have selected 1 audio track. It will be duplicated onto all videos.",
+      "selectionAlertInfoAudio_other": "You have selected {{count}} audio tracks.",
+      "selectionAlertError": "At least one video or audio track has to be selected."
     },
 
     "subtitles": {

src/main/Save.tsx

@@ -10,6 +10,7 @@ import { LuLoader, LuCheckCircle, LuAlertCircle, LuChevronLeft, LuSave, LuCheck
 
 import { useAppDispatch, useAppSelector } from "../redux/store";
 import {
+  selectCustomizedTrackSelection,
   selectHasChanges,
   selectSegments,
   selectTracks,
@@ -116,6 +117,7 @@ export const SaveButton: React.FC<{
 
   const segments = useAppSelector(selectSegments);
   const tracks = useAppSelector(selectTracks);
+  const customizedTrackSelection = useAppSelector(selectCustomizedTrackSelection);
   const subtitles = useAppSelector(selectSubtitles);
   const metadata = useAppSelector(selectCatalogs);
   const workflowStatus = useAppSelector(selectStatus);
@@ -162,6 +164,7 @@ export const SaveButton: React.FC<{
     dispatch(postVideoInformation({
       segments: segments,
       tracks: tracks,
+      customizedTrackSelection,
       subtitles: prepareSubtitles(),
       metadata: metadata,
     }));