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

@@ -433,3 +433,8 @@ export const backgroundBoxStyle = (theme: Theme) => css(({
   padding: "20px",
   gap: "25px",
 }));
+
+export const checkboxStyle = (theme: Theme) => css({
+  color: theme.text,
+  "&.Mui-disabled": { color: theme.disabled },
+});

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

@@ -11,6 +11,7 @@ import { LuLoader, LuCheckCircle, LuAlertCircle, LuChevronLeft, LuSave, LuCheck
 import { useAppDispatch, useAppSelector } from "../redux/store";
 import { selectFinishState } from "../redux/finishSlice";
 import {
+  selectCustomizedTrackSelection,
   selectHasChanges,
   selectSegments,
   selectTracks,
@@ -117,6 +118,7 @@ export const SaveButton: React.FC = () => {
 
   const segments = useAppSelector(selectSegments);
   const tracks = useAppSelector(selectTracks);
+  const customizedTrackSelection = useAppSelector(selectCustomizedTrackSelection);
   const subtitles = useAppSelector(selectSubtitles);
   const workflowStatus = useAppSelector(selectStatus);
   const metadataStatus = useAppSelector(selectPostStatus);
@@ -173,8 +175,9 @@ export const SaveButton: React.FC = () => {
     if (metadataStatus === "success" && metadataSaveStarted) {
       setMetadataSaveStarted(false);
       dispatch(postVideoInformation({
-        segments: segments,
-        tracks: tracks,
+        segments,
+        tracks,
+        customizedTrackSelection,
         subtitles: prepareSubtitles(),
       }));