Add config "atMostTwoVideos" to track selection

Adds a new config option to track selection. It is
true per default and disables the track selection
for events with more than two videos. This is
because standard Opencast workflows are not
equipped to deal with track selection for more
than two videos.

editor-settings.toml

@@ -81,11 +81,17 @@
 
 # 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 create selections with
-# only audio streams, set this to false.
+# 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

@@ -29,6 +29,7 @@ show = true
 [trackSelection]
 show = true
 atLeastOneVideo = true
+atMostTwoVideos = true
 
 [subtitles]
 show = true

src/config.ts

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

src/i18n/locales/en-US.json

@@ -242,6 +242,7 @@
       "title": "Select track(s) for processing",
       "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",

src/main/TrackSelection.tsx

@@ -33,6 +33,7 @@ import { settings } from "../config";
  */
 const TrackSelection: React.FC = () => {
   const { t } = useTranslation();
+  const theme = useTheme();
   const dispatch = useAppDispatch();
 
   // Generate list of tracks
@@ -97,6 +98,13 @@ const TrackSelection: React.FC = () => {
     dispatch(setCustomizedTrackSelection(!customizedTrackSelection));
   };
 
+  const isDisabledBecauseMoreThanTwoVideos = () => {
+    if (settings.trackSelection.atMostTwoVideos && tracks.length > 2) {
+      return true;
+    }
+    return false;
+  }
+
   const styles = {
     trackSelection: css({
       display: "flex",
@@ -128,7 +136,7 @@ const TrackSelection: React.FC = () => {
       transition: "all 0.05s",
       width: "100%",
       ...(
-        customizedTrackSelection
+        customizedTrackSelection || isDisabledBecauseMoreThanTwoVideos()
           ? {}
           : {
             opacity: "0.7",
@@ -145,6 +153,19 @@ const TrackSelection: React.FC = () => {
     }),
   };
 
+  if (isDisabledBecauseMoreThanTwoVideos()) {
+    return (
+      <div css={styles.trackSelection}>
+        <Header />
+        <section css={[styles.selectionSection, styles.leftAlignedSection]}>
+          <Alert variant="outlined" severity="info" css={css({ color: theme.inverted_text })}>
+            <span>{t("trackSelection.atMostTwoVideos")}</span>
+          </Alert>
+        </section>
+      </div>
+    )
+  }
+
   return (
     <div css={styles.trackSelection}>
       <Header />