feat: request 4K media with the title card

server/interfaces/api/settingsInterfaces.ts

@@ -26,6 +26,8 @@ export interface PublicSettingsResponse {
   applicationUrl: string;
   hideAvailable: boolean;
   localLogin: boolean;
+  movieEnabled: boolean;
+  seriesEnabled: boolean;
   movie4kEnabled: boolean;
   series4kEnabled: boolean;
   region: string;

server/lib/settings.ts

@@ -115,6 +115,8 @@ interface FullPublicSettings extends PublicSettings {
   applicationUrl: string;
   hideAvailable: boolean;
   localLogin: boolean;
+  movieEnabled: boolean;
+  seriesEnabled: boolean;
   movie4kEnabled: boolean;
   series4kEnabled: boolean;
   region: string;
@@ -491,6 +493,12 @@ class Settings {
       applicationUrl: this.data.main.applicationUrl,
       hideAvailable: this.data.main.hideAvailable,
       localLogin: this.data.main.localLogin,
+      movieEnabled: this.data.radarr.some(
+        (radarr) => !radarr.is4k && radarr.isDefault
+      ),
+      seriesEnabled: this.data.sonarr.some(
+        (sonarr) => !sonarr.is4k && sonarr.isDefault
+      ),
       movie4kEnabled: this.data.radarr.some(
         (radarr) => radarr.is4k && radarr.isDefault
       ),

src/components/CollectionDetails/index.tsx

@@ -129,6 +129,7 @@ const CollectionDetails = ({ collection }: CollectionDetailsProps) => {
   }
 
   const hasRequestable =
+    settings.currentSettings.movieEnabled &&
     hasPermission([Permission.REQUEST, Permission.REQUEST_MOVIE], {
       type: 'or',
     }) &&
@@ -237,14 +238,19 @@ const CollectionDetails = ({ collection }: CollectionDetailsProps) => {
         </div>
         <div className="media-title">
           <div className="media-status">
-            <StatusBadge
-              status={collectionStatus}
-              downloadItem={downloadStatus}
-              title={titles}
-              inProgress={data.parts.some(
-                (part) => (part.mediaInfo?.downloadStatus ?? []).length > 0
+            {settings.currentSettings.movieEnabled &&
+              hasPermission([Permission.REQUEST, Permission.REQUEST_MOVIE], {
+                type: 'or',
+              }) && (
+                <StatusBadge
+                  status={collectionStatus}
+                  downloadItem={downloadStatus}
+                  title={titles}
+                  inProgress={data.parts.some(
+                    (part) => (part.mediaInfo?.downloadStatus ?? []).length > 0
+                  )}
+                />
               )}
-            />
             {settings.currentSettings.movie4kEnabled &&
               hasPermission(
                 [Permission.REQUEST_4K, Permission.REQUEST_4K_MOVIE],
@@ -340,6 +346,7 @@ const CollectionDetails = ({ collection }: CollectionDetailsProps) => {
             id={title.id}
             image={title.posterPath}
             status={title.mediaInfo?.status}
+            status4k={title.mediaInfo?.status4k}
             summary={title.overview}
             title={title.title}
             userScore={title.voteAverage}

src/components/Common/ListView/index.tsx

@@ -61,6 +61,7 @@ const ListView = ({
                   id={title.id}
                   image={title.posterPath}
                   status={title.mediaInfo?.status}
+                  status4k={title.mediaInfo?.status4k}
                   summary={title.overview}
                   title={title.title}
                   userScore={title.voteAverage}
@@ -79,6 +80,7 @@ const ListView = ({
                   id={title.id}
                   image={title.posterPath}
                   status={title.mediaInfo?.status}
+                  status4k={title.mediaInfo?.status4k}
                   summary={title.overview}
                   title={title.name}
                   userScore={title.voteAverage}

src/components/IssueModal/CreateIssueModal/index.tsx

@@ -72,8 +72,12 @@ const CreateIssueModal = ({
   const availableSeasons = (data?.mediaInfo?.seasons ?? [])
     .filter(
       (season) =>
-        season.status === MediaStatus.AVAILABLE ||
-        season.status === MediaStatus.PARTIALLY_AVAILABLE ||
+        (settings.currentSettings.seriesEnabled &&
+          hasPermission([Permission.REQUEST_4K, Permission.REQUEST_4K_TV], {
+            type: 'or',
+          }) &&
+          (season.status === MediaStatus.AVAILABLE ||
+            season.status === MediaStatus.PARTIALLY_AVAILABLE)) ||
         (settings.currentSettings.series4kEnabled &&
           hasPermission([Permission.REQUEST_4K, Permission.REQUEST_4K_TV], {
             type: 'or',

src/components/ManageSlideOver/index.tsx

@@ -468,22 +468,23 @@ const ManageSlideOver = ({
               {intl.formatMessage(messages.manageModalAdvanced)}
             </h3>
             <div className="space-y-2">
-              {data?.mediaInfo.status !== MediaStatus.AVAILABLE && (
-                <Button
-                  onClick={() => markAvailable()}
-                  className="w-full"
-                  buttonType="success"
-                >
-                  <CheckCircleIcon />
-                  <span>
-                    {intl.formatMessage(
-                      mediaType === 'movie'
-                        ? messages.markavailable
-                        : messages.markallseasonsavailable
-                    )}
-                  </span>
-                </Button>
-              )}
+              {data?.mediaInfo.status !== MediaStatus.AVAILABLE &&
+                settings.currentSettings.seriesEnabled && (
+                  <Button
+                    onClick={() => markAvailable()}
+                    className="w-full"
+                    buttonType="success"
+                  >
+                    <CheckCircleIcon />
+                    <span>
+                      {intl.formatMessage(
+                        mediaType === 'movie'
+                          ? messages.markavailable
+                          : messages.markallseasonsavailable
+                      )}
+                    </span>
+                  </Button>
+                )}
               {data?.mediaInfo.status4k !== MediaStatus.AVAILABLE &&
                 settings.currentSettings.series4kEnabled && (
                   <Button

src/components/MediaSlider/index.tsx

@@ -98,6 +98,7 @@ const MediaSlider = ({
             id={title.id}
             image={title.posterPath}
             status={title.mediaInfo?.status}
+            status4k={title.mediaInfo?.status4k}
             summary={title.overview}
             title={title.title}
             userScore={title.voteAverage}
@@ -112,6 +113,7 @@ const MediaSlider = ({
             id={title.id}
             image={title.posterPath}
             status={title.mediaInfo?.status}
+            status4k={title.mediaInfo?.status4k}
             summary={title.overview}
             title={title.name}
             userScore={title.voteAverage}

src/components/MovieDetails/index.tsx

@@ -154,6 +154,7 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
   const mediaLinks: PlayButtonLink[] = [];
 
   if (
+    settings.currentSettings.movieEnabled &&
     plexUrl &&
     hasPermission([Permission.REQUEST, Permission.REQUEST_MOVIE], {
       type: 'or',
@@ -314,16 +315,28 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
         </div>
         <div className="media-title">
           <div className="media-status">
-            <StatusBadge
-              status={data.mediaInfo?.status}
-              downloadItem={data.mediaInfo?.downloadStatus}
-              title={data.title}
-              inProgress={(data.mediaInfo?.downloadStatus ?? []).length > 0}
-              tmdbId={data.mediaInfo?.tmdbId}
-              mediaType="movie"
-              plexUrl={plexUrl}
-              serviceUrl={data.mediaInfo?.serviceUrl}
-            />
+            {settings.currentSettings.movieEnabled &&
+              hasPermission(
+                [
+                  Permission.MANAGE_REQUESTS,
+                  Permission.REQUEST,
+                  Permission.REQUEST_MOVIE,
+                ],
+                {
+                  type: 'or',
+                }
+              ) && (
+                <StatusBadge
+                  status={data.mediaInfo?.status}
+                  downloadItem={data.mediaInfo?.downloadStatus}
+                  title={data.title}
+                  inProgress={(data.mediaInfo?.downloadStatus ?? []).length > 0}
+                  tmdbId={data.mediaInfo?.tmdbId}
+                  mediaType="movie"
+                  plexUrl={plexUrl}
+                  serviceUrl={data.mediaInfo?.serviceUrl}
+                />
+              )}
             {settings.currentSettings.movie4kEnabled &&
               hasPermission(
                 [
@@ -379,7 +392,8 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
             tmdbId={data.id}
             onUpdate={() => revalidate()}
           />
-          {(data.mediaInfo?.status === MediaStatus.AVAILABLE ||
+          {((settings.currentSettings.movieEnabled &&
+            data.mediaInfo?.status === MediaStatus.AVAILABLE) ||
             (settings.currentSettings.movie4kEnabled &&
               hasPermission(
                 [Permission.REQUEST_4K, Permission.REQUEST_4K_MOVIE],

src/components/NotificationTypeSelector/index.tsx

@@ -159,17 +159,19 @@ const NotificationTypeSelector = ({
           { type: 'or' }
         ) ||
         // Cannot submit non-4K movie requests OR has Auto-Approve perms for non-4K movies
-        ((!hasPermission([Permission.REQUEST, Permission.REQUEST_MOVIE], {
-          type: 'or',
-        }) ||
+        ((!settings.currentSettings.movieEnabled ||
+          !hasPermission([Permission.REQUEST, Permission.REQUEST_MOVIE], {
+            type: 'or',
+          }) ||
           hasPermission(
             [Permission.AUTO_APPROVE, Permission.AUTO_APPROVE_MOVIE],
             { type: 'or' }
           )) &&
           // Cannot submit non-4K series requests OR has Auto-Approve perms for non-4K series
-          (!hasPermission([Permission.REQUEST, Permission.REQUEST_TV], {
-            type: 'or',
-          }) ||
+          (!settings.currentSettings.seriesEnabled ||
+            !hasPermission([Permission.REQUEST, Permission.REQUEST_TV], {
+              type: 'or',
+            }) ||
             hasPermission(
               [Permission.AUTO_APPROVE, Permission.AUTO_APPROVE_TV],
               { type: 'or' }

src/components/PersonDetails/index.tsx

@@ -145,6 +145,7 @@ const PersonDetails = () => {
                 summary={media.overview}
                 mediaType={media.mediaType as 'movie' | 'tv'}
                 status={media.mediaInfo?.status}
+                status4k={media.mediaInfo?.status4k}
                 canExpand
               />
               {media.character && (
@@ -185,6 +186,7 @@ const PersonDetails = () => {
                 summary={media.overview}
                 mediaType={media.mediaType as 'movie' | 'tv'}
                 status={media.mediaInfo?.status}
+                status4k={media.mediaInfo?.status}
                 canExpand
               />
               {media.job && (

src/components/RequestButton/index.tsx

@@ -273,7 +273,9 @@ const RequestButton = ({
           : Permission.REQUEST_TV,
       ],
       { type: 'or' }
-    )
+    ) &&
+    ((settings.currentSettings.movieEnabled && mediaType === 'movie') ||
+      (settings.currentSettings.seriesEnabled && mediaType === 'tv'))
   ) {
     buttons.push({
       id: 'request',
@@ -292,7 +294,8 @@ const RequestButton = ({
     }) &&
     media &&
     media.status !== MediaStatus.AVAILABLE &&
-    !isShowComplete
+    !isShowComplete &&
+    settings.currentSettings.seriesEnabled
   ) {
     buttons.push({
       id: 'request-more',

src/components/StatusBadge/index.tsx

@@ -73,7 +73,10 @@ const StatusBadge = ({
         type: 'or',
       }
     ) &&
-    (!is4k ||
+    ((!is4k &&
+      (mediaType === 'movie'
+        ? settings.currentSettings.movieEnabled
+        : settings.currentSettings.seriesEnabled)) ||
       (mediaType === 'movie'
         ? settings.currentSettings.movie4kEnabled
         : settings.currentSettings.series4kEnabled))

src/components/TitleCard/TmdbTitleCard.tsx

@@ -59,6 +59,7 @@ const TmdbTitleCard = ({
       id={title.id}
       image={title.posterPath}
       status={title.mediaInfo?.status}
+      status4k={title.mediaInfo?.status4k}
       summary={title.overview}
       title={title.title}
       userScore={title.voteAverage}
@@ -71,6 +72,7 @@ const TmdbTitleCard = ({
       id={title.id}
       image={title.posterPath}
       status={title.mediaInfo?.status}
+      status4k={title.mediaInfo?.status4k}
       summary={title.overview}
       title={title.name}
       userScore={title.voteAverage}